Pesquisar na Comunidade

Tenho um codigo html com JavaScript com um dropDown para estado que exibe a cidade de acordo com esse estado e depois mostra um endereço, a cada seleção ele empurra a div que esta em baixo mais para baixo. <div class="fisico " > <select id="test" name="form_select" onchange="mostrarCidade(this)" style="width: 200px; text-align: center; text-align-last: center;"> <option value="0">Estados</option> <option value="1">Rio de Janeiro</option> <option value="2">Espirito Santo</option> <option value="3">Minas Gerais</option> </select> <div id="cidadeRio" style="display:none;" style="position:relative;" > <select id="rio" name="form_rio" onchange="mostrarEndereco(this)" style="width: 200px;text-align: center; text-align-last: center;" > <option value="0">Cidade</option> <option value="1">ITAPERUNA</option> <option value="2">CAMPOS DOS GOYTACAZES</option> <option value="3">RIO DAS OSTRAS</option> <option value="4">MACAÉ</option> <option value="5">SAQUAREMA</option> <option value="6">MARICA</option> <option value="7">ARARUAMA</option> <option value="8">CABO FRIO</option> <option value="9">RIO BONITO</option> <option value="10">SÃO PEDRO DA ALDEIA</option> <option value="11">NOVA FRIBURGO</option> <option value="12">PETROPOLIS</option> <option value="13">TERESOPOLIS</option> </select><br> <div class="ruasRio" style="width: 200px; text-align: center; text-align-last: center;"> <div id="itaperuna" style="display:none;" >AV CARDOSO MOREIRA nº325 - Centro</div> <div id="campos"style="display:none;">AV 7 DE SETEMBRO nº492 - Centro</div> <div id="ostras"style="display:none;">AV AMARAL PEIXOTO nº4472 - BALNEARIO REMANSO</div> <div id="macae"style="display:none;">AV RUI BARBOSA nº663 - Centro</div> <div id="saquarema"style="display:none;"> RUA PROF FRANCISCO FONSECA nº350 - Bacaxa</div> <div id="marica"style="display:none;"> PC CONSELHERO MACEDO SOARES nº168 - Centro</div> <div id="araruama"style="display:none;"> RUA MAJOR FELIX MOREIRA nº107 - Centro</div> <div id="cabo"style="display:none;"> RUA TEIXEIRA E SOUZA nº31 - Centro</div> <div id="bonito"style="display:none;">RUA XV DE NOVEMBRO nº104</div> <div id="pedro"style="display:none;">RUA DR ANTONIO ALVES nº208/218 - Centro</div> <div id="friburgo"style="display:none;">AV ALBERTO BRAUNE nº64 - Centro</div> <div id="petropolis"style="display:none;">RUA DO IMPERADOR nº751 - Centro</div> <div id="teresopolis"style="display:none;">AV DELFIM MOREIRA nº610 - Centro</div> </div> </div> <div id="cidadeEs" style="display:none;" style="position:relative;"> <select id="es" name="form_es" onchange="mostrarEndereco(this)" style="width: 200px; text-align: center; text-align-last: center; "> <option value="14">Cidade</option> <option value="15">VILA VELHA</option> <option value="16">VITORIA</option> <option value="17">SERRA</option> <option value="18">CARIACICA</option> <option value="19">CACHOEIRO DE ITAPEMIRIM</option> <option value="20">GUARAPARI</option> <option value="21">SÄO MATEUS</option> <option value="22">LINHARES</option> <option value="23">ARACRUZ</option> <option value="24">COLATINA</option> <option value="25">GUACUI</option> </select><br> <div class="ruasEs" style="width: 200px; text-align: center; text-align-last: center;"> <div id="velha" style="display:none;">AV JERONIMO MONTEIRO nº74 - Centro</div> <div id="vitoria"style="display:none;">AV PRINCESA ISABEL nº426 - Centro</div> <div id="serra"style="display:none;">AV JOAO PALACIOS nº300 - Fatima</div> <div id="cariacica"style="display:none;">Rod. BR 262, KM 5 nº6555 - São Francisco</div> <div id="itapemirim"style="display:none;">RUA CEL FRANCISCO BRAGA nº71/73 - Centro</div> <div id="guarapari"style="display:none;"> RUA EWERSON DE ABREU SODRE nº1 - Muquicaba</div> <div id="mateus"style="display:none;"> RUA CEL. MATEUS CUNHA nº67 - Centro</div> <div id="linhares"style="display:none;"> AV GOV JONES SANTOS NEVES nº912 - Centro</div> <div id="aracruz"style="display:none;">AV VENANCIO FLORES nº1116 - Centro</div> <div id="colatina"style="display:none;">AV GETULIO VARGAS nº203 - Centro</div> <div id="guacui"style="display:none;"> PRACA DA BANDEIRA nº1 - Centro</div> </div> </div> <div id="cidadeMinas" style="display:none; " style="position:relative;" > <select id="minas" name="form_minas" onchange="mostrarEndereco(this)" style="width: 200px" style="height: 125px; "> <option value="26">Cidade</option> <option value="27">BELO HORIZONTE</option> <option value="28">RIBEIRAO DAS NEVES</option> <option value="29">SANTA LUZIA</option> <option value="30">CONTAGEM</option> <option value="31">BETIM</option> <option value="32">CONSELHEIRO LAFAIETE</option> <option value="33">SETE LAGOAS</option> <option value="34">BARBACENA</option> <option value="35">MONTES CLAROS</option> <option value="36">JUIZ DE FORA</option> <option value="37">DIVINOPOLIS</option> <option value="38">GOVERNADOR VALADARES</option> <option value="39">TIMOTEO</option> <option value="40">IPATINGA</option> </select><br> <div class="ruasMinas" style="width: 200px; text-align: center; text-align-last: center;"> <div id="bh" style="display:none;">RUA DOS CARIJOS nº516 - Centro</div> <div id="neves"style="display:none;">RUA RAIMUNDO NONATO DE SOUZA nº26 - Centro</div> <div id="luzia"style="display:none;">AV BRASILIA nº2165 - São Benedito</div> <div id="contagem"style="display:none;">RUA TIRADENTES nº2550 - Bairro Industrial</div> <div id="betim"style="display:none;">RODOVIA BR 381 FERNÃO DIAS KM 492,6 - São João</div> <div id="lafaiete"style="display:none;"> RUA DOUTOR MELO VIANA nº10 - Centro</div> <div id="lagoas"style="display:none;"> AV DEPUTADO EMILIO DE VASCONCELOS COSTA nº34 - Centro</div> <div id="barbacena"style="display:none;"> RUA QUINZE DE NOVEMBRO nº86 - Centro</div> <div id="claros"style="display:none;">AV DONATO QUINTINO nº90 - Canelas</div> <div id="juiz"style="display:none;">RUA MARECHAL DEODORO nº558 - Centro</div> <div id="divinopolis"style="display:none;"> RUA MOACIR JOSE LEITE nº100 - Santa Clara</div> <div id="valadares"style="display:none;"> RUA MARECHAL FLORIANO nº824 - Centro</div> <div id="timoteo"style="display:none;"> ALAMENDA 31 DE OUTUBRO nº115 - Centro Norte</div> <div id="ipatinga"style="display:none;"> AV 28 DE ABRIL nº187 - Centro</div> </div> </div> <script type="text/javascript"> function mostrarCidade(select){ if(select.value==1){ document.getElementById('cidadeRio').style.display = "block"; document.getElementById('cidadeEs').style.display = "none"; document.getElementById('cidadeMinas').style.display = "none"; } else if(select.value==2){ document.getElementById('cidadeRio').style.display = "none"; document.getElementById('cidadeEs').style.display = "block"; document.getElementById('cidadeMinas').style.display = "none"; }else if(select.value==3){ document.getElementById('cidadeRio').style.display = "none"; document.getElementById('cidadeEs').style.display = "none"; document.getElementById('cidadeMinas').style.display = "block"; }else{ document.getElementById('cidadeRio').style.display = "none"; document.getElementById('cidadeEs').style.display = "none"; document.getElementById('cidadeMinas').style.display = "none"; } } function mostrarEndereco(select){ if(select.value==1){ document.getElementById('itaperuna').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==2){ document.getElementById('campos').style.display = "block"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; }else if(select.value==3){ document.getElementById('ostras').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; }else if(select.value==4){ document.getElementById('macae').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==5){ document.getElementById('saquarema').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==6){ document.getElementById('marica').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==7){ document.getElementById('araruama').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==8){ document.getElementById('cabo').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==9){ document.getElementById('bonito').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==10){ document.getElementById('pedro').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==11){ document.getElementById('friburgo').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==12){ document.getElementById('petropolis').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; } else if(select.value==13){ document.getElementById('teresopolis').style.display = "block"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('itaperuna').style.display = "none"; }else if(select.value==15){ document.getElementById('velha').style.display = "block"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guacui').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; }else if(select.value==16){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "block"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==17){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "block"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==18){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "block"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==19){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "block"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==20){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "block"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==21){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "block"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==22){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "block"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==23){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "block"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; }else if(select.value==24){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "block"; document.getElementById('guacui').style.display = "none"; }else if(select.value==25){ document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "block"; } else if(select.value==27){ document.getElementById('bh').style.display = "block"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; }else if(select.value==28){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "block"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==29){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "block"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==30){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "block"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==31){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "block"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==32){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "blok"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==33){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "block"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==34){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "block"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==35){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "block"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==36){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "block"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==37){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "block"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==38){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "block"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==39){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "block"; document.getElementById('ipatinga').style.display = "none"; } else if(select.value==40){ document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "block"; } else{ document.getElementById('itaperuna').style.display = "none"; document.getElementById('campos').style.display = "none"; document.getElementById('ostras').style.display = "none"; document.getElementById('macae').style.display = "none"; document.getElementById('saquarema').style.display = "none"; document.getElementById('marica').style.display = "none"; document.getElementById('araruama').style.display = "none"; document.getElementById('cabo').style.display = "none"; document.getElementById('bonito').style.display = "none"; document.getElementById('pedro').style.display = "none"; document.getElementById('friburgo').style.display = "none"; document.getElementById('petropolis').style.display = "none"; document.getElementById('teresopolis').style.display = "none"; document.getElementById('velha').style.display = "none"; document.getElementById('vitoria').style.display = "none"; document.getElementById('serra').style.display = "none"; document.getElementById('cariacica').style.display = "none"; document.getElementById('itapemirim').style.display = "none"; document.getElementById('guarapari').style.display = "none"; document.getElementById('mateus').style.display = "none"; document.getElementById('linhares').style.display = "none"; document.getElementById('aracruz').style.display = "none"; document.getElementById('colatina').style.display = "none"; document.getElementById('guacui').style.display = "none"; document.getElementById('bh').style.display = "none"; document.getElementById('neves').style.display = "none"; document.getElementById('luzia').style.display = "none"; document.getElementById('contagem').style.display = "none"; document.getElementById('betim').style.display = "none"; document.getElementById('lafaiete').style.display = "none"; document.getElementById('lagoas').style.display = "none"; document.getElementById('barbacena').style.display = "none"; document.getElementById('claros').style.display = "none"; document.getElementById('juiz').style.display = "none"; document.getElementById('divinopolis').style.display = "none"; document.getElementById('valadares').style.display = "none"; document.getElementById('timoteo').style.display = "none"; document.getElementById('ipatinga').style.display = "none"; } } </script> </div>

Vocês costumam utilizar Web Workers no projeto de vocês???

Olá pessoal. Estou iniciando com JavaScript e gostaria da ajuda de vcs. Estou construindo um menu e gostaria de animar os tópicos do menu de maneira que eles se desloquem horizontalmente tendo um delay entre o primeiro e o segundo , outro maior entre o segundo e o terceiro, e assim por diante. Aparecendo um de cada vez. O exemplo abaixo esta funcionando, mas os tópicos do menu aparecem todos ao mesmo tempo. <!DOCTYPE html> <html> <title> </title> <head> </head> <style> .menu{position:absolute; margin-top:0em;} ul{position:absolute; margin-top:3em;} li{transform:translateX(-500%); transition:all 1s ease-in-out; list-style: none;} #result{width:100%; position:absolute; z-index:99; margin-top:1em; margin-left:6em; color:green;} .p_on{width:100%; position:absolute; z-index:99; margin-top:0.5em; margin-left:1.2em; color:white; display:block;} .p_off{width:100%; position:absolute; z-index:99; margin-top:0.5em; margin-left:1.2em; color:black; display:block;} input{display:none;} label{cursor:pointer; display:block;} .menu_on{width:5em; height:2em; margin-top:0em; background-color:black; position:absolute; z-index:98;} .menu_off{width:5em; height:2em; margin-top:0em; background-color:yellow; position:absolute; z-index:97;} #menu_input_on_id:checked ~ label .menu_off{z-index:99;} #menu_input_off_id:checked ~ label .menu_on{z-index:99;} </style> <body> <input type="radio" name="menu_input" id="menu_input_on_id" onclick="move_on()"> <input type="radio" name="menu_input" id="menu_input_off_id" onclick="move_off()"> <label for="menu_input_on_id"><div class="menu_on"><p class="p_on">clicar</p></div></label> <label for="menu_input_off_id"><div class="menu_off"><p class="p_off">clicar</p></div></label> <div class="menu"> <ul> <li>OBJETO</li> <li>OBJETO</li> <li>OBJETO</li> <li>OBJETO</li> <li>OBJETO</li> </ul> </div> <p id="result">teste</p> <script> var totalNumber; var i; var x; function contando(){ totalNumber = document.getElementsByTagName("li").length; document.getElementById("result").innerHTML = totalNumber; } function translate_on(){ x = document.querySelectorAll("li"); for(i = 0; i < totalNumber; i++){ x.style.transform = "translateX(0%)"; } } function translate_off(){ x = document.querySelectorAll("li"); for(i = 0; i < totalNumber; i++){ x.style.transform = "translateX(-500%)"; } } function move_on(){contando(); translate_on();} function move_off(){contando(); translate_off();} </script> </body> </html>

Ola pessoal, Alguem tem algum código que valida código ISBN (livros)? Usando php e função javascript. Obrigado a todos!

Estou precisando de ajuda, as imagens são adicionadas na pagina, e quero que ao clicar nela busque o nome no banco de acordo com a imagem clicada e apareça na div montar. <?php include "../banco/connect.php"; include "../geral/aba.php"; $tipo = $_GET['t']; $sql = "SELECT * from produto where tipo = '$tipo'"; $consulta = "SELECT * from produto"; if(isset($_GET['c'])) { $categoria = $_GET['c']; $sql = $sql."and categoria = '$categoria'"; } $sql = $sql."order by id_produto"; $query = mysqli_query($link, $sql); $con = mysqli_query($link, $consulta); while($line = mysqli_fetch_array($query)){ $img = "prod".$line['id_produto']."/imagem1.png"; ?> <div class="produto2" > <img id="demo" src="../banco/produtos/<?php echo $img; ?>" class="imagem_produto"> </div> <?php } ?> <div class="montar" id="deck"> <?php while($dado = mysqli_fetch_array($con)){ ?> <script> document.getElementById("demo").onclick = function() {myFunction()}; function myFunction() { document.getElementById("deck").innerHTML = "Nome:<?php echo $dado["nome"]; ?>"; } </script> <?php } ?> </div>

Bom dia Pessoal recentemente fiz a migração do netbeans para vscode e pintou uma dúvida se eu crio um arquivo .html no vscode e incluo a tag <script> </script> e dentro delas digito document. aparece uma serie de opções do autocomplete, agora se o arquivo é .php e abro <script> </script> o vscode não exibe essas opções alguém sabe como proceder para resolver esse caso? Ajuda bastante o autocomplete

Salve pessoal tudo bem ! Depois de muito tempo venho aqui pedir uma ajuda , bem vamos lá... Eu tenho uma classe POO e nela pego algumas variáveis que vem como array e uso o implode para enviar através do load do javascript. Até aí tranquilo, eu resgato com $_GET usando o explode, e depois uso implode para separar elas novamente. Montei essa rotina toda por se tratar de uma o paginação se reload , bem dinâmica , só que ao passar os parâmetros e as variáveis no bind_param da erro de parâmetros, dizendo que : Warning: mysqli_stmt::bind_param(): Number of variables doesn't match number of parameters in prepared statement E entendi que o erro diz que o número de parametros não condiz com o número de variáveis, E AI QUE ENTRA A MINHA DOR DE CABEÇA... Mesmo eu usando implode eu consigo separar as variáveis mas dando um var_dump elas ficam juntas e a execução do prepare lê como uma única variável. Segue o código abaixo: <?php class DadosFiltroBusca { private $conecta_banco; public function __construct(){ $this->conecta_banco= new Conexao(); $this->conecta_banco->Conectar(); } public $ativo; public $negocio ; public $tipo; public $cidade; public $bairro; public $id_negocio; public $id_tipo; public $id_cidade; public $id_bairro; public $foto; public $where; public $sqlT_1; public $sqlT_2; public $total; public $current_page; public $get_total_rows; public $item_per_page; public $total_pages; public $total_records; public $pgst; public $page_number; public $page_position ; public $filtro_dados; public $site; public function BuscarFiltroBusca(){ $result=$this->conecta_banco->banco; $this->item_per_page = 4; if(isset($_POST["page"])){ $this->page_number =(isset($_POST['page'])) ? (int)$_POST['page'] : 1; if(!is_numeric($this->page_number)){die('Página inválida!');} //incase of invalid page number }else{ $this->page_number = 1; //if there's no page number, set it to 1 } $negocio = $_GET['negocio']; $this->id_tipo= explode(",",$_GET['tipo']); $this->id_cidade=explode(",",$_GET['cidade']); $this->id_bairro=explode(",",$_GET['bairro']); $idi=implode('', $this->id_tipo); echo "<br /><br />"; $in=(is_array($this->id_tipo) ? count($this->id_tipo):0); $id_tipo = implode(',', array_fill(0, $in, '?')); echo " :: " . $id_tipo_2 =join('', array_fill(0, 1, $idi)); echo " :: ".$types =str_repeat('s',$in); echo "<br /> VAR:: ".$tipo =str_repeat(''.$id_tipo_2.'',1); var_dump ($tipo ); $idi1='5'; $idi2='11'; foreach ($this->id_cidade as $key=> $id_cidade): foreach ($this->id_bairro as $key=> $id_bairro): $ativo='1'; "%".$negocio."%"; $id_tipo; $id_cidade; $id_bairro; echo "<br /><br />RESULTADO :: ". $t='ss'.$types.'ss',$ativo,$negocio,$tipo ,$id_cidade,$id_bairro."<br /><br />"; $where = " i.ativo =? "; if( $negocio) { $where .="AND i.id_negocio_tipo LIKE ?"; }if( $id_tipo ) { $where .=" AND i.id_tipo_imovel IN ($id_tipo)"; } if( $id_cidade ) { $where .=" AND i.id_cidade=?"; } if($id_bairro) { $where .=" AND i.bairro=?"; } $sqlT_1 =$result->prepare("SELECT i.*, t.tipo_nome, b.bairro, n.tipo, c.cidade FROM imoveis i LEFT JOIN negocio_tipo n ON (n.id = i.id_negocio_tipo) LEFT JOIN imoveis_tipo t ON (t.id = i.id_tipo_imovel) LEFT JOIN cidades c ON (c.id = i.id_cidade) LEFT JOIN bairros b ON (b.id = i.bairro) WHERE ".$where.""); $sqlT_1->bind_param('ss'.$types.'ss',$ativo,$negocio,$tipo ,$id_cidade,$id_bairro); $sqlT_1->execute(); $this->sqlT_1 = $sqlT_1->get_result(); $this->get_total_rows+=$this->sqlT_1->num_rows; if($this->get_total_rows >0 ){ $this->total_pages = ceil($this->get_total_rows / $this->item_per_page); } $this->sqlT_1->num_rows; //break records into pages //get starting position to fetch the records if($this->get_total_rows > 0 ){ $this->page_position = (($this->page_number * $this->item_per_page) -$this->item_per_page); $this->pgst = ceil($this->get_total_rows / $this->item_per_page); } $sqlT_1->close(); endforeach; endforeach; $sqlT_2 =$result->prepare("SELECT i.id, i.valor,i.locacao, i.foto_exibicao,i.latitude,i.longitude, i.quartos, i.garagem,i.mapa, i.codigo, t.tipo_nome, n.tipo AS negocio, c.cidade, c.uf, b.bairro FROM imoveis i LEFT JOIN negocio_tipo n ON (n.id = i.id_negocio_tipo) LEFT JOIN imoveis_tipo t ON (t.id = i.id_tipo_imovel) LEFT JOIN cidades c ON (c.id = i.id_cidade) LEFT JOIN bairros b ON (b.id = i.bairro) WHERE ".$where." ORDER BY i.id DESC LIMIT ?,?"); $sqlT_2->bind_param('sssssss',$ativo,$negocio,$idi,$id_cidade,$id_bairro,$this->page_position,$this->item_per_page); $sqlT_2->execute(); $this->sqlT_2=$sqlT_2->get_result(); } } ?> Vejam no código que existem 2 consultas, um select é para montar a páginação sem reflesh e a outra é para buscar os dados do filtro de busca , e para deixar mais claro, se eu colocar no lugar cláusula IN em vez de IN (?) colocar IN ($variavel ) que já foi separada com o implode ela busca perfeitamente as informações , exemplo abaixo: $where = " i.ativo =? "; if( $negocio) { $where .="AND i.id_negocio_tipo LIKE ?"; }if( $id_tipo ) { $where .=" AND i.id_tipo_imovel IN (?)"; AQUI É AONDE TEM O ARRAY, E AS OUTRAS ESTÃO SEM ARRAYS PARA TESTAR APENAS ESSA VARIÁVEL } if( $id_cidade ) { $where .=" AND i.id_cidade=?"; } if($id_bairro) { $where .=" AND i.bairro=?"; } Acima da aquele erro de; Warning: mysqli_stmt::bind_param(): Number of variables doesn't match number of parameters in prepared statement Mas agora logo abaixo vai de boa e forma a paginação e trás os valores: $where = " i.ativo =? "; if( $negocio) { $where .="AND i.id_negocio_tipo LIKE ?"; }if( $id_tipo ) { $where .=" AND i.id_tipo_imovel IN ($id_tipo)"; } if( $id_cidade ) { $where .=" AND i.id_cidade=$id_cidade"; } if($id_bairro) { $where .=" AND i.bairro=$id_bairro"; } E vi que o problema esta aqui abaixo: $sqlT_1->bind_param('ss'.$types.'ss',$ativo,$negocio,AQUI É A VARIÁVEL COM ARRAY -> $tipo ,$id_cidade,$id_bairro); Notem que esta variável dentro dos parâmetros ($types) ela trás o número de parâmetros conforme o critério de busca do filtro de busca, E este parametro como variável eu pego com o str_repeat E se eu montar as variáveis manualmente tipo > $tipo1=15'; e $tipo2='11'; e jogar lá no bind param ela chama de boa tipo assim : $tipo1='15'; $tipo2='11' $sqlT_1->bind_param('ss'.$types.'ss',$ativo,$negocio,$tipo1,$tipo2 ,$id_cidade,$id_bairro); se eu fizer desta forma chama perfeitamente, e vi que o problema é na hora de separar as variáveis do array. Já usei serialize, join, json_decode e nada . Se alguém souber de como contornar agradeço. E desculpe pela imensa explicação , mas é para entederem melhor :) Obrigado !

Olá pessoal. Sou novo no forum,então espero estar fazendo a pergunta no local correto. A minha duvida é o seguinte. Tenho um sistema em PHP que está quase pronto(meu primeiro sistema ) e gostaria de hospeda-lo em alguma empresa de hospedagem, mas sempre fico receoso com relação a quantidade disponível de armazenando no banco de dados, por exemplo se eu vender 10 sistemas e hospeda-los, será que o espaço de armazenamento irá ser o suficiente para armazenar todos os dados dos meus clientes?. Já que o sistema que estou terminando será utilizado para Administração de propriedades rurais, então a base tem varias tabelas e coisa e tal e com o tempo a base de dados tende a crescer. Estou com essa duvida, pois tem alguns clientes que não precisaria ter um servidor local para poder rodar o sistema, bastaria eu criar o domínio para ele em um site de hospedagem e ele acessar(imagino que seria assim).

Blz galera, estou com uma grande dificuldade com JAVASCRIPT, estou tendo problema com meu PHP para retornar o IP com função $_SERVER['REMOTE_ADDR']; mas esta, me retorna apenas o gateway da nossa rede, acreditamos que seja algum problema interno. Daí recorri ao javascript abaixo, que está me retornando o ip publico e para mim, já ajuda bastante. O que eu gostaria é o seguinte, a partir desse ip que está sendo mostrado pelo javascript, fazer um alert redirecionando se os 10 primeiros algarismos forem diferentes de 200.254.21 sair da pagina. Não sei trabalhar com if no javascript. Alguém pode me ajudar? <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script> <script type="application/javascript"> $(function() { $.getJSON("https://api.ipify.org?format=jsonp&callback=?", function(json) { document.write("Meu IP público é: ", json.ip); } ); }); </script>

tenho uma variável com um valor inicial declarado exemplo var n = 1; Gostaria que toda vez que minha função for executada ela some +1 a minha variável n. se minha função for executada 5 vezes n = 1+5; Alguém poderia me ajudar? Obrigado

Bom galera, sou novo no universo da programação e me deparei com uma barreira. Vamos lá Estou desenvolvendo uma especie de aplicativo e criei um menu lateral para ele como segue a imagem abaixo: Eu não sei como fazer para que, ao clicar em uma opção, o efeito hover mantenha-se aplicado e uma outra página rode dentro desse espaço central. Por exemplo: Eu tenho uma lista de ativos em um arquivo listar.php, eu gostaria de rodar essa lista dentro desse arquivo, ao clicar em ativos e que a opção "Ativos" continua-se selecionada. Como eu posso fazer isso? O que devo estudar? Grato desde já pela atenção de vocês. Edit1: Utilizei iframes, porém, vi que é uma pratica arcaica, e o botão não ficou selecionado.

Galera, por que quando eu abro o arquivo com o seguinte código, a tela fica toda em branco ao em vez de aparecer os prompts de pergunta? (Sou novato e estou estudando, inclusive essa página é um exercicio do curso). Código: <!DOCTYPE html> <html> <head> <title>Teste</title> <meta charset="utf-8"/> </head> <body> <script language="JavaScript"> /* Definição de Variaveis */ var js_n1; var js_n2; var js_n3; /* Entrada de Dados */ js_n1 = parseInt(window.prompt ('Informe um valor')); js_n2 = parseInt(window.prompt ('Informe outro valor')); /* Saida de Dados */ document.write('numero 1 digitado' = ' + js_n1); document.write('<br>numero 2 digitado' = ' + js_n2); /* Definindo Condições de saida de dados */ if (js_n1 > js_n2) { js_n3 - js_n1; js_n1 - js_n2; js_n2 - js_n3; } document.write('<p><b>Classificação em Ordem Crescente</b> ' +js_n1 + 'e' +js_n2); </script> </body> </html>

Tenho três arquivos: 1) listarusuarios.php. Faz busca no banco de dados para listar 2) paginação. que faz a paginação do arquivo 3) dash.js. aonde mando listar os arquivo sem atualizar a pagina 1)listarusuario.php envia o link para o paginação e alguns valores $paginacao = new \App\adms\Models\helper\AdmsPaginacao(URLADM . 'usuarios/listar' , 'usuarios'); 2)paginação.php. recebe o link e o segundo valor usuarios function __construct($Link, $Var = null) { $this->Link = $Link; $this->Var = $Var; } $this->Resultado .= '<li class="page-item"><a class="page-link" href="#" onclick="listar('.$iPag.', '.$this->Var.')">'.$iPag.'</a></li>'; nessa linha acima que envia os valores para o arquivo js 3)dash.php. recebe o valores $(document).ready(function () { var varcomp = ""; var pagina = 1; //página inicial listar(pagina, varcomp); }); function listar(pagina, varcomp) { var dados = { pagina: pagina varcomp: varcomp //quando coloca o varcomp a paginçao não funciona }; $.post('../../adm/usuarios/listar/' + pagina + '?tiporesult=1', function (retorna) { // eu quero que seja dinâmico para na parte aonde esta o usuários, entre outros valores ex: paginas/listar $("#conteudo").html(retorna); }); } já fiz console.log(varcomp) aparace o usuários porém da como >> 'usuarios' is not defined <<

Então estou tentando deixa um galeria q achei na net responsiva, só que não intendo nada de javascript, acho que é aqui que esta o problema mais n tenho certeza. segue código: HTML: <div id="games"> <!--Link para Imaguem--> <a href="noticia4.html"> <!--Aqui colocar a imaguem 900x500--> <img src="img/Imaguemsparadownload/NeedForSpeedPayback.png" width="900" height="500" alt="Need For Speed Payback" /> <!--Colocar o Texto!--> <span> <b><font face="Arial">Need For Speed Payback</font></b><br /> <i>Saiu analize de Need For Speed Payback, clique e confira.</i> </span> </a> </div> <!--Aqui para configurar o tamanho e os efeitos Galeria--> <script> $('#games').coinslider({ width : 900 , height: 500 , navigation : false , delay : 5000 , navigation: true , effect: 'rain' } ) ; </script> Entao nessa parte do script que começa a zuera.... se eu muda o "width:100%" ate funciona mais e como se ele n existi-se não consigo clikar na imagem, se eu colocar "height:100%" não funciona a imagem some.... vo coloca parte do codigo da galeira que eu acho que seja relevante: Javascript: (function($) { var params = new Array; var order = new Array; var images = new Array; var links = new Array; var linksTarget = new Array; var titles = new Array; var interval = new Array; var imagePos = new Array; var appInterval = new Array; var squarePos = new Array; var reverse = new Array; $.fn.coinslider= $.fn.CoinSlider = function(options){ init = function(el){ order[el.id] = new Array(); // order of square appereance images[el.id] = new Array(); links[el.id] = new Array(); linksTarget[el.id] = new Array(); titles[el.id] = new Array(); imagePos[el.id] = 0; squarePos[el.id] = 0; reverse[el.id] = 1; params[el.id] = $.extend({}, $.fn.coinslider.defaults, options); // create images, links and titles arrays $.each($('#'+el.id+' img'), function(i,item){ images[el.id] = $(item).attr('src'); links[el.id] = $(item).parent().is('a') ? $(item).parent().attr('href') : ''; linksTarget[el.id] = $(item).parent().is('a') ? $(item).parent().attr('target') : ''; titles[el.id] = $(item).next().is('span') ? $(item).next().html() : ''; $(item).hide(); $(item).next().hide(); }); // set panel $(el).css({ 'background-image':'url('+images[el.id][0]+')', 'width': params[el.id].width, 'height': params[el.id].height, 'position': 'relative', 'background-position': 'top left' }).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />"); // create title bar $('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>"); $.setFields(el); if(params[el.id].navigation) $.setNavigation(el); $.transition(el,0); $.transitionCall(el); } // squares positions $.setFields = function(el){ tWidth = sWidth = parseInt(params[el.id].width/params[el.id].spw); tHeight = sHeight = parseInt(params[el.id].height/params[el.id].sph); counter = sLeft = sTop = 0; tgapx = gapx = params[el.id].width - params[el.id].spw*sWidth; tgapy = gapy = params[el.id].height - params[el.id].sph*sHeight; for(i=1;i <= params[el.id].sph;i++){ gapx = tgapx; if(gapy > 0){ gapy--; sHeight = tHeight+1; } else { sHeight = tHeight; } for(j=1; j <= params[el.id].spw; j++){ if(gapx > 0){ gapx--; sWidth = tWidth+1; } else { sWidth = tWidth; } order[el.id][counter] = i+''+j; counter++; if(params[el.id].links) $('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>"); else $('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>"); // positioning squares $("#cs-"+el.id+i+j).css({ 'background-position': -sLeft +'px '+(-sTop+'px'), 'left' : sLeft , 'top': sTop }); sLeft += sWidth; } sTop += sHeight; sLeft = 0; } $('.cs-'+el.id).mouseover(function(){ $('#cs-navigation-'+el.id).show(); }); $('.cs-'+el.id).mouseout(function(){ $('#cs-navigation-'+el.id).hide(); }); $('#cs-title-'+el.id).mouseover(function(){ $('#cs-navigation-'+el.id).show(); }); $('#cs-title-'+el.id).mouseout(function(){ $('#cs-navigation-'+el.id).hide(); }); if(params[el.id].hoverPause){ $('.cs-'+el.id).mouseover(function(){ params[el.id].pause = true; }); $('.cs-'+el.id).mouseout(function(){ params[el.id].pause = false; }); $('#cs-title-'+el.id).mouseover(function(){ params[el.id].pause = true; }); $('#cs-title-'+el.id).mouseout(function(){ params[el.id].pause = false; }); } };

Site:http://platformwar.epizy.com Estou tentando fazer um site responsivo, mas estou tendo problemas com o (height:) o height: da galeira nao quer funcionar com a " % " não funciona, ja procurei de tudo na net e nao achei resposta. Eu peguei o código da galeira na internet, e comecei a modificar... só que tem esse código: Ta no Hmtl: <script> $('#games').coinslider({ width : "100%" , height: 500 , navigation : false , delay : 5000 , navigation: true , effect: 'rain' } ) ; </script> Aqui to tentando colocar 50% mais não funciona... eu queria que ele diminui-se confirme diminui a tela. (não sei nada de javascript). Se precisarem de algum Código eu mando CSS: #games {position: relative; margin-top: 70px; z-index: 0; margin-left: auto; margin-right: auto; } .coin-slider {float: none; top:50%; left:50%; text-align: center; } .coin-slider { overflow: hidden; zoom: 0; position: static; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons {font-size: 0%; padding: 1%; float: left; position: relative; } .cs-buttons a {margin-left:5px; background:url(../cores-roleta/contadorcompleto.png); height: 29px; width: 29px; float: left; text-indent: -1000px;} .cs-active { background:url(../cores-roleta/contador10.png); height: 29px; width: 29px; float: left; } .cs-title { width: 100%; padding: 2%; background-color:#000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: Transparent; color: #000; padding: 0px 10px; }

Bom dia Amigos, tudo bem? estou com uma duvida, poderiam me ajudar? estou com o seguinte botão: <a href="imprime-voucher.php?forid=<?php echo "$forId"; ?>" target="_blank" class="white-text"> <div class="col s4 teal lighten-2 space2"> <div class="section"></div> <i class="medium material-icons">attach_money</i> <h5 class="white-text"><?php echo "$forNome"; ?></h5> <strong><h4 class="white-text">R$ <?php echo "$total"; ?></h4></strong> <div class="section"></div> </div> </a> Gostaria de saber como faço para abrir o link indicado e redirecionar a pagina atual para a home? ele ja abre o link em uma aba separada, so nao estou conseguindo retornar a pagina do botão para home quando clico no botão

Olá pessoal, tudo bem ? Estou com um probleminha bem chato que não faço ideia como resolver... Espero que me ajudem! Agradeço desde já. Vamos lá. Preciso fazer um calculo com a seguinte expressão: (ValorAtual/100*10)+parseFloat(ValorAtual)-parseFloat(Saque)+parseFloat(Deposito); Até o momento estou obtendo sucesso com a expressão acima. Agora vem o problema. Após eu obter o resultado da expressão acima, eu preciso substituir a variável ValorAtual com o resultado do mesmo, isso 12 vezes. (12 meses). Não sei se ficou muito bem explicado, porem eu preciso fazer essa função com valores já definidos e as próximas 12 vezes com valores a definir ou 0. Vou fazer uma nova explicação com os códigos comentados: var ValorAtual = 1000; var Saque = 0; // zero seria o padrão, eu poderia adicionar valores diferentes. (para cada mês, se possivel). var Deposito = 0; // zero seria o padrão, eu poderia adicionar valores diferentes. (para cada mês, se possivel).. var resultado = (ValorAtual/100*10)+parseFloat(ValorAtual)-parseFloat(Saque)+parseFloat(Deposito); Preciso recuperar o primeiro resultado, no exemplo acima seria: 1100 Então após recuperar o valor acima, eu precisaria substituir o ValorAtual para 1100. Isso, 12 vezes... Recuperando o valor e substituindo como se fosse um calculo de juros mensais (12 meses). Tentei fazer com while mas não obtive exito. Estou parado com a função simples que detalhei acima. Obrigado. Espero tenham entendido e agradeço desde já!

Boa noite, estou com dúvidas e estive pensando... se eu fosse criar um sistema de criar lojas virtuais, como poderia ser a estrutura, principalmente nesta parte: - um banco de dados para cada loja ou um banco de dados para todas as lojas? Que seria separado apenas por id de loja, pedidos seriam unicamente visto por cada loja, óbvio... Qual a sua opinião sobre isto?

Pessoal bom dia a todos. Gostaria de uma ajuda de vocês tem um array JavaScript onde tenho os valores das cidades repetidos preciso agrupar os usuários da mesma cidade e eliminar as cidades repetidas Exemplo do meu código: var pessoas = [ { nome: 'Maria', cidade: 'São Paulo' }, { nome: 'João', cidade: 'São Paulo' }, { nome: 'Alberto', cidade: 'Rio' }, { nome: 'Matheus', cidade: 'Curitiba' }, { nome: 'kalebe', cidade: 'Belo Horizonte' }, { nome: 'Isaac', cidade: 'Rio' }, { nome: 'Batista', cidade: 'Curitiba' }, { nome: 'Carmem', cidade: 'Rio' }, ]; Quero que o retorno seja assim: São Paulo Maria João Rio Alberto Isaac Carmen Sem que eu tenha Rio ou outra cidade se repetindo várias vezes. Alguém tem alguma sugestão? Desde já agradeço a todos. Grato.

Pessoal, como faço para mudar o link do elemento src assim que o usuário deixar o link da imagem no input?

boa noite fiz o uploard do ecommerce mas não esta exibindo a pagina fica em branco quando entro no site, alguém pode me da uma ajuda, esse é o log do erro. [14-Aug-2019 01:12:36 UTC] PHP Warning: require_once(./vqmod/vqmod.php): failed to open stream: No such file or directory in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:12:36 UTC] PHP Fatal error: require_once(): Failed opening required './vqmod/vqmod.php' (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:12:41 UTC] PHP Warning: require_once(./vqmod/vqmod.php): failed to open stream: No such file or directory in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:12:41 UTC] PHP Fatal error: require_once(): Failed opening required './vqmod/vqmod.php' (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:13:26 UTC] PHP Warning: require_once(./vqmod/vqmod.php): failed to open stream: No such file or directory in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:13:26 UTC] PHP Fatal error: require_once(): Failed opening required './vqmod/vqmod.php' (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:16:04 UTC] PHP Warning: require_once(./vqmod/vqmod.php): failed to open stream: No such file or directory in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:16:04 UTC] PHP Fatal error: require_once(): Failed opening required './vqmod/vqmod.php' (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:16:30 UTC] PHP Warning: require_once(./vqmod/vqmod.php): failed to open stream: No such file or directory in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:16:30 UTC] PHP Fatal error: require_once(): Failed opening required './vqmod/vqmod.php' (include_path='.:/opt/cpanel/ea-php70/root/usr/share/pear') in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 18 [14-Aug-2019 01:18:11 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 01:20:07 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 01:51:32 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 01:51:50 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 01:53:43 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 01:57:17 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [14-Aug-2019 02:10:31 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [15-Aug-2019 01:18:35 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [15-Aug-2019 01:18:44 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [15-Aug-2019 02:51:04 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [15-Aug-2019 02:51:19 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [15-Aug-2019 16:58:37 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17 [24-Aug-2019 23:07:01 UTC] PHP Fatal error: Uncaught Error: Call to undefined function start() in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php:17 Stack trace: #0 {main} thrown in /home1/sigasi00/nerdhabitat.sigasistemas.com/index.php on line 17

Eai, galera! Estou tentando criar um player de música com playlist, porém não estou tendo muito sucesso, pois quando clico em alguma música o player de música abre em outra página e não na página principal onde quero que fique o player e onde quero que toque (como padrão). Vocês podem me dar uma ajuda nisso? Tenho esse código: //* PLAYER DE MÚSICA. inicio(); function inicio(){ var corrente = 0; var audio = $("#musica"); var playlist = $("#playlist"); var tracks = playlist.find("li a"); var len = tracks.length -1; musica[0].play(); playlist.find("a").click(function(e){ e.preventDefault(); link = $(this); corrente = link.parent().index(); run(link, musica[0]); }); musica[0].addEventListener("ended", function(e){ corrente++; if(corrente == len){ corrente = 0; link = playlist.find("a")[0]; }else{ link = playlist.find("a")[corrente]; } run($(link), musica[0]); }); } function run(link, player) { player.src = link.attr("href"); par = link.parent(); par.addClass("active").siblings().removeClass("active"); player.load(); player.play(); } ul{list-style: none; padding: 0px} a{text-decoration: none; color: #444; font-family: arial} li:hover{background: #eee; border-bottom: solid 1px #f60;} li{width: 20%; padding: 5px; border-bottom: solid 1px #ccc;} .active a{color:#f60; padding-left: 1px; font-style: italic;} <audio id="musica" preload="auto" tabindex="0" controls="controls"> <source src="Blackbear-doremi.mp3" type="audio/mpeg"/> Desculpaaa, o áudio não é suportado pelo seu navegador :( </audio> <ul id="playlist"> <li class="active"><a href="Blackbear-doremi.mp3"> BlackBear - Do Re Mi</a></li> <li><a href="BMTH-Medicine.mp3"> Bring Me The Horizon - Medicine</a></li> <li><a href="Hozier-TakeMeToChurch.mp3"> Hozier - Take Me To Church</a></li> </ul>

<?php $url = 'www.site.com'; $dadosSite = file_get_contents($url); echo $dadosSite; ?> <script type="text/javascript"> window.onload = function(){ var x = document.getElementsByClassName("fraction")[0].innerHTML= "100"; } </script> Glr tenho esse codigo, eu queria alterar o conteudo que tem como classe "fraction", porem ele nao da resposta, alguem tem alguma sujestão?

Estou, sem sucesso, tentando utilizar a biblioteca crypto js no meu script. Estou precisando usa-lo para gerar um hash que vai num objeto, porém aparentemente devo estar importando de maneira errada, já que a palavra require que eu atribuo a minha constante simplesmente não é reconhecida. Sou iniciante e estou utilizando essa biblioteca para um projeto em blockchain. Estou usando o vscode e o node, porém depois daqui nao tenho idéia de como proceder, pois ja fiz de tudo que vi em sites e não entendi, tampouco consegui por em pratica. A linha de código que deveria chamar a biblioteca: const SHA256 = require('crypto-js/sha256');

Oi, dei uma procurada em alguns scripts, porém não consegui achar nenhum que faça o que estou precisando, não achei nem no W3School. Porém parece ser bem simples, clicar em uma palavra e ela mudar para outra palavra e ao clicar novamente mudar para o formato original. Por exemplo, Palavra1 ao clicar vira Palavra2 e ao clicar em Palavra2 vira Palavra1, nesse loop ai rsrs. <a href="#palavra" id="palavra" onclick='document.getElementById("palavra").innerHTML = "Palavra2"'>Palavra1</a> Este exemplo ele só muda uma vez...