Carlos Rocha

Encontrei o erro. Havia uma declaração de classe duplicada para os labels. Agora tudo funciona bem. Obrigado!

Para o label receber a classe inativo ou ativo que o javascript deu não seria necessário um reload na pagina?

Por exemplo, assim: function abre(a) { document.getElementById(a).style.display = "block"; //document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "green"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).className = "ativo"; } function fecha(a,b,c,d) { document.getElementById(a).style.display = "none"; document.getElementById(b).style.display = "none"; document.getElementById©.style.display = "none"; document.getElementById(d).style.display = "none"; //document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "#1C6A90"; //document.getElementById("label"+b.substring(0,1).toUpperCase()+b.substring(1,b.length)).style.backgroundColor = "#1C6A90"; //document.getElementById("label"+c.substring(0,1).toUpperCase()+c.substring(1,c.length)).style.backgroundColor = "#1C6A90"; //document.getElementById("label"+d.substring(0,1).toUpperCase()+d.substring(1,d.length)).style.backgroundColor = "#1C6A90"; document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).className = "inativo"; document.getElementById("label"+b.substring(0,1).toUpperCase()+b.substring(1,b.length)).className = "inativo"; document.getElementById("label"+c.substring(0,1).toUpperCase()+c.substring(1,c.length)).className = "inativo"; document.getElementById("label"+d.substring(0,1).toUpperCase()+d.substring(1,d.length)).className = "inativo"; } e assim: .ativo { background-color:green; } .inativo { background-color:#1C6A90; } e assim: .......... <div id="menuEleicoes"> <label id="labelPresidente"> <a class="link" onclick="abre('presidente');fecha('governador','senador','depFederal','depEstadual');">Presidente</a> </label><label id="labelGovernador"> <a class="link" onclick="abre('governador');fecha('presidente','senador','depFederal','depEstadual');">Governador</a> </label><label id="labelSenador"> <a class="link" onclick="abre('senador');fecha('governador','presidente','depFederal','depEstadual');">Senador</a> </label><label id="labelDepFederal"> <a class="link" onclick="abre('depFederal');fecha('governador','senador','presidente','depEstadual');">Deputado<br />Federal</a> </label><label id="labelDepEstadual"> <a class="link" onclick="abre('depEstadual');fecha('governador','senador','depFederal','presidente');">Deputado<br />Estadual</a> </label> </div> <div id="presidente"> ........... Não funcionou

Não, não faz reload A página é: http://www.radiomuriae.com.br/eleicoes2014.html Note que no menu, quando eu passo o mouse sobre um ítem, por :hover co css ele troca de cor. Mas apos clikado, o :hover para de funcionar desde então. Alguma saida?

Pessoal, boa tarde! Coloque um Link dentro de um label. Na verdade é um menu. Esse label tem width: 100px e height: 30px O que eu quero fazer é que quando eu clickar no link, deu label receber a cor verde e se manter. Mas quando eu clickar em outro link o label desse outro fica verde e consequentemente o label do anterior retoma a cor original. Tem como fazer isso em CSS?

Ninguém passou por isso ainda não pessoal?

Boa tarde! Gostaria de desenvolver um site (sisteminha) aonde eu pegaria os dados das apurações das eleições desse pleito de 05/10/2014 Eleições para presidentes e afins. Gostaria de saber se o TSE disponibiliza algum webservice para obtenção online dos resultados da apuração assim com o site dos correios nos oferece para calcularmos os valores de fretes para envio de mercadoria no site! Se existir esse serviço, gostaria de saber onde eu consigo (não achei no TSE) uma cópia (por e-mail) do manual de integração. Desde já agradeço, Carlos Rocha

Valeu, usei essa mesma. Deu certo, Obrigado!

sim, mas testei no ie e deu erro trambem! Se você tiver uma alternativa para autocompletar seria ótimo

Eis o erro Uncaught TypeError: undefined is not a function

Não entendi muito bem '// coloque seu <echo> aqui.' Esse código faz parte de um arquivo javascript e não tem como colocar um string php aqui. O que acontece é que para eu popular o ac_array = new Array('Ailton José', 'José dos Reis'); Vou depender de uma string que vem do php com os nomes 'Ailton José', 'José dos Reis' Entõ fiquei perdido aqui Fiz assim e deu erro de tipos <?php $nomes_php= array(); $nomes_js=""; $nomes_string ="SELECT nomealuno FROM alunos ORDER BY nomealuno"; $nomes_query = $conexao->query($nomes_string); if ($nomes_query->num_rows>0) { while(list($nomes)=$nomes_query->fetch_row()) { array_push($nomes_php, "'".$nomes."'"); } $nomes_js= implode( ",", $nomes_php ); } ?> <script>ac_array = new Array(<?php echo $nomes_js; ?>);</script> E o código que você enviou com exceção da segunda linha que usei no php Eis o erro Uncaught TypeError: undefined is not a function

Como corrigir? fiz assim mas não deu: onkeyup="autocomplete(this,new Array(<?php echo $nomes_js; ?>), event)"/> ..... function autocompletar(n,ac_array, e){ if (n.value == "") return 0; if (e.keyCode == 8 && n.backspace){ n.value = n.value.substr(0,n.value.length-1); n.backspace = false; } ...... Quando exibo o código fonte sai assim: <label>Nome do Aluno: </label><input type="text" id="nomealuno" name="nomealuno" size="80" maxlength="200" onkeyup="autocomplete(this,new Array('Ailton José','José dos Reis'), Event)"/><br />

isso: 'Ailton José','José dos Reis'

Pessoal, boa tarde, Tenho o script php abaixo: <?php $nomes_php= array(); $nomes_js=""; $nomes_string ="SELECT nomealuno FROM alunos ORDER BY nomealuno"; $nomes_query = $conexao->query($nomes_string); if ($nomes_query->num_rows>0) { while(list($nomes)=$nomes_query->fetch_row()) { array_push($nomes_php, "'".$nomes."'"); } $nomes_js= implode( ",", $nomes_php ); } ?> Que me devolve o seguinte array; new Array('Ailton José','José dos Reis') E o seguinte código javascript para autocompletar o type=text. //fruits = new Array('cleber','mamao','melancia','mercadoria','marmelada'); //names = new Array('tom','dick','harry','john','petter','foo','bar'); function autocompletar(n,ac_array) { if (n.value == "") return 0; if (event.keyCode == 8 && n.backspace) { n.value = n.value.substr(0,n.value.length-1); n.backspace = false; } var r = n.createTextRange(); tmp= n.value; if (tmp == "")return 0; for (z=0;z<ac_array.length;z++) { tmp2 = ac_array[z]; count = 0; for (i = 0;i<tmp.length;i++) { if (tmp2.charAt(i) == tmp.charAt(i)) { count++ } } if (count == tmp.length) { diff = tmp2.length - tmp.length; if (diff <= 0) break; kap = ""; for (i=0;i<tmp2.length;i++) { if (i >= tmp.length) kap += tmp2.charAt(i); } n.backspace = true; r.text += kap; r.findText(kap,diff*-2); r.select(); return 0; } } n.backspace = false; return 0; } E o campo do form <input type="text" id="nomealuno" name="nomealuno" size="80" maxlength="200" onkeyup="autocomplete(this,new Array(<?php echo $nomes_js; ?>))"/> Esta dando o seguinte erro: Uncaught TypeError: string is not a function Como corrijo isso?

Pessoal, ainda não consegui

Pessoal, O Documento é: http://www.bateriasadvance.com.br/morrodesaopaulo.inf.br/, nele tenho um documento com uma estrutura assim: ....... <div id="cabecalho"> <div id="formBox"> <div id="formTopo"><img src="img/cota.png" width="250" height="143" /></div> <div id="form"><?php include("form.php"); ?></div> </div> <div id="banner"><?php include("banner.php");?></div> </div> <div id="mensagem"><?php include("mensagem.php"); ?></div> ......... Essa div mensagem possui a seguinte css: #mensagem { top:500px; height:100px; text-align:center; clear:both; } O código da div banner era assim: <?php $banner_string="SELECT id, logo FROM banner"; $banner = $conexao->query($banner_string); if($banner->num_rows==0) { echo "<h2>Banner ainda n&atilde; esta cadastrado</h2>"; } else { list($id, $logo)=$banner->fetch_row(); if(file_exists(endereco_banner."/".$logo)) { $imagem=endereco_banner."/".$logo; $foto = "<img src='".$imagem."' width=750 height=463 alt='Banner' title='Banner'"; } else { $foto = "<h2>Sem Imagem</h2>"; } print $foto; } ?> Após uma solicitação de usar JCarroussel, mudei para: <?php $pesquisaBannerString ="SELECT logo FROM banner ORDER BY id desc limit 5"; $pesquisaBannerQuery=$conexao->Query($pesquisaBannerString); if ($pesquisaBannerQuery->num_rows==0) { echo "Ainda n&atilde;o h&aacute; Banner algum cadastrado!"; } else { ?> <div id="carrosselBanner"> <ul> <?php while(list($nomeBanner)=$pesquisaBannerQuery->fetch_row()) { if($nomeBanner=="") { $linkBanner = "<label style='width:750px; heigth:463px;'>Sem Imagem</label>"; } else { if(file_exists(endereco_banner."/".$nomeBanner)) { $linkBanner = "<img src='".endereco_banner."/".$nomeBanner."' width='750px' height='463px' />"; } } ?> <li><?php echo $linkBanner; ?></li> <?php } ?> </ul> </div> <script type="text/javascript"> $(window).load(function () { $("#carrosselBanner").jCarouselLite({ btnPrev : '#prev0', btnNext : '#next0', auto : 1, speed : 10000, visible : 1 }) }) </script> <?php } ?> O que acontece é que no modo sem o JCarroussel, a div mensagem ficava abaixo da div cabecalho sem problemas. Mas após a inclusão do JCarroussel, ela foi pra baixo da div cabecalho e não há nada que eu faça que jogue ela para o lugar dela. Tentei muta coisa mas não adianta. O que será que tem no primeiro que empurra a div mensagem para baixo? Alguém ajuda? Podem me ajudar fazendo favor?

Consegui assim: <label class="titulos">Portais</label> <div id="container"> <?php $pesquisaPortaisString ="SELECT id, nome, logo FROM portais ORDER BY nome"; $pesquisaPortaisQuery=$conexao->Query($pesquisaPortaisString); if ($pesquisaPortaisQuery->num_rows==0) { echo "Ainda n&atilde;o h&aacute; portais cadastrados!"; } else { if ($pesquisaPortaisQuery->num_rows<=5) { $quantasFotos=$pesquisaPortaisQuery->num_rows; } else { $quantasFotos=5; } ?> <div> Pesquisa: <form name="selecionaPostal" action=""> <input type="text" name="pesquisaPortal" id="pesquisaPortal"/> </form> </div> <div><a href="#" class="prev" id="prev1"><img src="img/anterior.png" width="30px" /></a></div> <div id="carrossel" style="float:left"> <ul> <?php while(list($id, $nome, $nomeFoto)=$pesquisaPortaisQuery->fetch_row()) { ?> <li><img src="<?php echo endereco_portais."/".$nomeFoto; ?>" alt="<?php echo $nome; ?>" title="<?php echo $nome; ?>" onclick="javascript:AbreImagemGrande('portaisMostrar.php?id=<?php echo $id; ?>','ImpNot','1100','700')" width="183px" /></li> <?php } ?> </ul> </div> <div><a href="#" class="next" id="next1"><img src="img/proximo.png" width="30px" /></a></div> <script type="text/javascript"> $("#pesquisaPortal").on("keyup", function(){ //Pesquisa pot title $("[title='" + $(this).val() + "']").css('border', '1px solid red'); }); $(window).load(function () { $("#carrossel").jCarouselLite({ btnPrev : '#prev1', btnNext : '#next1', auto : 0, speed : 500, visible : <?php echo $quantasFotos; ?> }) }) </script> <?php } ?> </div> Mas acontece que este código esta ocorrendo uma falha ainda: Achado uma imagem e estando ela marcada, se eu apagar alguma letra ou acrescentar mais alguma, o valor do title é mudado e então, aquela imagem já não é a procurada. Obviamente, o que se espera é que o Jquery desmarque. Mas não esta desmarcando não. Ou seja, se acrescentando (ou excluindo) alguma letra na caixa de pesquisa, se existir aquela combinação, então teremos duas imagens marcadas em vez de uma. Como corrigir isso?

Pessoal, bom dia! Tenho um JCarroussel no site abaixo: http://www.bateriasadvance.com.br/morrodesaopaulo.inf.br/ O JCarroussel se encontra abaixo do banner na seção de Portais. À cada imagem exibida no JCarroussel, esta associado um id="nome do portal". Preciso criar uma função que pegue o valor de uma caixa de teste e vai comparando letra a letra que o usuário digitar se existe uma imagem com aquele id. Se existir, duas coisas deverão acontecer: 1) A imagem ganhará uma borda; 2) Se ela estiver escondida no JCarroussel, ela virá para o meio dele. Alguém tem um tutorial de como fazer isso? Eu até tentei. Mas ainda estou esbarrando na verificação se já existe ou não imagem coim aquele id. Veja: <label class="titulos">Portais</label> <div id="container"> <?php $pesquisaPortaisString ="SELECT id, nome, logo FROM portais ORDER BY nome"; $pesquisaPortaisQuery=$conexao->Query($pesquisaPortaisString); if ($pesquisaPortaisQuery->num_rows==0) { echo "Ainda n&atilde;o h&aacute; portais cadastrados!"; } else { if ($pesquisaPortaisQuery->num_rows<=5) { $quantasFotos=$pesquisaPortaisQuery->num_rows; } else { $quantasFotos=5; } ?> <script type="text/javascript"> $(window).load(function () { $("#carrossel").jCarouselLite({ btnPrev : '#prev1', btnNext : '#next1', auto : 0, speed : 500, visible : <?php echo $quantasFotos; ?> }) }) </script> <script> function pesquisa(campo) { valor='"#'+campo.value+'"'; if ( $(valor).length ) { alert(valor); $(valor).css({ "border": '2px solid #ff0000'}); } } </script> <div id="result"></div> <div> Pesquisa: <form name="selecionaPostal" action=""> <input type="text" name="pesquisaPortal" id="pesquisaPortal" onkeyup="pesquisa(this)" /> </form> </div> <div><a href="#" class="prev" id="prev1"><img src="img/anterior.png" width="30px" /></a></div> <div id="carrossel" style="float:left"> <ul> <?php while(list($id, $nome, $nomeFoto)=$pesquisaPortaisQuery->fetch_row()) { ?> <li><img id="<?php echo $nome; ?>" src="<?php echo endereco_portais."/".$nomeFoto; ?>" alt="<?php echo $nome; ?>" title="<?php echo $nome; ?>" onclick="javascript:AbreImagemGrande('portaisMostrar.php?id=<?php echo $id; ?>','ImpNot','1100','700')" width="183px" /></li> <?php } ?> </ul> </div> <div><a href="#" class="next" id="next1"><img src="img/proximo.png" width="30px" /></a></div> <?php } ?> </div> Alguma orientação? Grato a quem puder ajudar!

Pessoal, boa tarde! Tenho uma função addCampos(), que cria campos novos em um formulário após seu carregamento. Na verdade, fiz uma adaptação(copiada) em .innerHtml para criar vários campos de uma vez: function addCampos(campoPai,servico) { var objPai = document.getElementById(campoPai); //Criando o elemento DIV; var objFilho = document.createElement("div"); //Definindo atributos ao objFilho: objFilho.setAttribute("id","filho"+qtdeCampos); //Inserindo o elemento no pai: objPai.appendChild(objFilho); //Escrevendo algo no filho recém-criado: document.getElementById("filho"+qtdeCampos).innerHTML = "<fieldset><legend>Tipo</legend><label class='passo2'>Nome Tipo</label> : <input type='text' id='nomeTipo["+servico+"]["+qtdeCampos+"]' name='nomeTipo["+servico+"]["+qtdeCampos+"]'><br /> <label class='passo2'>Qtde Pessoas</label> : <input type='text' onkeypress='BloqueiaLetras();' id='qtdePessoas["+servico+"]["+qtdeCampos+"]' name='qtdePessoas["+servico+"]["+qtdeCampos+"]'><br /><label class='passo2'>Preço</label> : <input type='text' class='real' id='preco["+servico+"]["+qtdeCampos+"]' name='preco["+servico+"]["+qtdeCampos+"]'><label style='color:red'>formato: 100,00 (por favor! centavos com virgula)</label><br /><label class='passo2'>Descrição</label> : <textarea cols='40' rows='5' id='descricao["+servico+"]["+qtdeCampos+"]' name='descricao["+servico+"]["+qtdeCampos+"]'></textarea><br /></fieldset><input type='button' onclick='removerCampo(this.parentNode.parentNode.id,"+qtdeCampos+")' value='Apagar campo'>"; qtdeCampos++; } Essa função esta funcionando corretamente. O problema é que um dos campos criados, recebe uma função JQuery que formata campos tipo moeda. Bom, o formulário, conforme imagem abaixo, possui um bloco de campos inicial (que carrega junto com o forme). E, a partir dele, pode se chamar a função addCampos() para gerar mais um bloco de campos. Esse bloco que carrega inicialmente, é exatamente igual ao que será criado. Isto é: possui um campo Nome Tipo : texto livre Qtde Pessoas : apenas números Preço : função JQuery Descrição texto livre, Para o bloco que carrega junto com o formulário, tudo funciona bem. Mas com o bloco criado pela função addCampos(), apenas o campo Preço não recebe a função JQuery. Veja abaixo: As chamadas aos arquivos JS esta sendo feito assim: <link rel="stylesheet" type="text/css" href="../global/css/body_admin.css" /></link> <link rel="stylesheet" type="text/css" href="../global/css/menu_admin.css" /></link> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" /> <script type="text/javascript" src="../global/funcoes_js/mascara.js"></script> <script type="text/javascript" src="global/validacoes_js/valida_cad_empresas.js"></script> <script type="text/javascript" src="global/funcoes_js/buscacidade.js"></script> <script type="text/javascript" src="global/funcoes_js/bloqueia_letras.js"></script> <script type="text/javascript" src="../global/funcoes_js/abre_fecha.js"></script> <script type="text/javascript" src="../global/funcoes_js/jquery.js"></script> <script type="text/javascript" src="../global/funcoes_js/jquery.maskMoney.js"></script> <script type="text/javascript" src="../global/funcoes_js/mascara_moeda.js"></script> <script type="text/javascript" src="../global/funcoes_js/variosInputs.js"></script> Porque será essa falha? Como concertar!

consegui: function valida_cad_empresa2(form) { for (i=0;i<document.gravatipos.elements.length;i++) { if ( (document.gravatipos.elements[i].type == 'text') || (document.gravatipos.elements[i].type == 'radio') || (document.gravatipos.elements[i].type == 'textarea') ) { if(document.gravatipos.elements[i].type=='radio') { idCampo=document.gravatipos.elements[i].id; if((document.getElementById(idCampo).checked==true) && (document.getElementById(idCampo).value=='s')) { if(document.gravatipos.elements[i+2].value=='') { alert("Campo obrigatório!"); document.gravatipos.elements[i+2].focus(); return (false); } } } else { if(document.gravatipos.elements[i].name.substr(0,22) != "taxaValor_alt_empresas") { if(document.gravatipos.elements[i].value == "") { alert("Campo obrigatório A!"); document.gravatipos.elements[i].focus(); return (false); } } } } } form.submit(); }

alguém?

Fiz umas alterações no código: idCampo=document.gravatipos.elements[i].id; alert('Id: '+idCampo+', Marcado? '+document.getElementById(idCampo).checked+', Valor? '+document.getElementById(idCampo).value); if((document.getElementById(idCampo).checked==true) && (document.getElementById(idCampo).value=='s')) { if(document.gravatipos.elements[i+2].value=='') { alert("Campo obrigatório!"); document.gravatipos.elements[i+2].focus(); return (false); } } São dois radio buttons: Um com id taxa_cad_empresass[3] e o outro com id taxa_cad_empresasn[3] Então o codigo passa pelo primeiro (não marcado) os alerts mostram em sequencia: taxa_cad_empresass[3] false s Quando pula para o próximo radio (marcado\ os alerts dizem: taxa_cad_empresasn[3] true n Porque é que se o código diz que é para entrar só se o radio estiver marcado e o valor for s . E, se o valor é n, porque eta entrando do mesmo jeito?

Acho que descobri o problema. Como fazer para ter a propriedade name do radio button em forma de array? Tipo name="nome[0][0]" Parece que o JavaScript lê o primeiro [0] e decosidera o retante.

Estranho: <label class='passo2'>Taxa de Servi&ccedil;o?</label> : <input type="radio" name="taxa_cad_empresas[<?php echo $servico;?>]" id="taxa_cad_empresass[<?php echo $servico;?>]" value="s" onclick="abre('taxa[<?php echo $servico;?>]')" /> Sim &nbsp; &nbsp; &nbsp; <input type="radio" name="taxa_cad_empresas[<?php echo $servico;?>]" id="taxa_cad_empresasn[<?php echo $servico;?>]" value="n" onclick="fecha('taxa[<?php echo $servico;?>]')" checked="checked" /> N&atilde;o<br /> Tanto faz pressionar o radio com value = s ou n o JavaScript só retorna s. Porque será?

Pessoal, estou percorrendo um formulário. Existe uma forma de saber qual é o name ou id do proximo campo do formulário? Tipo. parei no campo x. Algo com x.next É que estou percorrendo um loop onde todos os campos estão recebendo nome_do_campo[i] , então, se eu for pegar nome_do_campo[i+1] Não vai dar certo. Eu preciso é de nome_do_proximo_campo[i] Alguma solução?