Biel.

Omar, funcionou bem que é uma maravilha, valeu .

Olá pessoal. Abaixo temos dois submit. gostaria que ao pressionar item1 pegasse form pegou_pagina_2.php ou ao pressionar Enviar pegasse form pegou_pagina_1.php <?php if (isset($_POST['valor']) ){ $valor = $_POST['valor']; } ?> <?php $a=1; $b=2; ?> <?php if($a==1){?> <form action="pegou_pagina_1.php" method="post" > <?php }?> <?php if($b==2){?> <form action="pegou_pagina_2.php" method="post" > <?php }?> <select name="valor" size='2' onChange="this.form.submit()"> <option value="" selected ></option> <option value="item1" >item1</option> </select> <br> <input type="submit" name="aprendiz" value="Enviar" /> </form>

Omar, funcionou, mas veja: Para o que quero fazer tem que ter duas action com apenas (um fechamento </form> ) e o select tem que estar dentro do fechamento </form> . Outro detalhe: Tem como fazer o que quero em php com regra if ? Veja como está o código que postei. Obrigado !

Olá pessoal. Direto ao ponto. De inicio a categoria CORES está checked e a categoria CARROS nãoGostaria que ao clicar na categoria CARROS e em seguida exibir código fonte da página mostrasse que a palavra checked agora está na categoria CARROS e não mais na categoria CORES, assim <input type="radio" name="item" id="1" hidden /> <label for="1">CORES</label> <input type="radio" name="item" id="2" hidden checked="checked" /> <label for="2">CARROS</label> ... <style> .principal{ margin-bottom:30px; } label{ cursor:pointer; font-size:20px; display:block; padding:6px 2px 6px 8px; background-color:#B9D1E8; } .conteudo{ display:none; } input:checked ~ .conteudo{ display:block; padding:0px 4px; background-color:yellow; } </style> .... <?php echo checked="checked"; ?> <div class="principal"> <input type="radio" name="item" id="1" hidden checked="checked" /> <label for="1">CORES</label> <div class="conteudo"> ... </div> </div> <div class="principal"> <input type="radio" name="item" id="2" hidden /> <label for="2">CARROS</label> <div class="conteudo"> ... </div> </div>

Olá pessoal. Direto ao ponto. Pessoal porque o BD mysql não aceita nenhum texto que esteja entre aspas simples, tipo assim -> ' um texto qualquer aqui ' . Quando pressiono Cadastrar o BD mysql não deixa passar nada , nem aspas simples ' ' nem o texto. Gostaria de cadastrar os dois, aspas simples ' ' e o texto. Alguém tem idéia de como fazer BD mysql aceitar texto dentro de aspas simples ' ' ? <?php $obs = $_POST['obs'] $sql = mysqli_query($con, "INSERT INTO tab_aprendiz(obs) VALUES( '".$obs."' )"); ?> ... <textarea name="obs" maxlength="500" ></textarea>

Obrigado a todos. Osmar funcionou bem, tarefa resolvida.

Olá pessoal. Direto ao ponto. Pessoal cadastro normalmente textarea com aspas dupla "" no BD mySQL. Agora textarea com aspas simples não consigo cadastrar. Gostaria de cadastrar também no BD mysql textarea com aspas simples ' ' . Pessoal como resolver esta tarefa. assim cadastra normalmente no BD mySLQ <textarea name="obs" maxlength="500" ></textarea> assim NÃO cadastra <textarea name='obs' maxlength='500' ></textarea>

Olá pessoal. Direto ao ponto. De inicio a categoria CORES está checked e a categoria CARROS não Gostaria que ao clicar na categoria CARROS e em seguida exibir código fonte da página mostrasse que a palavra checked agora está na categoria CARROS e não mais na categoria CORES, assim <input type="radio" name="item" id="1" hidden /> <label for="1">CORES</label> <input type="radio" name="item" id="2" hidden checked="checked" /> <label for="2">CARROS</label> ... <style> .principal{ margin-bottom:30px; } label{ cursor:pointer; font-size:20px; display:block; padding:6px 2px 6px 8px; background-color:#B9D1E8; } .conteudo{ display:none; } input:checked ~ .conteudo{ display:block; padding:0px 4px; background-color:yellow; } </style> ... <div class="principal"> <input type="radio" name="item" id="1" hidden checked="checked" /> <label for="1">CORES</label> <div class="conteudo"> ... </div> </div> <div class="principal"> <input type="radio" name="item" id="2" hidden /> <label for="2">CARROS</label> <div class="conteudo"> ... </div> </div>

Olá pessoal. Direto ao ponto. Dreamweaver cs4 não tem propiedades css3 e flexbox . Como adicionar propiedades css3 e flexbox no dreamweaver cs4. Obrigado!

Olá pessoal. Direto ao ponto. Abaixo temos div_1, div_2 e div_conteudo. div_1 está fixa. Ao rolar a página, gostaria que div_2 ficasse sempre abaixo da div_1 ; lembrando que div_1 pode ter height de várias dimensões. Peque o código do jeito que está e teste no seu editor. Obrigado amigo. <style> * {margin:0; padding:0;} .div_1 { position: sticky; position: -webkit-sticky; top:0; left:0;right:0; z-index:1; font-size:25px; background-color:#c1c1c1; margin-bottom:4px; height:200px; } .div_2 { font-size:25px; background-color:#acacac; position: sticky; position: -webkit-sticky; top:0; left:0;right:0; z-index:2; } .div_conteudo{ padding-bottom:2000px; background-color:#d1d1d1; } </style> </head> <body> <div class="div_1"> div_1 </div> <div class="div_conteudo"> <div class="div_2">div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 div_2 </div> div_conteudo<br />div_conteudo<br /> div_conteudo<br />div_conteudo<br /> div_conteudo<br />div_conteudo<br /> </div> </body> </html>

obrigado a todos pela contribuição. Tarefa resolvida !

Olá pessoal. Direto ao ponto. Abaixo temos div_1 e div_2 . Note que div_1 tem position:fixed; Gostaria que div_2 ficasse sempre abaixo da div_1, independentemente de quanto texto tenha a div_1 <style> *{ margin:0; padding:0;} body{text-align:center;} .div_1{ width:100%; background:#7F9F55; position:fixed; z-index:0; } .div_2{ background-color:#D6D6D6; max-width:800px; margin: auto; position: relative; z-index:1; } </style> ... <div class="div_1"> div_1 <br /> div_1 <br /> div_1 <br /> div_1 <br /> div_1 <br /> </div> <div class="div_2"> div_2 <br /> </div>

Quimera , obrigado por postar. Veja: background-size:cover não resolve; porque a imagem diminui somente na horizontal . Gostaria que a imagem diminuisse na horizontal e vertical de forma proporcional ao passo que a tela fosse diminuindo. Nota: diminuir a imagem de forma proporcional à partir da height 200px

Olá pessoal. Direto ao ponto. Pessoal inicialmente o código abaixo exibe na tela as imagens com tamanho fixo inicial width: 240px e height:200px. Ao passo que a tela vai diminuindo as imagens vão sendo redimensionada proporcionalmente; até aqui tudo ok. O problema é que quando as imagens vão diminuindo o height não diminui a partir de 200px e sim começa a diminuir à partir de 120px aproximadamente. Gostaria que o height começasse a diminuir à partir de 200px e não a partir de 120px. Como resolver este problema pessoal? <style> *{margin:0; padding:0;} #principal{ display: flex; max-width:830px; margin: auto; background-color:#D41FFF; } .conteudo{ display: flex; flex-wrap:wrap; margin:4px 2%; background-color:#D6D6D6; text-align:center; } .aprendiz{ margin-left:2.4444%; margin-bottom:20px; background:white; padding:4px 0px; } .imgRR{ width:240px; height:200px; } @media screen and (max-width:878px ){ .aprendiz{width:30.2%; background:red; margin-left:2.5555%; padding:4px 0px; } .imgRR{width:100%; height:auto; } } </style> ... <div id="principal"> <div class="conteudo"> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> <div class="aprendiz"><img src="imagem01.png" class="imgRR" width="240" height="200" /></div> </div> </div>

Pessoal o browser firefox tem uma recurso muito interessante para redimensionar tela, onde você clica,segura e arrasta . O recurso está no menu ferramentas-desenvolvimento web-design responsivo Alguém conhece alguma extensão para google chrome que redimensione o browser semelhante o recurso que tem no firefox para redimensionar tela, onde você clica,segura e arrasta ?

Entendi Osmar. Troquei a palavra dimensão por resolução. Não estou preocupado com resolução e sim com o tamanho do aparelho. Geralmente as pessoas usam celular na vertical para ver as coisas na web. A largura do celular; olhando ele na vertical é menos que 7CM que convertido em pixels é menos que 450px. É isso que tentei falar no post acima, mas a palavra resolução atrapalhou um pouco. O script sugerido por você é útil, mas não serve para smartphone porque o mesmo na vertical tem dimensão menos que 7CM que convertido em pixels é menos que 450px. Nota: Preciso encontrar uma extensão para google chrome para redimensionar o browser, onde eu possa clicar,segurar e arrastar para ver como o layout e seu conteúdo se comporta em diversos tamanho de aparelhos.

Osmar obrigado por postar, sua dica é bem vindo. No meu computador o browser google chrome não redimensiona pra menos de 500px e o firefox não redimensiona para menos de 450px . No mercado já tem resolução bem menos que 500 e 450 pixels. Seu código é importante, mas para desenvolver layout responsivo ficaria limitado apenas a 500 e 450 pixels, não menos que isso por causa do browser chrome e firefox; a menos que o problema esteja no meu computador que não redimensiona o browser para menos de 500 450 pixels...

Olá Vitor, obrigado por sua dica. Window Resizer não é prático. Melhor ainda: Ao meu ver, toda extensão que manda você escolher tamanho de tela específica pra ver como o layout e seu conteúdo se comporta não é prático. Já imaginou você ter que ficar vendo por EX 30 ou mais resoluções de tela diferente? , só para ver como o layout e seu conteúdo se comporta em cada resolução específica? Preciso de uma extensão semelhante ao recurso que tem no firefox, mas que seja rápido, onde você clica, segura, arrasta e ver como o layout e seu conteúdo se comporta. Nota: não uso o recurso que tem no firefox, porque é absurdamente lento ou seja não dar para desenvolver layout responsivo com uma ferramenta assim... Preciso encontrar uma extensão para google chrome onde eu possa redimensionar o browser para ver como o layout e seu conteúdo se comporta em cada resolução específica, mas que seja rápido

Olá pessoal. Direto ao ponto. Pessoal o código abaixo está funcionando normalmente. Gostaria que javascript,ajax,jquery impedisse php apenas de atualizar a página, mas não impedisse php de executar sua própria regra if elseif exibindo normalmente inputA e inputB quando item1 e item2 for pressionado. Como faço? Obrigado. <form method="post"> pagina1.php <!-- <select name="itemSelecionado" required size="2" onChange="submit()"> --> <select name="itemSelecionado" required size="2" onChange="this.form.submit()"> <option value="item1">item1</option> <option value="item2">item2</option> </select> <hr /> <?php if(@$_POST['itemSelecionado']=="item1"){ ?> input A - digite qualquer coisa <input type="text" name="inputA" value="" /> <?php } elseif(@$_POST['itemSelecionado']=="item2"){ ?> input B - digite qualquer coisa <input type="text" name="inputB" value="" /> <?php }?> </form>

Olá pessoal. Direto ao ponto. Pessoal quero colocar os atributos html na mesma linha document, sem repetir var aluno e que funcione, como faço? Obrigado! style.display="none" disabled=true; value="aprendiz" name="joao" ... Ex1 <script> var aluno = document.getElementById("id_1").style.display="none" ; </script> <hr /> Ex2 <script> var tete = document.getElementById("id_1").style.display="none" ; var tete = document.getElementById("id_1").disabled=true; </script>

Olá pessoal. Direto ao ponto. Pessoal ao clicar no item1 a div aprendiz fica oculta. Gostaria que quando item1 fosse pressionado a div aprendiz ficasse oculta e comentada. Quando pedisse para exibir código fonte da página mostrasse a div aprendiz comentada assim <!--<div id="aprendiz" style="border:2px solid #F05;"> div aprendiz </div>--> ... <form> <select name="" id="WHY" size="2" required onChange="teste()" > <option value="item1">item1</option> </select> <br /><br /> <div id="aprendiz" style="border:2px solid #F05;"> div aprendiz </div> </form> ... <script> var div1 = document.getElementById("aprendiz").style.display="block" ; function teste(){ var itemSelecionado = document.getElementById("WHY").value; if(itemSelecionado == "item1"){ var div1 = document.getElementById("aprendiz").style.display="none" ; } } </script>

Direto ao ponto. Pessoal estou tentando selecionar item1 item2 ou item3 e exibir dados correspondente sem dar refresh na página. Quero fazer isso com (php + ajax) ou (php + javascript) . Uns dizem que só é possível fazer isso se estiver embutido no javascript ou ajax(select cores e select meses, juntamente com input aprendiz e aluno. Muitos dizem que se não estiver embutido no javascript ou ajax (select cores e select meses, juntamente com input aprendiz e aluno não é possivel enviar sem dar refresh na página. <form method="post"> <select name="itemSelecionado" required size="3" onChange="this.form.submit()"> <option value="1" >item_1</option> <option value="2" >item_2</option> <option value="3" >item_3</option> </select> <?php if (@$_POST['itemSelecionado']==1){ ?> nao tem nada <?php } elseif (@$_POST['itemSelecionado']==2){ ?> item_2 - 2+2= <input type="text" name="aprendiz" value="" /> <select name="cores" required > <option >selecione a cor</option> <option >verde</option> <option >azul</option> </select> <?php } elseif(@$_POST['itemSelecionado']==3){ ?> item_3 - 3+3= <input type="text" name="aluno" value="" /> <select name="meses" required > <option >selecione o mes</option> <option >janeiro</option> <option >fevereiro</option> </select> <?php }?> </form>

Direto ao ponto. Pessoal estou tentando selecionar item1 item2 ou item3 e exibir dados correspondente sem dar refresh na página. Quero fazer isso com (php + ajax) ou (php + javascript) . Uns dizem que só é possível fazer isso se estiver embutido no javascript ou ajax(select cores e select meses, juntamente com input aprendiz e aluno. Muitos dizem que se não estiver embutido no javascript ou ajax (select cores e select meses, juntamente com input aprendiz e aluno não é possivel enviar sem dar refresh na página. <form method="post"> <select name="itemSelecionado" required size="3" onChange="this.form.submit()"> <option value="1" >item_1</option> <option value="2" >item_2</option> <option value="3" >item_3</option> </select> <?php if (@$_POST['itemSelecionado']==1){ ?> nao tem nada <?php } elseif (@$_POST['itemSelecionado']==2){ ?> item_2 - 2+2= <input type="text" name="aprendiz" value="" /> <select name="cores" required > <option >selecione a cor</option> <option >verde</option> <option >azul</option> </select> <?php } elseif(@$_POST['itemSelecionado']==3){ ?> item_3 - 3+3= <input type="text" name="aluno" value="" /> <select name="meses" required > <option >selecione o mes</option> <option >janeiro</option> <option >fevereiro</option> </select> <?php }?> </form>

Olá pessoal. Direto ao ponto. Pessoal a function abaixo exibe na tela o nome APRENDIZ. Gostaria de saber se é possível exibir na tela no formato texto o nome do link assim -> pg2.php ou assim -> pg2.php APRENDIZ Nota: Vez por outra vou precisar alterar o nome da pg2.php por EX para qualquer outro nome de página . Lembrando que o link <a href="pg2.php">APRENDIZ</a> está em centenas de páginas e quando faço alteração da pg2.php para qualquer outro nome de pagina por EX, todos os links <a href="pg2.php">APRENDIZ</a> que estão em centenas de páginas também são alterados altomaticamente. A maioria dos editores de texto tem esta funcionalidade de atualizar todos os links de uma só vez. Portanto pessoal, exibir na tela o nome do link no formato texto tem que ser algo dinamico e não manual, por causa do nº de paginas que este link <a href="pg2.php">APRENDIZ</a> se encontra. Amigo, sua dica, sugestão, critica é bem vindo. Obrigado Alguém se habilita? Obrigado <?php function exibir_nome_do_link(){?> <a href="pg2.php">APRENDIZ</a> <?php } echo exibir_nome_do_link(); ?>

Olá pessoal. Direto ao ponto. Pessoal abaixo temos (pg_aprendiz,pg1,pg2,pg3). Estou pegando ($a,$b,$c da pg_aprendiz) e exibindo na (pg1,pg2,pg3) . Quero fazer o seguinte: 1º com include quero pegar somente $a da pg_aprendiz.php e exibir na pagina1 e que a pagina1 continue tendo normalmente print $a , print $b , print $c 2º com include quero pegar somente $b da pg_aprendiz.php e exibir na pagina2, e que a pagina2 continue tendo normalmente print $a , print $b , print $c 3º com include quero pegar somente $c da pg_aprendiz.php e exibir na pagina3, e que a pagina3 continue tendo normalmente print $a , print $b , print $c pg_aprendiz<br /> <?php $a = 6; $b = 8; $c = 5; ?> <br />---------------------------------------------------------pg_aprendiz<br /><br /> pagina1<br /> <?php include("pg_aprendiz.php"); print $a.'<br />'; // exibe na tela 6 print $b.'<br />'; print $c; ?> <br />---------------------------------------------------------pagina1<br /><br /> pagina2<br /> <?php include("pg_aprendiz.php"); print $a.'<br />'; print $b.'<br />'; // exibe na tela 8 print $c.'<br />'; ?> <br />---------------------------------------------------------pagina2<br /><br /> pagina3<br /> <?php include("pg_aprendiz.php"); print $a.'<br />'; print $b.'<br />'; print $c.'<br />'; // exibe na tela 5 ?> <br />---------------------------------------------------------pagina3<br /><br />