Jump to content
Fórum Script Brasil

crucifier

Membros
  • Content Count

    310
  • Joined

  • Last visited

Community Reputation

0 Neutro

About crucifier

  1. Olá galera, tudo certo? faz um tempinho que não passo por aqui, voltei para ajudar a galerinha que curte ajax aih... fiz um script de administração total de uma pagina (adicionar, deletar, alterar)... são 3 paginas, index.php, crucifier.php (:lol:) e crucifier.js (:yay:) aceito sugestões para mudar isso...tambem estou aprendendo esse negocio de ajax... aih vai o codigo: (comentem ^_^ ) estrutura da tabela index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript" src="crucifier.js"></script> <style> * { text-align: center; } h1 { font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; font-size: 20px; font-weight: bold; } th { background: #f3f3f3; height: 30px; } td { background: #f9f9f9; height: 20px; } </style> </head><body> <h1>Administra&ccedil;&atilde;o de registros via Ajax - By Crucifier </h1> <table align="center" cellspacing="0" class="tbls-consulta" id="tabela"> <tbody> <tr> <th width="70">ID</th> <th width="200">Fun&ccedil;&atilde;o</th> <th width="200">Comiss&atilde;o</th> <th width="179">Op&ccedil;&otilde;es</th> </tr> <? mysql_connect("localhost", "root", ""); mysql_select_db("tuto"); $sql = mysql_query("SELECT id, nome, sobrenome FROM tutorial ORDER BY id ASC"); while($coluna = mysql_fetch_array($sql)){ $id = $coluna["id"]; ?> <tr> <td><?=$coluna['id'];?></td> <td><span id="campo<?=$id?>"><?= $coluna["nome"]; ?></span></td> <td><span id="campo_<?=$id?>"><?= $coluna["sobrenome"]; ?></span></td> <td><span id="enviar<?=$id?>"><a href="java script:editar('<?=$id;?>')">alterar</a></span><br /><a href="java script:;" onClick="apagar('<?=$id ?>', this.parentNode.parentNode.rowIndex);">del</a></td> </tr> <? } ?> </table> <table align="center" cellspacing="0"> <tr> <td width="70">&nbsp;</td> <td width="200"><input name="nome" type="text" id="nome" /></td> <td width="200"><input name="sobrenome" type="text" id="sobrenome" /></td> <td width="179"> <input name="button" type="button" onclick="add();" value=" + " /></td> </tr> <tr> <th colspan="4"></th> </tr> </tbody> </table> crucifier.js function ajax() { }; ajax.prototype.iniciar = function() { try{ this.xmlhttp = new XMLHttpRequest(); }catch(ee){ try{ this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch(E){ this.xmlhttp = false; } } } return true; } ajax.prototype.ocupado = function() { estadoAtual = this.xmlhttp.readyState; return (estadoAtual && (estadoAtual < 4)); } ajax.prototype.processa = function() { if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) { return true; } } ajax.prototype.enviar = function(url, metodo, modo) { if (!this.xmlhttp) { this.iniciar(); } if (!this.ocupado()) { if(metodo == "GET") { this.xmlhttp.open("GET", url, modo); this.xmlhttp.send(null); } else { this.xmlhttp.open("POST", url, modo); this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); this.xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate"); this.xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0"); this.xmlhttp.setRequestHeader("Pragma", "no-cache"); this.xmlhttp.send(url); } if (this.processa) { return unescape(this.xmlhttp.responseText.replace(/\+/g," ")); } } return false; } function editar(id) { elem = document.getElementById('campo'+id); //primeiro campo elem2 = document.getElementById('campo_'+id); //segundo campo bot = document.getElementById("enviar"+id); //botao de enviar elem.innerHTML = "<input type=\"text\" value=\"" + elem.innerHTML + "\" id='"+id+"_c' />"; //inserir o primeiro input elem2.innerHTML = "<input type=\"text\" value=\"" + elem2.innerHTML + "\" id='"+id+"d_c' />"; //inserir o segundo input bot.innerHTML = '<a href="java script:editado(\''+ id +'\')">enviar</a>'; //inserir o botao de enviar a alteracao } function editado(id) { envia = document.getElementById('enviar'+id); //span onde vai aparecer o botaozinho para enviar a alteracao campo = document.getElementById(id+'_c').value; //primeiro campo campod = document.getElementById(id+'d_c').value; //segundo campo ecampo = escape(campo); //para não haver problemas de acentos e tal ecampod = escape(campod); //para não haver problemas de acentos e tal document.getElementById('campo'+id).innerHTML = campo; //alterar o registro na pagina document.getElementById('campo_'+id).innerHTML = campod; //alterar o registro na pagina envia.innerHTML = '<a href="java script:editar(\''+id+'\')">alterar</a>'; //depois de enviar, mostrar de novo o botão de editar xmlhttp = new ajax(); xmlhttp.enviar('crucifier.php?acao=edit&id='+ id + '&nome='+ ecampo + '&sobrenome=' + ecampod, "POST", false); //endereco para enviar a alteração } function addrow(id) { também = document.getElementById('tabela'); //id da tabela campo = document.getElementById('nome'); //primeiro campo campod = document.getElementById('sobrenome'); //segundo campo var x=também.insertRow(-1); //inserir a linha var y=x.insertCell(0); //inserir coluna 1 var z=x.insertCell(1); //inserir coluna 2 var w=x.insertCell(2); //inserir coluna 3 var b=x.insertCell(3); //inserir coluna 4 y.innerHTML=id; //na primeira coluna, inserir o id z.innerHTML="<span id=\"campo"+id+"\">"+campo.value+"</span>"; //na segunda coluna, inserir o nome w.innerHTML="<span id=\"campo_"+id+"\">"+campod.value+"</span>"; //na terceira coluna, inserir o sobrenome b.innerHTML='<span id="enviar'+id+'"><a href="java script:editar(\''+id+'\')">alterar</a></span><br><a href="java script:;" onClick="deleterow(\''+id+'\', this.parentNode.parentNode.rowIndex);">del</a>'; //na quarta coluna, inserir as opções } function add() { campo = document.getElementById('nome').value; //recupera primeiro campo ecampo = escape(campo); //"escapa" primeiro campo campod = document.getElementById('sobrenome').value; //recupera segundo campo ecampod = escape(campod);//"escapa" segundo campo xmlhttp = new ajax(); id = xmlhttp.enviar('crucifier.php?acao=add&nome='+ ecampo + '&sobrenome=' + ecampod, "POST", false); //manda adicionar addrow(id); //adiciona a linha com os campos campo.value = ""; //limpa o campo 1 campod.value = ""; //limpa o campo2 } function apagar(id, rowIndex) { if (confirm('Tem certeza que deseja excluir este registro?')) { document.getElementById("tabela").deleteRow(rowIndex); //id da tabela + excluir linha xmlhttp = new ajax(); xmlhttp.enviar('crucifier.php?acao=del&id='+ id, "POST", false); //envia o comando para deletar } } crucifier.php <?php //conecta ao banco de dados mysql_connect("localhost", "root", ""); mysql_select_db("tuto"); //essa function eu coloquei para retornar o id e inserir na tabela, ela é desnecessaria para o funcionamento...coloquei porq no meu tava xD function autoindex($também) { $query = mysql_query('SHOW TABLE STATUS LIKE "' . $também . '"'); $data = mysql_fetch_array($query); return $data['Auto_increment']; } switch ($_REQUEST['acao'] == "add") { //se acao = add então adicionar case 'add' : $valor = urldecode($_REQUEST['nome']); $valor2 = urldecode($_REQUEST['sobrenome']); echo autoindex("tutorial"); mysql_query("INSERT INTO tutorial VALUES('','$valor','$valor2')"); break; //se acao = del então deletar case 'del' : $id = $_REQUEST['id']; mysql_query("DELETE FROM tutorial WHERE id = '$id'"); break; //se acao = edit então editar case 'edit' : $id = $_REQUEST["id"]; $valor = urldecode($_REQUEST["nome"]); $valor2 = urldecode($_REQUEST["sobrenome"]); mysql_query("UPDATE tutorial SET nome = '$valor', sobrenome = '$valor2' WHERE id = '$id'"); break; } ?>
  2. eu sinceramente não entendi a solução...eu fiz tanta coisa que vai ser meio dificil de explicar...mas aí vai o codigo: function busca() { var busca = document.getElementById("busca"); botao.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;<img src="seta2.gif" alt="Fechar busca de cliente" width="16" height="17" border="0" onclick="busca2()"> '; busca.innerHTML = '<table border="0" cellpadding="1" cellspacing="1"><tr><tudo height="200" colspan="2" align="center" valign="middle"><? include("campo_busca.php"); ?></tudo></tr></table>'; } function busca2() { var busca = document.getElementById("busca"); botao.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;<img src="seta.gif" alt="Buscar Cliente" width="16" height="17" border="0" onclick="busca()"> '; busca.innerHTML = '<img src="spacer.gif" border="0">'; } Abraços
  3. ola galera estou com um codigo javascript que não sei porq qual motivo não esta dando certo então vim aqui pedir a ajuda de voces...ao meu ver não consegui identificar erro...mas eu não sou muito bom em javascript... o codigo insere e retira coisas de um <span id> ( <span id="botao"> ) abaixo segue o codigo: <script language="JavaScript" type="text/JavaScript"> function busca() { busca = document.getElementById("id-busca"); botao = document.getElementById("botao"); busca.innerHTML = '<table border="0" cellpadding="1" cellspacing="1"><tr><tudo height="200" colspan="2" align="center" valign="middle"><table width="495" height="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC"><tr><tudo width="491" height="179" valign="top" bgcolor="f3f3f3"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><tudo height="10" align="right" valign="bottom"><img src="fechar.gif" width="36" height="5" border="0"></tudo></tr><tr><tudo height="163">&nbsp;</tudo></tr></table></tudo></tr></table></tudo></tr></table>'; botao.innerHTML = '<img src="seta2.gif" alt="Fechar busca de cliente" width="16" height="17" border="0" onclick="busca2()"> '; } function busca2() { botao = document.getElementById("botao"); busca = document.getElementById("id-busca"); busca.innerHTML = '<img src="spacer.gif" border="0">'; botao.innerHTML = '<img src="seta.gif" alt="Buscar Cliente" width="16" height="17" border="0" onclick="busca()"> '; } </script> no botao estou colocando assim: onclick="busca()" agradeço se alguém ajudar abraços
  4. crucifier

    Deletar

    só uma dica..fica mais fácil e acho que mais rápido: DELETE FROM clientes WHERE id IN(1,2,3)
  5. aeouhAOUSH tinha até eskecido desse tópico.. mas ow fiko legal a imagem vexelizada(inventei agora).... tu leva jeito mesmo e daki uns dias vo ta enchenu a paciencia de voces aki...porq agora abandonei a programação e vou trabalhar com design...esse post eu estava tirando umas duvidas para entrar para essa nova empresa sobre design ^^ e putz..achei muito bom esse site vexels.net...curti mesmo!
  6. crucifier

    Asp+excel+grafico

    gostaria de saber se da pra criar um gráfico no excel via asp... eu nunca ouvi falar disso....tentie localizar no forum e parece q não achei se alguém souber me avisem por favor se souber apenas se existe ou não isso me avisem tambem pra mim passar isso pro cliente agradeço desde já
  7. valeu fercosmig..um amigo meu me ajudou tambem...tambem serve assim pra qm quer economizar em linhas: s.substring(s.length, s.length-18);
  8. como eu faço pra pegar as 18 ultimas caracteres de tal palavra? tentei usar assim: substring(11,29) mas a quantidade de caracteres dos primeiros numeros muda..daih tinha q ser os 18 ultimos mesmo como eu faço?
  9. opaaaaa parabens cara... a comunidade agradece! só uma coisa piratation na veia?OUHAEOuhaeuoAHE
  10. na hora de cadastrar a categoria..aparece: frequencia: mensal bimestral trimestral semestral anual.. e no banco de dados grava como 1 2 3 6 12 na hora de cadastrar a conta tem que escolher o ano, a categoria, e o mês que quer cadastrar conforme a frequencia exemplo..se eu escolhi para cadastrar trimestralmente..teria os meses no campo: janeiro março junho setembro dezembro se na outra categoria eu escolhesse bimestralmente teria os seguintes meses janeiro março maio julho setembro novembro mas eu não sei como faz isso..se puderem me ajudar=]
  11. pode apaga esse tópico...foi falta de atenção minha faltava um ; mesmo... valeu
  12. no meu eskema de enviar e-mail ta dando esse erro: Parse error: syntax error, unexpected T_VARIABLE in /home/redesp/public_html/envia.php on line 31 linha 31 é essa: $msg .= "Endereco: " . $endereco . "\n"; tentei achar um erro mas não achei não..se kizerem eu posto o codigo inteiro verifikei todos os ; no final das linha ta td certo e pá...verifikei se ta escrito um com maiusculo outro com minusculo..mas ta td certo alguém pode me ajudar?
  13. halfar... isso é PHP ou JS?? e outra coisa tentei fazer isso..mas daih quando eu clico para alterar 1 campo, ele vai aparecer o campo para todos os outros...
×
×
  • Create New...