Jump to content
vanessaaaaaaa

DropDown empurra div para baixo

Recommended Posts

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>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Luis Fernando R. Valle
      Estou desenvolvendo um site de vinhetas, mas estou com o seguinte problema. Quando o cliente clica em um áudio ele toca normalmente, mas quando clica em um segundo com o primeiro ainda em execução, ficam os dois áudios executando ao mesmo tempo no sit.
      Gostaria que um executasse por vez.
       
      Lembrando que os áudios estão inseridos separadamente.
    • By RukasuNiiChan
      ========== Meu Projeto ==========
      * Introdução
      Bem , eu estou no ultimo ano do E.M , e com essa pandemia , algumas adaptações foram tomadas , como todos sabem , a AULA ONLINE , porem , na minha escola não se utiliza a verificação de presença ( Chamada ) por Vídeo , através de um WebCam , e sim a confirmação por digitalização , todos os alunos devem escrever " ok " quando o respectivo professor digitar " chamada " no chat:
      Exemplo 1: https://prnt.sc/uiw9jy
      * Ideia
      Então o que eu pensei , A Ideia Inicial era criar um BOT para identificar a palavra " Chamada " no chat , e então , automaticamente , ele escrevesse " ok " ou " Presente " para assim automatizar o processo e facilitar a minha vida.
      Porem eu descobri uma funcionalidade no Google que são as extensões para o Google Meet que até então eu não sabia que existiam
      Entretanto se alguém que não tem experiencia em extensões mas tem em engenharia de software , me ajudaria da mesma forma
      * Conclusão
      Enfim , a minha ideia é automatizar o processo de " Responder a chamada " durante a aula online ,  como sou um estudante de programação queria muito a ajuda de vocês pra isso , pois meu conhecimento é leigo , qualquer duvida sobre o projeto , podem responder a este tópico pois , irei responder dentro de 24 horas , ou se o interesse nele for grande , me chamem na DM do Discord ( Rukasu#7321 ) 
      ===============================
       
    • By acneto.frc
      Tenho uma aplicação WEB NodeJs+Javascript. Na minha view (FILTROS PARA RELATÓRIO) além dos inputs tenho um radio button onde seleciono o tipo de do relatório que será gerado. No meu Controller tenho acesso aos campos inputs (type=text) normalmente mas não tenho acesso aos inputs (type=radio). Abaixo vou colocar parte do código.
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- As 3 meta tags acima *devem* vir em primeiro lugar dentro do `head`; qualquer outro conteúdo deve vir *após* essas tags --> <title><%= title %></title> <link rel="stylesheet" type="text/css" media="screen" href="/estilos/estilos.css" /> </head> <body> <header> <nav class="menuBase"> <ul> <li><a href="/">Início</a></li> <li><a href="/estagio/relatorios">Voltar</a></li> <li><a href=""> </a></li> </ul> </nav> </header> <main class=frmRelFiltros> <ul class="nav nav-tabs"> <li class="active" id="home-tab"><a data-toggle="tab" href="#pagina1">Relatório de Contratos</a></li> </ul> <div class="tab-content"> <div id="pagina1" class="tab-pane fade in active"> <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> <!-- primeira linha --> <br> <div class="filtros" style="margin:15px"> <div class="row"> <div class="form-group col-md-6 col-md-offset-0"> <label>Código Contrato.:</label> <input type="text" name="cod_ini" value="0"/> A <input type="text" name="cod_fim" value="999999" /> <br> <br> <label>Ativo/Inativo...:</label> <input type="text" name="atv_ini" value="A"/> A <input type="text" name="atv_fim" value="Z" /> <br> <br> <label>Data Cadastro...:</label> <input type="text" name="cad_ini" value="01/01/2000"/> A <input type="text" name="cad_fim" value="31/12/2090" /> <br> <br> <label>Data Vigência...:</label> <input type="text" name="vig_ini" value="01/01/2000"/> A <input type="text" name="vig_fim" value="31/12/2090" /> <br> <br> <label>Sit. Contrato...:</label> <input type="text" name="sit_ini" value="0"/> A <input type="text" name="sit_fim" value="99" /> <br> <br> <label>Código do Curso.:</label> <input type="text" name="cur_ini" value="1"/> A <input type="text" name="cur_fim" value="99" /> <br> <br> </div> <div class="form-group col-md-6 col-md-offset-0"> <label>Código da Empresa.:</label> <input type="text" name="emp_ini" value="1"/> A <input type="text" name="emp_fim" value="9999" /> <br> <br> <label>Centro Integração.:</label> <input type="text" name="cie_ini" value="1"/> A <input type="text" name="cie_fim" value="999"/> <br> <br> <label>Valor da Bolsa....:</label> <input type="text" name="vlr_ini" value="1"/> A <input type="text" name="vlr_fim" value="99999999"/> <br> <br> <br> <div id="opcoesRelContratos" > <p>Selecione o Tipo do Relatório:</p> <input type="radio" id="tipoRel" name="padrao" value="padrao" checked=true> <label for="padrao">Padrao-Conferência</label><br> <input type="radio" id="tipoRel" name="faixa" value="faixa"> <label for="faixa">Faixa Salarial-Estatístico</label><br> <input type="radio" id="tipoRel" name="alunos_empresas" value="alunos_empresas"> <label for="alunos_empresas">Identificação de Alunos por Empresa</label> <br> <input type="radio" id="tipoRel" name="entregas" value="entregas"> <label for="entregas">Pastas de Estágios Entregues</label><br> <input type="radio" id="tipoRel" name="contratos_vencer" value="contratos_vencer"> <label for="contratos_vencer">Contratos a Vencer 30 dias</label> <br> </div> </div> </div> </div> <br> <!-- botões de acão --> <div class="btn-acao" style="margin-bottom: 0px;"> <div class="row"> <div class="col-md-2 col-md-offset-1"> <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> </div> <div class="col-md-2 col-md-offset-1"> <button type="button" id="btn-cancelarRel" class="btn btn-primary btn-block">Voltar</button> </div> </div> </div> <br> </form> </div> <!-- tab pagina 1 --> </div> </main> <!-- JavaScript (Opcional) --> <!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="/js/funcoesCliente.js"></script> <script type="text/javascript" src="/js/script.js"></script> </body> </html>  
       
      Agora o código do routes e controllers. No controllers preciso acessar um elemento radio da view
      *** botão para submeter a view <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> *** rota a ser executada ao sonfirmar a execução do relatório <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosRoutes.js var contratosControllers = require('../controllers/contratosControllers.js'); module.exports = (app) => { app.get('/contratos/relatorios/relContratos', contratosControllers.contratosRel); app.post('/contratos/relatorios/RelContratosPrint', contratosControllers.printContratosRel); } +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosControllers.js const alunosController = require('../models/contratosModels.js'); const cnf_ambiente = require('../../config/config.js'); const moment = require('moment'); module.exports = { printContratosRel, } function printContratosRel(req, res){ console.log("Data Inicial Normal: "+req.body.cad_ini) console.log("Data Final Normal..: "+req.body.cad_fim) console.log("++++++++++++++++++++ DATA NO FORMATO DE ENTRADA APÓS O POST ++########################") // ++++++++++++ BAIXO O ERRO document is not defined var radios = document.getElementsById("tipoRel"); for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { console.log("Escolhido: " + radios[i].value); } } cod_i = req.body.cod_ini; cod_f = req.body.cod_fim; atv_i = req.body.atv_ini; atv_f = req.body.atv_fim; cad_i = req.body.cad_ini; cad_f = req.body.cad_fim; vig_i = req.body.vig_ini; vig_f = req.body.vig_fim; sit_i = req.body.sit_ini; sit_f = req.body.sit_fim; cur_i = req.body.cur_ini; cur_f = req.body.cur_fim; emp_i = req.body.emp_ini; emp_f = req.body.emp_fim; cie_i = req.body.cie_ini; cie_f = req.body.cie_fim; vlr_i = req.body.vlr_ini; vlr_f = req.body.vlr_fim; console.log("Relatório >>>>>>>>>>>>>>>>>>>>>>>> "+cad_i + ' - '+ cad_f); alunosController.buscarPrintContratosRel( cod_i, cod_f, vlr_i, vlr_f, sit_i, sit_f, cur_i, cur_f, emp_i, emp_f, cad_i, cad_f, vig_i, vig_f, atv_i, atv_f, cie_i, cie_f, function(err, result){ if(result){ console.log("Encontrei registro de contratos.... Vou tratar das datas.."); for(var i = 0; i < result.length; i++ ){ result[i].cea_dtcadastro = moment(result[i].cea_dtcadastro).format("DD/MM/YYYY"); result[i].cea_dtalteracao = moment(result[i].cea_dtalteracao).format("DD/MM/YYYY"); result[i].cea_vigenciainicial = moment(result[i].cea_vigenciainicial).format("DD/MM/YYYY"); result[i].cea_vigenciafinal = moment(result[i].cea_vigenciafinal).format("DD/MM/YYYY"); } } if (err) { throw err; } else{ res.render('estagios/relatorios/frm_relContratosPrint.ejs', {title: 'Contratos', nomeUsuario: global.nomeUsuario, codigoUsuario: global.codigoUsuario, nomeFormulario: req.originalUrl, obj_contratos: result, }); } }); }  
    • By Matheus Bispo
      Boa tarde colegas programadores, estou com uma dúvida tremenda.
       
      Estou desenvolvendo um sistema para uma loja de veículos, e em uma parte do sistema, em cadastro de clientes, vai aparecer todos os clientes que ela possui em uma tabela(Usando DataTable do bootstrap), em cada cadastro, tenho um botão de editar, que imediatamente, abre uma janela modal com os dados daquele Cliente. Quando eu clico pela primeira vez em algum botão de Editar, ele me abre correto e o fechar é funciona normal. Agora vou clicar no editar novamente, porque anteriormente eu havia clicado no cliente errado, ele me traz os dados correto, mas o botão CANCELAR não funciona mais, preciso dar F5 para ele sumir. O que eu estaria fazendo de errado?
       
      Segue abaixo o meu código:
       
      <!DOCTYPE html>  
       <html>
            <head>  
                 <title>Clientes</title>
                 <link rel="shortcut icon" href="../assets/img/certi.png" type="image/x-icon" />
                 <form name="formulario" method="POST" action="">
                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
                 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
                 <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
                 <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
                 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />
                 <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
                     <!-- Include all compiled plugins (below), or include individual files as needed -->
                <script src="../assets/js/bootstrap.min.js"></script>
                <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script>
                <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"></script>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
                <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script>
                <script type="text/javascript">
                  function Ir(pagina){
                    document.formulario.action = pagina
                    document.formulario.submit();
                  }
                </script>
            </head>  
      <body onselectstart="return false" oncontextmenu="return false" ondragstart="return false"
        onMouseOver="window.status='..message perso .. '; return true;">
                 <div class="container">
                     
                      <center> <img src='../assets/img/logo_clientes.jpg' class="img-responsive"> </center>
                      <br />
                  <?php
                     if(!empty($Dados["btnNovoCad"])):
                         $NovoCad = new CreateCliente();
                         unset($Dados["btnNovoCad"]);
                    $Dados["cli_garagem"] = $_SESSION["id-garagem"];
                         $NovoCad->exeCreate('clientes', $Dados);
                         echo $NovoCad->getMsg();
                     endif;
                     ?>
                      <div class="table-responsive">  
                           <table id="employee_data" class="table table-striped table-bordered">  
                                <thead>  
                                     <tr>  
                                          <td>ID</td>  
                                          <td>Nome</td>
                                          <td>Ações</td>
                                     </tr>  
                                </thead>
                                <?php
                                  $ChamarLeitura = new ReadCliente();
                                  $ChamarLeitura->LerClientes();
                                 foreach($ChamarLeitura->getResultado() as $clientes){
                                       extract($clientes);
                                     echo '  
                                     <tr>  
                                         <td>'.intval($cli_id).'</td>                                      
                                          <td>'.utf8_decode($cli_nome).'</td>
                                          ';?>
                                          <td>
                                              <button type="button" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModalEdit" data-whatever="<?php echo $cli_id; ?>" data-whatevernome="<?php echo utf8_decode($cli_nome);?>">Editar</button>
                                          </td>                                   
                                     </tr>    
                                   <?php
                                  }  
                                ?>
                           </table>  
                      </div>  
                 </div><br>
              <center>
                  <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModalNovo">Novo Cliente</button>
                  <button type="button" class="btn btn-primary" onClick="Ir('index');">Voltar ao Menu</button><br><br>
              </center>
       
      <!-- Inicio Modal Novo Cadastro -->
      <div class="modal fade" data-backdrop="static" id="myModalNovo">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h3 class="modal-title" id="exampleModalLabel">Cadastrar Cliente</h3>
                </div>
                <div class="modal-body">
                  <form name="formularioB" method="POST" action="">
                        <div style="text-align: left;">
                           Nome:*
                           <input type="text" class="form-control" name="cli_nome" required="true" autofocus="true"><br>
                           *Campos obrigatórios
                        </div>
                    <div class="modal-footer">
                      <input type="submit" class="btn btn-success" name="btnNovoCad" value="Salvar">
                      <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
                    </div>
                  </form>
                </div>        
              </div>
            </div>
          </div>
          <!-- Fim Modal -->
       
      <!-- Inicio Modal Editar Cadastro -->
        <div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h3 class="modal-title" id="exampleModalLabel">Editar Cliente</h3>
                </div>
                <div class="modal-body">
                  <form name="formularioB" method="POST" action="">
                        <div style="text-align: left;">
                           Nome:*
                           <input type="text" class="form-control" name="cli_nome" id="cli_nome" required="true" autofocus="true"><br>
                        </div>
                    <div class="modal-footer">
                      <input type="submit" class="btn btn-success" name="btnEditCad" value="Salvar">
                      <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
                      <input type="hidden" name="id-cliente" id="id-cliente" value="">
                    </div>
                  </form>
                </div>        
              </div>
            </div>
          </div>
          <!-- Fim Modal -->
       
        <script type="text/javascript">
          $('#myModalEdit').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            var recipient = button.data('whatever')
            var recipientnome = button.data('whatevernome')
            var modal = $(this)
            modal.find('.modal-title').text('Editar Cliente')
            modal.find('#id-cliente').val(recipient)
            modal.find('#cli_nome').val(recipientnome)
            
          })
        </script>
         </form>
        </body>
       </html>  
       <script>  
       $(document).ready(function(){  
            $('#employee_data').DataTable();  
       });  
       </script>
    • By kaayasinho
      Boa tarde Pessoal tudo bom?
      Durante um tempo eu fui estudante de programação, para web. E esse forum me foi muito util pois aprendi muitas coisas, e tirei muitas duvidas com todos os participantes. Por outro lado não segui a carreira de programado pois tive outras oportunidades.
       
      Em fim, estou com um projeto de criar uma plataforma online para eventos, e estou tentando montar um time chegar nesse objetivo. Por hora ainda estou tentando juntando a equipe necessária para isso acontecer.
       
      Pela pouca experiência que tive na programação, sei que fazer essa plataforma é bem complexa principalmente com as necessidades que vamos englobar, porém o mercado esta escasso de plataformas flexíveis, no sentido de oferecer algumas ferramentas básicas na comunicação. apesar de ja existir algumas plataformas no mercado.
       
      Resumo:
      1-) Procuro por programadores backend com experiência (não sei exatamente informar a linguagem) mas chuto que Java, Javascript e PHP sejam fundamentais. (sei que abusaremos muito do AJAX)
       
      2-) Programador FrontEnd, com experiência. E que tenha principalmente em boas praticas, pois código sujo cheio de plugins tornará a plataforma pesada, e cheia de bugs.
       
      PS: Não procuro nada pronto, claro que plugins coisas são inevitáveis porém para funcionarmos Lisos com menos bugs possíveis procuro algo feito “artesanalmente” rsrs.
       
      Obs: o projeto esta no inicio ainda, estou juntando contatos para chegar no objetivo, e assim que tiver um contato gostaria de poder conversar trocar ideias, caso seja um projeto onde você se identifique nada impede de sermos parceiros ter uma % sobre o negocio.
       
       
      Obs2: Desculpem se escrevi meio enrolado ou esta complicado de entender. pois apenas disse plataforma de eventos e não especifiquei nada. mas assim que receber um contato eu passo mais informações com alguns links de exemplos, que é melhor que falar.
       
      E caso aqui seja o lugar correto posso passar mais informações por aqui também.
       
      Seguem alguns exemplos de plataforma de eventos online.
      Download de 2 PDFs de apresentações do mesmo segmento
       
      Site de uma das plataformas porém proximo do que almejamos
      https://www.swaper.com.br/
       
       
      Fico a disposição,
       
      Desculpem se postei no local incorreto
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.