William Bruno 1501 Denunciar post Postado Janeiro 7, 2010 Cara, posta esse arquivo inteiro, pois me perdi aqui.. onde você colocou o script JS? e a chamada à biblioteca jQuery? Tem código JS demais na tua página.. era melhor organizar isso, e deixar ele externo. Mas posta o arquivo completo.. com o formulário, e o jQuery ai. Compartilhar este post Link para o post Compartilhar em outros sites
Maneju 0 Denunciar post Postado Janeiro 7, 2010 Tem alguns scripts JS que estão sem finalidade aí, serão removido posteriormente, eu apenas estava fazendo testes com alguns deles. Taí o "monstro" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>testes</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css"> <!-- .style3 { color: #FFCC33; font-size: 14px; } .style5 {font-size: 18px} .style6 {font-size: 12px; } .style8 {color: #FFCC33} --> #btn{ background: url(botão8.png) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnpesquisar{ background: url(03.gif) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnexcluir{ background: url(btnexcluir.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnincluir{ background: url(btnincluir.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnhome{ background: url(btnhome.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnlistar{ background: url(btnlistar.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnalterar{ background: url(btnalterar.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } #btnlimpar{ background: url(btnlimpar.jpg) no-repeat; width: 121px; height: 30px; padding: 8px 10px 10px 10px; font-family: Verdana; font-size:12px; font-weight:bold; border-style:none; } body { font: normal 62.5% verdana; } ul.menubar{ margin-left:250px; //margin: 0px; padding: 111px; //background-color: #FFFFFF; /* IE6 Bug */ font-size: 100%; } ul.menubar .submenu{ margin: 0px; padding: 0px; list-style: none; background-color: #FFFFFF; border: 1px solid #ccc; float:left; } ul.menubar ul.menu{ display: none; position: absolute; margin: 0px; } ul.menubar a{ padding: 25px; display:block; text-decoration: none; color: #777; padding: 5px; } ul.menu, ul.menu ul{ margin: 0; padding: 0; border-bottom: 1px solid #ccc; width: 150px; /* Width of Menu Items */ background-color: #FFFFFF; /* IE6 Bug */ } ul.menu li{ position: relative; list-style: none; border: 0px; } ul.menu li a{ display: block; text-decoration: none; border: 1px solid #ccc; border-bottom: 0px; color: #777; padding: 5px 10px 5px 5px; } ul.menu li sup{ font-weight:bold; font-size:7px; color: red; } /* Fix IE. Hide from IE Mac \*/ * html ul.menu li { float: left; height: 1%; } * html ul.menu li a { height: 1%; } /* End */ ul.menu ul{ position: absolute; display: none; left: 149px; /* Set 1px less than menu width */ top: 0px; } ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */ ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; } ul.menu li a:hover { color: #FFCC33; } .style9 {color: #FFCC33; font-weight: bold; } </style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btnpesquisar").click(function(){ var Codigo = $("#codigo").val(); alert( Codigo ); $("input[name='razao']").val('Carregando...'); $("input[name='suframa']").val('Carregando...'); $("input[name='cnpj']").val('Carregando...'); $.getJSON( 'function.php', {Codigo: $("#codigo").val()}, function(data){ $.each(data, function(i, obj){ $("input[name='razao']").val(obj.Razao); $("input[name='suframa']").val(obj.Suframa); $("input[name='cnpj']").val(obj.CNPJ); }) }); }); }); <!-- function submitForm2(form, action) { form.action = action; form.submit(); } function submitForm(form, action) { kk = document.getElementById("codigo").disabled; if (kk == false){ if (document.getElementById("razao").value==""){ alert( "Preencha o campo RAZÃO!" ); document.getElementById("razao").focus(); } else if (document.getElementById("cnpj").value==""){ alert( "Preencha o campo CNPJ!" ); document.getElementById("cnpj").focus(); } else if (document.getElementById("ie").value==""){ alert( "Preencha o campo IE!" ); document.getElementById("ie").focus(); } else if (document.getElementById("suframa").value==""){ alert( "Preencha o campo SUFRAMA!" ); document.getElementById("suframa").focus(); } else if (document.getElementById("logradouro").value==""){ alert( "Preencha o campo LOGRADOURO!" ); document.getElementById("logradouro").focus(); } else if (document.getElementById("numero").value==""){ alert( "Preencha o campo NÚMERO!" ); document.getElementById("numero").focus(); } else if (document.getElementById("complemento").value==""){ alert( "Preencha o campo COMPLEMENTO!" ); document.getElementById("complmento").focus(); } else if (document.getElementById("bairro").value==""){ alert( "Preencha o campo BAIRRO!" ); document.getElementById("bairro").focus(); } else if (document.getElementById("cep").value==""){ alert( "Preencha o campo CEP!" ); document.getElementById("cep").focus(); } else if (document.getElementById("pais").value==""){ alert( "Preencha o campo PAÍS!" ); document.getElementById("pais").focus(); } else if (document.getElementById("municipio").value==""){ alert( "Preencha o campo MUNICÍPIO!" ); document.getElementById("municipio").focus(); } else if (document.getElementById("telefone").value==""){ alert( "Preencha o campo TELEFONE!" ); document.getElementById("telefone").focus(); }else{ form.action = action; form.submit(); //Habilitar(); } }else{ Habilitar(); } } function Habilitar() { document.getElementById("codigo").disabled = false; document.getElementById("razao").disabled = false; document.getElementById("cnpj").disabled = false; document.getElementById("ie").disabled = false; document.getElementById("suframa").disabled = false; document.getElementById("icms").disabled = false; document.getElementById("logradouro").disabled = false; document.getElementById("numero").disabled = false; document.getElementById("complemento").disabled = false; document.getElementById("bairro").disabled = false; document.getElementById("cep").disabled = false; document.getElementById("pais").disabled = false; document.getElementById("municipio").disabled = false; document.getElementById("telefone").disabled = false; document.getElementById("uf").disabled = false; document.getElementById("codigo").focus(); } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function pesquisa(valor) { //FUNÇÃO QUE MONTA A URL E CHAMA A FUNÇÃO AJAX url="busca_nome.php?valor="+valor; ajax(url); } function horizontal() { var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li"); for (var i=0; i< navItems.length; i++) { if(navItems[i].className == "submenu") { if(navItems[i].getElementsByTagName('ul')[0] != null) { navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";} navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";} } } } } //--> </script> <script src="script.js"></script> </head> <body onload="horizontal();"> <div id="wrapper"> <div id="wrapper2"> <div id="header"> <div id="logo"> <h1><strong>escriturare</strong></h1> </div> <ul id="menu_dropdown" class="menubar"> <li class="submenu"><a href="Index.html">Home</a></li> <li class="submenu"><a href="#">Cadastros</a> <ul class="menu"> <li><a href="#">Produtos</a></li> <li><a href="#">Clientes</a></li> <li><a href="#">Transportadoras</a></li> <li><a href="#">Emitentes</a></li> <li><a href="#">Tributações</a></li> <li><a href="#">Modalidades</a></li> <li><a href="#">Origem</a></li> </ul> </li> <li class="submenu"><a href="#">Lançamentos</a> <ul class="menu"> <li><a href="#">Digitar Nota Fiscal</a></li> <li><a href="#">Validar Nota Fiscal</a></li> <li><a href="#">Assinar Nota Fiscal</a></li> </ul> </li> <li class="submenu"><a href="#">Outros</a> <ul class="menu"> <li><a href="#">Transmitir Nota Fiscal</a></li> <li><a href="#">Imprimir Nota Fiscal</a></li> <li><a href="#">Outras Funções</a></li> </ul> </li> <li class="submenu"><a href="#">Configurações</a> <ul class="menu"> <li><a href="#">Registro</a></li> </ul> </li> <li class="submenu"><a href="#">Contato</a></li> </ul> </div> <!-- end #header --> <div id="page"> <div id="content"> <div class="post"> <h2 class="title style5 style8"> Clientes</h2> </div> <div class="post"> <form id="form1" method="post" disabled="0" type="hiden" > <table width="600" border="0" cellspacing="2" cellpadding="5"> <tr> <td class="style6"><div align="right">Cod.:</div></td> <td><input name="codigo" size="7" type="text" id="codigo" required="true"/> <label> <input name="btnpesquisar" type="button" class="post" id="btnpesquisar" value="Button" /> </label> <td>Busca: <input name="busca" size="12" type="text" onkeyup="pesquisa(this.value)" id="busca" required="true"/></td> </td> </tr> </table> <table width="800" border="0" cellspacing="2" cellpadding="5"> <tr> <td class="style6"><div align="right" id="pagina"></div></td> </tr> </table> <table width="500" border="0" cellspacing="2" cellpadding="5"> <tr> <td class="style6"><div align="right">Razão:</div></td> <td><input name="razao" size="71" type="text" id="razao" required="true" /></td> </tr> <tr> <td class="style5 style6"><div align="right">CNPJ:</div></td> <td><input name="cnpj" size="30" type="text" id="cnpj" /></td> </tr> <tr> <td class="style6"><div align="right">IE:</div></td> <td><input name="ie" size="30" type="text" id="ie" /></td> </tr> <tr> <td class="style6"> <div align="right">Suframa:</div></td> <td><input name="suframa" size="30" type="text" id="suframa" /></td> </tr> <tr> <tr> <td> </td> <td class="style5"><label> <input type="checkbox" name="checkbox" id="icms" value="checkbox" /> <span class="style6">Isento do ICMS</span></label></td> </tr> <tr> </tr> <td> </td> <td> </td> <td> </td> </table> <table width="500" border="0" cellspacing="2" cellpadding="5"> <tr> <td><div align="right"><span class="style5 style6">Logradouro:</span></div></td> <td><input name="logradouro" size="80" type="text" id="logradouro" required="true"/> <td>Número:</td> <td><input name="numero" size="5" type="text" id="numero" required="true"/></td> </td> </tr> <tr> <td><div align="right"><span class="style6">Complemento:</span></div></td> <td><input name="complemento" size="30" type="text" id="complemento" /></td> </tr> <tr> <td><div align="right"><span class="style6">Bairro:</span></div></td> <td><input name="bairro" size="50" type="text" id="bairro" /></td> </tr> <tr> <td><div align="right"><span class="style6">CEP:</span></div></td> <td><input name="cep" size="30" type="text" id="cep" /></td> </tr> <tr> <td><div align="right"><span class="style6">Pais:</span></div></td> <td><input name="pais" size="30" type="text" id="pais" /></td> </tr> <tr> <td><div align="right"></div></td> <td><label>UF <select name="select" id="uf"> <option>AC</option> <option>AL</option> <option>AP</option> <option>AM</option> <option>BA</option> <option>CE</option> <option>DF</option> <option>ES</option> <option>GO</option> <option>MA</option> <option>MT</option> <option>MS</option> <option>MG</option> <option>PA</option> <option>PB</option> <option>PR</option> <option>PE</option> <option>PI</option> <option>RJ</option> <option>RN</option> <option>RS</option> <option>RO</option> <option>RR</option> <option>SC</option> <option>SP</option> <option>SE</option> <option>TO</option> </select> </label></td> </tr> <tr> <td><div align="right"><span class="style6">Município:</span></div></td> <td><input name="municipio" size="50" type="text" id="municipio" /></td> </tr> <tr> <td><div align="right"><span class="style6">Telefone:</span></div></td> <td><input name="telefone" size="50" type="text" id="telefone" /></td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <label></label> <label></label> <label></label> <p><a href="Clientes.reset" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Alterar.gif',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a> <label></label> <label></label> <label></label> <label> <input type="button" id="btnincluir" onclick="javascript:submitForm(this.form, 'clientesi.php');" name="Input" value="Incluir" /> </label> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"><label></label> <label> </label> <label></label> </a> <label> <input type="button" id="btnalterar" onclick="javascript:submitForm(this.form, 'clientesa.php');" name="Submit2" value="Alterar" /> </label> <input type="button" id="btnexcluir" onclick="Habilitar()" name="Submit22" value="Excluir" /> <label> <input type="submit" id="btnlimpar" name="Submit3" value="Limpar" /> </label> <input type="button" id="btnlistar" onclick="javascript:submitForm2(this.form, 'clientesa.php');" name="Submit23" value="Listar" /> <input type="button" id="btnhome" onclick="javascript:submitForm2(this.form, 'index.html');" name="Submit24" value="Home" /> </p> </form> <h2 class="title"> <tr> <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Botão_Incluir.gif',1)"></a></td> <td> </td> </tr></h2> <div class="entry"> <p class="style3"></p> <p class="style3">:</p> </div> <p class="meta"> <span class=""><a href="#"></a></span> <a href="#" class=""></a> <a href="#" class=""></a> </p> </div> </div> <!-- end #content --> <!-- end #sidebar --> <div style="clear: both;"> </div> <div id="widebar"> <div id="colA"> <h3 class="style9">Links</h3> <dl class="list1"> <dd><a href="http://www.nfe.fazenda.gov.br/portal/Default.aspx">Portal NF-e</a></dd> <dd><a href="#">Outro Link</a></dd> <dd><a href="#">Outro Link</a></dd> <dd><a href="#">Outro Link</a></dd> <dd><a href="#">Outro Link</a></dd> </dl> </div> <div id="colB"> <h3>Parthenon Sistemas</h3> <p>Rua Carlos Fatuto, 160 - Center Comercial do Bosque - CEP 13613-110 - Leme / SP - Tel (19) 3572-2355 </p> </div> <div id="colC"> <h3> </h3> <ul class="list2"> <li><a href="Index.html"><img src="images/img12.gif" alt="" width="50" height="50" /></a></li> <li><a href="#"><img src="images/img13.gif" alt="" width="50" height="50" /></a></li> <li class="nopad"><a href="#"><img src="images/img14.gif" alt="" width="50" height="50" /></a></li> <li><a href="#"></a></li> <li></li> <li class="nopad"><a href="#"></a></li> </ul> </div> <div style="clear: both;"> </div> </div> <!-- end #widebar --> </div> <!-- end #page --> </div> <!-- end #wrapper2 --> <div id="footer"> <p>(c) 2010 escriturare. Design by Parthenon Sistemas </p> </div> </div> <!-- end #wrapper --> </table> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 7, 2010 Tá... esse HTML está bem mal feito.. com vários erros.. dá uma arrumada nisso depois.. jQuery é bem 'exigente'. $(document).ready(function(){ alert( 'Executou o onload do jQuery' ); coloca isso, só para termos certeza de que o jQuery está sendo executado. Se esse alert não aparecer, tire isso: <body onload="horizontal();"> e deixe apenas: <body> e verifique novamente. Retorne com os resultados. Compartilhar este post Link para o post Compartilhar em outros sites
Maneju 0 Denunciar post Postado Janeiro 7, 2010 Fiz todos os testes mencionados e não apresentou o alert em nenhum deles. Oque percebo é que o fato de só colocar o script do JQueyr na página, todas as outras funcionalidades param de funcionar (não funciona botões e menus) Olá. Agora está aparecendo o alert (com o valor correto do campo código) e depois "Carregando" dentro dos INPUTs mas ainda não apresenta o conteúdo do BD nos mesmos. PS - você vai achar que cheirei cola e comi a lata mas eu não mexi numa linha sequer de código, apenas fechei tudo e comecei de novo. Não sei se tinha algo em cache que não atualizava, sei lá... $(document).ready(function(){ $("#btnpesquisar").click(function(){ var Codigo = $("#codigo").val(); alert( Codigo ); $("input[name='razao']").val('Carregando...'); $("input[name='suframa']").val('Carregando...'); $("input[name='cnpj']").val('Carregando...'); $.getJSON( 'function.php', {Codigo: $("#codigo").val()}, function(data){ $.each(data, function(i, obj){ $("input[name='razao']").val(obj.Razao); $("input[name='suframa']").val(obj.Suframa); $("input[name='cnpj']").val(obj.CNPJ); }) }); }); }); Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 8, 2010 Tá.. e o arquivo function.php está no mesmo nivel do formulário? coloca um alert aqui agora: function(data){ alert( data ); $.each(data, function(i, obj){E muda isso aqui: $json .= "{razao: '{$dados['Razao']}', suframa: '{$dados['Suframa']}', cnpj: '{$dados['CNPJ']}'}";; para: $json .= "{Razao: '{$dados['Razao']}', Suframa: '{$dados['Suframa']}', CNPJ: '{$dados['CNPJ']}'}";Sempre atente ao CaSe SenSITive Acredito que agora irá funcionar. Compartilhar este post Link para o post Compartilhar em outros sites
Maneju 0 Denunciar post Postado Janeiro 8, 2010 A function.php está no mesmo nível do formulário sim. Fiz a mudança e o alert não mostra nada... Uhuuuuuuuuuuuuuuuuuuuuuuuuuuu, funcionou!!!! Era eu quem estava miguelando aqui!!!! Valeu cara, muiiiiiiiiiiiiiito obrigado pela paciência e pelas explicações! Um grande abraço!!!! Esta função ficou show!!! Como preciso de algo mais ou menos parecido com ela, postei aqui mesmo para não criar mais um tópico. Eu preciso agora conforme for digitando num input, alimentar um SELECT. Pensei em colocar no keyup para cada tecla digitada ir atualizando a busca com LIKE, só não estou conseguindo "encaixar" a parte em PHP que vai povoar o SELECT. Grato! Compartilhar este post Link para o post Compartilhar em outros sites