Jump to content

Biel.

Members
  • Content count

    839
  • Joined

  • Last visited

Community Reputation

9 Regular

About Biel.

  • Birthday 11/29/1997

Informações Pessoais

  • Sexo
    Masculino

Recent Profile Visitors

4682438 profile views
  1. 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>
  2. Biel.

    accordion

  3. Biel.

    accordion

    Olá Omar. A pg_inicial.php começa com <style> CSS e vai até o fechamento </script> JAVASCRIPT .
  4. 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
  5. Biel.

    form action

    Omar, funcionou bem que é uma maravilha, valeu .
  6. Biel.

    form action

    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 !
  7. 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>
  8. Biel.

    insert into

    Obrigado a todos. Osmar funcionou bem, tarefa resolvida.
  9. Biel.

    scroll javascript

    olá pessoal. Direto ao ponto. Quero fazer o seguinte: <style> *{ margin:0; padding:0; font-family: 'Trebuchet MS' , Arial, Tahoma, Verdana; } .principal{ max-width:1200px; margin:auto; padding:4px; background:#993; display: flex; flex-wrap:wrap; /*align-items: center; */ align-content: flex-start; } .esquerda{ width:200px; padding:4px; height:200px; /* 100% */ overflow:auto; background:#DDD; margin-right:10px; /*position:fixed; left:0;*/ } .direita{flex:1; padding:4px; background:#DDD; font-size:30px;} li{ list-style:none;} </style> Esta é a pagina1.php <div class="principal"> <div class="esquerda"> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a <li><a href="pagina1.php">pagina 1 </a></li> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a <li><a href="pagina2.php">pagina 2 </a></li> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a </div> <div class="direita">...</div> este é o conteudo da pagina1 </div> </div> esta é a pagina2.php <div class="principal"> <div class="esquerda"> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a <li><a href="pagina1.php">pagina 1 </a></li> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a <li><a href="pagina2.php">pagina 2 </a></li> a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a </div> <div class="direita">...</div> este é o conteudo da pagina2 </div> </div>
  10. 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>
  11. 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>
  12. 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>
  13. 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>
  14. Olá pessoal. Direto ao ponto. Dreamweaver cs4 não tem propiedades css3 e flexbox . Como adicionar propiedades css3 e flexbox no dreamweaver cs4. Obrigado!
  15. 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>
×

Important Information

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