AndersonWS

Pessoal, consegui eu mesmo resolver, quebrei a cabeça um pouco mas resolvi. Não sei se é a melhor solução, se alguém quiser melhorar posta ai. E podem marcar como resolvido. $(function(){ $('#empreendimento').change(function(){ var val = $(this).val(); if( val ) { $('#unidades').hide(); $('.carregando').show(); $.getJSON( 'ajax/busca_emp.php?search='+val, function(j){ var options = '<option value="">-- Escolha uma unidade --</option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id + '">' + j[i].desc + '</option>'; } $('#unidades').html(options).show(); $('.carregando').hide(); }); } else { $('#unidades').html('<option value="">– Escolha um empreendimento –</option>'); } }); });

Tenho um código que aparentemente estaria certo porém ele "trava" e não mostra os resultados. Creio que o problema está na parte de "buscar" o json apenas. Segue o código: <style>.carregando{color:#666;display:none;}</style> <div class="col-md-7"> <label for="empreendimento">Escolha o empreendimento</label> <select name="empreendimento" class="form-control" required="" id="empreendimento"> <option value="">-- Escolha um empreendimento --</option> <?php $sqlVs = "SELECT `id`,`nm` FROM `empreend` WHERE `dis`='1' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $id = $r['id']; $nm = $r['nm']; echo '<option value="'.$id.'">'.$nm.'</option>'; } } else { echo '<option value="0">Não há empreendimentos disponíveis</option>'; } ?> </select> </div> <div class="col-md-5"> <label for="unidades">Unidade</label> <span class="carregando">Aguarde, carregando...</span> <select name="unidades" id="unidades" class="form-control" required=""> <option value="">-- Escolha uma unidade --</option> </select> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('jquery', '1.3'); </script> <script type="text/javascript"> $(function(){ $('#empreendimento').change(function(){ if( $(this).val() ) { $('#unidades').hide(); $('.carregando').show(); $.getJSON('ajax/busca_emp.php?search=',{empreendimento: $(this).val(), ajax: 'true'}, function(j){ var options = '<option value=""></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id + '">' + j[i].nm + '</option>'; } $('#unidades').html(options).show(); $('.carregando').hide(); }); } else { $('#unidades').html('<option value="">– Escolha um empreendimento –</option>'); } }); }); </script> if(!empty($_GET["search"])) { $empreendimento = trim($_GET["search"]); $empreendimento = mysqli_real_escape_string($link, $empreendimento); $unidades = array(); $sqlVs = "SELECT `id`,`nm` FROM `empreendimento` WHERE `id`='$empreendimento' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $unidades[] = array( 'id' => $r['id'], 'nm' => $r['nm'], ); } } echo( json_encode( $unidades ) ); } else { echo 'vazio'; } Ele trava e fica apenas mostrando: Aguarde, carregando... Olhei o json e ele está recuperando: [{"id":"1","nm":"Condominio"}]

Olá, encontrei a algum tempo este script, não me lembro mais onde e acabei achando uma boa utilização. echo '<div id="sua_div">'; echo "<h4>Solicitação enviada com sucesso!</h4>"; echo "Você receberá uma cópia da reserva neste e-mail: <b>".$mail."</b><hr style='border:1px solid;'/>"; echo $msg; echo '</div>'; echo '<br/><button class="checkout" id="btn">Imprimir</button>'; document.getElementById('btn').onclick = function() { var conteudo = document.getElementById('sua_div').innerHTML, tela_impressao = window.open('about:blank'); //tela_impressao.window.name('Reserva Hotel'); tela_impressao.document.write(conteudo); tela_impressao.window.print(); tela_impressao.window.close(); }; Ele funciona exatamente como quero, imprimindo apenas a div "sua_div", porém gostaria que o título da nova página fosse: "Reserva Hotel" porém ele gera um arquivo: "http___hotelxzz.com" pois a página não tem título. Como ajustaria isso? Tentei várias formas sendo a última: tela_impressao.window.name('Reserva Hotel'); mas não dá certo.

Vou tentar o exemplo Jack Oliveira porém gostaria de algum método javascript puro seria melhor para este projeto.

Tenho o seguinte código: Projeto <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> Construção <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> Acabamentos <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> <input type="text" name="total" id="total" value=""> Preciso verificar se a soma das etapas do projeto não irão ultrapassar os 100 % . Como eu faria para somar os valores dos inputs name="percent[]" e colocar dentro do value de name="total" ? *Obs.: Sem precisar usar botão, que fosse somando conforme digita os valores.

Sim, é até mais fácil mas no meu caso específico eu não podia mexer no css por isso optei por javascript.

Sim mas a ideia é trocar a classe somente se a tela for pequena, tipo smartphone, por isso pra mim está ótimo da forma que está, mas se quiser postar pro pessoal a tua ideia pode ajudar outros. Abçs.

tetsuo Não deu certo tua ideia mas me ajudou a pensar numa ideia e acabei conseguindo. Obrigado também Maujor que me ajudou a limpar a função. Segue a resposta para ajudar a quem precisar: $(document).ready(function(){ if($(window).width() <= 767){ $("#mostra").removeClass("collapse nav-collapse navbar-collapse js-navbar-collapse menuReset"); //window.location = "https://www.google.com/"; } }); O que solucionou foi o ready(function, que eu não havia pensado mas precisa ser efetuado para que assim que a pessoa acesse a página no celular leia e execute a função. Era simples no final das contas. Obrigado a todos. Tópico [Resolvido].

tetsuo Somente um id "mostra" Maujor Simplificou mas não resolveu. Acho que meu erro está nesta parte if(screen.width < 767)

Boa tarde. Tenho o seguinte código javascript: if(screen.width < 767) { $("#mostra").removeClass("collapse"); $("#mostra").removeClass("nav-collapse"); $("#mostra").removeClass("navbar-collapse"); $("#mostra").removeClass("js-navbar-collapse"); $("#mostra").removeClass("menuReset"); }; E o que eu quero é que remova todas as classes css. <div class="collapse nav-collapse navbar-collapse js-navbar-collapse menuReset" id="mostra"></div> Pra que fique assim: <div class="" id="mostra"></div> O problema é que não está removendo, já pesquisei e tentei de varias formas sem sucesso. Tem como fazer isso? Qual o problema?

Tenta assim: RewriteEngine on RewriteCond %{HTTP_HOST} ^www.(.*) [NC] RewriteRule ^(.*) http://%1/$1 [R=301,L] RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME}\.php -f #RewriteRule ^(.*)$ $1.php

angelorubin obrigado! Vou estudar mas esse exemplo foi bem bacana, vou ver o que consigo e posto aqui novamente.

Nenhuma outra sugestão?

É uma mascara bem bacana mas infelizmente não tem a opção de preencher automaticamente com zeros a esquerda quando se coloca números menores. O que eu preciso é que inicie com "00000" e ao colocar, por exemplo, 15 que preencha assim: "00015". No meu exemplo faz isso mas tem que clicar em "Corrigir". Não sei muito de JavaScript. Alguma sugestão?

Olá a todos. Procurei muito uma forma de preencher o input com zeros a esquerda mas não achei nada que funcionasse de maneira correta. o que eu preciso é uma mascara que fique assim no input: 00000 e quando o usuário digitar por exemplo: 1, fique assim: 00001 se digitar 10, fique assim: 00010 Achei este código, mas não sei como adaptar pois nele tem que clicar num button e não é o que eu quero. Além de permitir letras ao invés de somente número. function ajustarInput(str) { var adicionar = 6 - str.length; for (var i = 0; i < adicionar; i++) str = '0' + str; return str.slice(0, 5) + '-' + str.slice(-1); } document.getElementById('teste').addEventListener('click', function() { var input = document.getElementById('input'); input.value = ajustarInput(input.value); }); <input type="text" id="input" /> <button id="teste">Corrigir</button> Desde já agradeço.