Jump to content

Search the Community

Showing results for tags 'h1'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 143 results

  1. Olá pessoal. Direto ao ponto. Gostaria que ao clicar no botão selecionar, todos os items do select ficassem selecionados. <select name="CARROS_e_CORES" id="id_select" size="6" multiple > <option value="fiat" >fiat</option> <option value="corsa" >corsa</option> <option value="palio" >palio</option> <option value="blue" >blue</option> <option value="green" >green</option> <option value="white" >white</option> </select> <hr> <button onclick="selecionar()">selecionar</button> <script> function selecionar(){ var x = document.getElementById('id_select'); } </script>
  2. Biel.

    retornar valor selecionado

    Olá pessoal. Direto ao ponto. O código abaixo retorna todos os items. Gostaria que retornasse somente os itens que forem selecionados. <form> <select id="id_select" multiple size="9" required> <option>item_1</option> <option>item_2</option> <option>item_3</option> <option>item_4</option> <option>item_5</option> </select> </form> <button onclick="aprendiz()">click</button> <p id="id_p"></p> <script> function aprendiz() { var x = document.getElementById("id_select"); var txt = ""; var i; for (i = 0; i < x.length; i++) { txt = txt + x.options[i].text + "<br>"; } document.getElementById("id_p").innerHTML = txt; } </script>
  3. Olá pessoal. Direto ao ponto. Abaixo temos uma function. Note que ao clicar no link seu valor mostra e esconde. Até aqui tudo ok. Estou tentando fazer o seguinte: Quando o link for pressionado, quero imprimir em php o valor de a Nota: Não é para criar button é para clicar no link mesmo. Obrigado ! <!--<button onClick="func_1()" >botao</button>--> <a href="link1.php" onClick="func_1()">link1 </a> <br> <br> <p id="tete1"></p> <script> function func_1() { var a = 300; var teste = document.getElementById('tete1'); teste.innerHTML = a; } document.getElementById('tete1').innerHTML = a; </script>
  4. Biel.

    input type="radio"

    Olá pessoal. Direto ao ponto. Nesta URL temos dois input type="radio" e alguns links. Gostaria que ao clicar em um link qualquer o input type=""radio que marquei continuasse marcado . Segue o código que está na URL . Obrigado ! <style> .box1{ margin-bottom:10px; } .tete_label{ cursor:pointer; } .box2{ display:none; } input:checked ~ .box2{ display:block; } </style> <div class="box1"> <input type="radio" name="item" id="1" /> <label for="1" class="tete_label" >Cores</label> <div class="box2"> <a href="19_5a.php">verde</a><br> <a href="19_5b.php">azul</a><br> <a href="19_5c.php">violeta</a><br> </div> </div> <!-- ------------------------------------------------ --> <div class="box1"> <input type="radio" name="item" id="2" /> <label for="2" class="tete_label" >Carros</label> <div class="box2"> <a href="19_6a.php">fiat</a><br> <a href="19_6b.php">palio</a><br> <a href="19_6c.php">corsa</a><br> </div> </div> ... <script> var teste1 = document.getElementById('1').checked=true; function func_1(){ } </script>
  5. Olá pessoal. Direto ao ponto. Nesta URL gostaria que ao clicar em um link qualquer memorizasse a posição final do scroll ou seja impedisse scroll de voltar para topo . Segue abaixo o código que esta na URL <style> .lateral{width:160px; height:98%; overflow: auto; position:fixed; top:0; float:left;background:#C1C1C1;} .direita{max-width:300px; background-color:#EBEBEB; float:left; margin-left:200px; } .b1{margin-top:500px; margin-bottom:500px; display:block;} </style> ... <div class="lateral"> <b class="b1">...</b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a> <b class="b1">... </b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a> <b class="b1">...</b> </div> <div class="direita"> voce estar na pagina 1 </div> <!--------------------------------------------------> <div class="lateral"> <b class="b1">...</b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a> <b class="b1">... </b> <a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a> <b class="b1">...</b> </div> <div class="direita"> voce estar na pagina 2 </div> ... let sidebar = document.querySelector(".lateral"); //var sidebar = document.querySelector(".lateral").scrollTop; let top = localStorage.getItem("sidebar-scroll"); if (top !== null) { sidebar.scrollTop = parseInt(top, 10); //sidebar = parseInt(top, 10); } // beforeunload onbeforeload window.addEventListener("beforeunload", () => { localStorage.setItem("sidebar-scroll", sidebar.scrollTop); //localStorage.setItem("sidebar-scroll", sidebar); });
  6. Biel.

    link

    Olá pessoal. Direto ao ponto. Ao clicar no link o valor 200 aparece e some. Gostaria que aparecesse e permanecesse. Quero muito resolver a tarefa abaixo somente com javascript sem php . <a href="pagina1.php" onClick="func_1()">link</a><br><br> <p id="p1"></p> <script> function func_1(){ var x = 200; document.getElementById('p1').innerHTML = x; } </script>
  7. Biel.

    console.log

    Olá pessoal . Direto ao ponto. Abaixo temos EX1 e EX2. Ex1 mesmo atualizando a página(f5) o valor green permanece. Ex2 também gostaria que mesmo atualizando a página(f5) o valor fiat permanecesse. Lembrando que Ex2 tem uma função e um botão. Obrigado ! EX1 localStorage.setItem('color', 'green'); var tete = localStorage.getItem('color'); console.log(tete); //============================================= EX2 <button onclick="func_1()">botão</button> function func_1(){ localStorage.setItem('carro', 'fiat'); var tete = localStorage.getItem('carro'); console.log(tete); //document.onchange=tete; }
  8. Olá pessoal. Direto ao ponto. Quero clicar em um link qualquer e exibir seu conteúdo sem refresh na página. <div id="box"> <a href="pagina1.php">pagina 1 </a><br> <br> <a href="pagina2.php">pagina 2 </a><br> <br> </div> <div id="conteudo"> conteudo da pagina 1 </div> ========================== esta á a pagina2.php <div id="box"> <a href="pagina1.php">pagina 1 </a><br> <br> <a href="pagina2.php">pagina 2 </a><br> <br> </div> <div id="conteudo"> conteudo da pagina 2 </div>
  9. Biel.

    scroll javascript

    Olá pessoal. Quero fazer o seguinte:
  10. Olá pessoal. Direto ao ponto. Abaixo temos func_1 e func_2. Ao clicar no botao2, gostaria que func_2 pegasse o resultado da func_1 <p id="tete1"></p> <p id="tete2"></p> <button onclick="func_1()">botao1</button><br> <button onclick="func_2()">botao2</button> <script> function func_1() { var a = 900; document.getElementById ("tete1").innerHTML = "func_1 = " + a + "px"; } //============================================= function func_2() { var b = 200; document.getElementById ("tete2").innerHTML = "func_2 = " + b + "px"; } </script>
  11. Biel.

    accordion

    Olá pessoal. Direto ao ponto. Abaixo temos um accordion com três paginas. pg_inicial.php - pg_1.php - pg_2.php . De inicio accordion 1 e accordion 2 está com seu conteúdo oculto. Suponha que cliquei no accordion 1. Vai exibe normalmente a divConteudo com seu link pg_1.php ; até aqui tudo ok . O problema é que após o clique no link pg_1 a divConteudo volta a ficar oculta . Gostaria que a divConteudo não ficasse oculta quando o link pg_1.php for clicado esta é a pg_inicial.php <style> .accordion { background-color: #ccc; color: #000; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size:17px; margin-bottom:1px; } .divConteudo { display:none; padding: 0 18px; background-color: white; } </style> <h2>Accordion</h2> <button class="accordion">accordion 1</button> <div class="divConteudo"> <a href="pg_1.php">pg_1</a> </div> <button class="accordion">accordion 2</button> <div class="divConteudo"> <a href="pg_2.php">pg_2</a> </div> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> ... esta é a pg_1.php <?php include "pagina_inicial.php"; ?> este é o conteudo da pg_1.php ... esta é a pg_2.php <?php include "pagina_inicial.php"; ?> este é o conteudo da pg_2.php
  12. Biel.

    form action

    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>
  13. Biel.

    radio

    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>
  14. Biel.

    cadastrar aspas simples e texto

    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>
  15. Biel.

    insert into

    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>
  16. Biel.

    radio checked

    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>
  17. Olá pessoal. Direto ao ponto. Dreamweaver cs4 não tem propiedades css3 e flexbox . Como adicionar propiedades css3 e flexbox no dreamweaver cs4. Obrigado!
  18. Biel.

    rolar página

    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>
  19. Biel.

    position fixed

    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>
  20. Biel.

    redimensionar imagem

    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>
  21. 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 ?
  22. 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>
  23. Biel.

    atributo

    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>
  24. Biel.

    div oculta e comentada

    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>
  25. 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>
×

Important Information

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