Search the Community
Showing results for tags 'h1'.
Found 171 results
-
Direto ao ponto. Pessoal abaixo temos EX1 e EX2 . EX1 está funcionando normalmente. EX2 não está funcionando. Gostaria que EX2 funcionasse da mesma forma que Ex1 . EX2 estou usando <input type="radio" Vejam: EX 1 <select name="mmmmm" id="aprendiz" required onchange="xxx();" > <option value=""></option> <option value="verde">verde</option> <option value="amarelo">amarelo</option> </select> <select name="aluno" id="aluno" required > </select> <script> function xxx(){ var Primeiro = document.getElementById('aprendiz').value; var Segundo = document.getElementById('aluno'); //================================================================= Segundo.innerHTML = ""; //================================================================= if(Primeiro == "verde"){ var dadosA = ["1|1" ]; } //---------------------------------------------------------- if(Primeiro == "amarelo"){ var dadosA = ["2|2"]; } //================================================================= for(x in dadosA){ var itemW = dadosA[x].split("|"); var newOption = document.createElement("option"); newOption.value = itemW[0]; newOption.innerHTML = itemW[1]; Segundo.appendChild(newOption); } //================================================================= } </script> EX 2 verde <input type="radio" name="hhh" id="aprendiz" value="verde" onchange="yyy();" > amarelo <input type="radio" name="hhh" id="aprendiz" value="amarelo" onchange="yyy();" > <select name="aluno" id="aluno" class="select_auto" required > </select> <script> function yyy(){ var Primeiro = document.getElementById('aprendiz').value; var Segundo = document.getElementById('aluno'); //================================================================= Segundo.innerHTML = ""; //================================================================= if(Primeiro == "verde"){ var dadosA = ["1|1" ]; } //---------------------------------------------------------- if(Primeiro == "amarelo"){ var dadosA = ["2|2"]; } //================================================================= for(x in dadosA){ var itemW = dadosA[x].split("|"); var newOption = document.createElement("option"); newOption.value = itemW[0]; newOption.innerHTML = itemW[1]; Segundo.appendChild(newOption); } //================================================================= } </script>
-
Bom dia! Estou iniciando meus estudos em HTML e CSS e estou com um problema que não consigo resolver. Não tive problemas em aplicar o CSS em h1, mas ao abrir body{}, um retângulo azul apareceu na visualização e não consigo tirá-lo de lá de jeito nenhum! como proceder? h1{ color: indianred; text-align: center; } body{ background: black; } <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> TESTE </title> <link href="styles.css" rel="stylesheet"> </head> <body> <h1> TESTE DE CSS </h1> </body> </html>
-
Pessoal no link abaixo temos um menu accordion funcionando normalmente. Estou tentando obter o mesmo resultado usando function exibe_e_oculta (){} , como faço? menu accordion <script> // não está funcionando, gostaria de saber onde estou errando. function exibe_e_oculta(){ var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { this.classList.toggle("active"); var panel = this.nextElementSibling; //---------------------------------------- if (panel.style.maxHeight){ panel.style.maxHeight = null; } //---------------------------------------- else { panel.style.maxHeight = panel.scrollHeight + "px"; } //---------------------------------------- } <!-- exibe_e_oculta --> } <!-- for --> </script>
-
Direto ao ponto. Pessoal quando clico no menu A , o conteúdoA fica visível. Gostaria que ao clicar no menu A o conteúdoA ficasse invisivel e quando clicasse novamente ficasse visivel. Gostaria que o menu B tivesse o mesmo resultado que menu A , mas que funcionasse assim: Quando menuB receber um click gostaria que exibisse o conteudoB e ocultasse o conteudoA <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> h1{ padding:10px 20px; background:#D49F00; color:#434343; font-size:24px;} .conteudo { display:none; background-color:#D4DF00; margin:4px 0px 10px 0px;} </style> <script> $(document).ready(function(){ $("h1").click(function(){ $(this).next('.conteudo').show(); }); }); </script> <div class="aprendiz" > <h1 >menu A</h1> <div class='conteudo'> conteudo do menu A </div> </div> <!-- --------------------------------------------------- --> <div class="aprendiz "> <h1 >Menu B</h1> <div class='conteudo '> conteudo do menu B </div> </div>
-
Direto ao ponto. Pessoal no 1º select ao selecionar o item Audi , apareçe no 2º select o item audiVerde. Até aqui tudo bem O problema é quando em seguida decido selecionar o item BMW . Gostaria de saber por que o item do 2º select não carrega para bmwAzul Nota: Pessoal quero deixar os dois selects visivel juntamente com os options value e não embutido no código javascript. Obrigado! 1º select <select id="mySelect1" size="1" onchange="myFunction1()"> <option value=""></option> <option value="Audi" >Audi</option> <option value="BMW" >BMW</option> </select> 2º select <select id="mySelect2" size="1" style="width:100px;" > <option value=""></option> <option value="audiVerde" class="aprendiz" style="display:none;" >audiVerde</option> <option value="bmwAzul" class="aprendiz" style="display:none;">bmwAzul</option> </select> ... <script> function myFunction1() { var x = document.getElementById("mySelect1").value; if(x==''){ document.getElementsByClassName("aprendiz")[0].style.display = "none"; document.getElementsByClassName("aprendiz")[1].style.display = "none"; } else if(x=='Audi'){ document.getElementsByClassName("aprendiz")[0].style.display = "block"; document.getElementsByClassName("aprendiz")[1].style.display = "none"; } else if(x=='BMW'){ document.getElementsByClassName("aprendiz")[0].style.display = "none"; document.getElementsByClassName("aprendiz")[1].style.display = "block"; } } </script>
-
Boa noite a todos. Direto ao ponto. Pessoal, gostaria que select A e select B ficasse visivel e somente os itens do select B ficasse invisivel. Uma vez resolvido está etapa gostaria que: ao selecionar valor1 exibisse automaticamente o valor gol e ocultasse o valor camisa ou ao selecionar valor2 exibisse automaticamente o valor camisa e ocultasse o valor gol Pessoal gostaria de resolver está tarefa com Jquery e não javascript. Obrigado! <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>--> <script type='text/javascript'> //$(document).ready(function(){ $(window).load(function(){ $("#valor1 , #valor2").hide(); alterarValor = function (){ if($('#ao_selecionar').val()==1){ $("#valor1").show(), $("#valor2").hide(); } //-------------------------------------------- else if($('#ao_selecionar').val()==2 ){ $("#valor1").hide(), $("#valor2").show(); } //-------------------------------------------- } //-------------------------------------------- }); </script> <form action="executou.php" method="post" name="form1" id="form1"> Select A <select name="hhh" id="ao_selecionar" required onChange="alterarValor()"> <option value="" ></option> <option value="1" required> carro</option> <option value="2" required> roupa</option> </select> <br />----------------------------------------------------- <br /> Select B <select name="yyy" > <option value="gol" id="valor1" >gol</option> <option value="camisa" id="valor2" >camisa</option> </select> <input type="submit" value="enviar" /> </form>
-
Boa tarde a todos. direto ao ponto. Pessoal abaixo temos EX1 e Ex2, ambos são iguais, exceto a cor do texto que é diferente. Gostaria que os nomes das class(botton e div) do EX1 e Ex2 não fossem alterados. Gostaria que EX1 exibisse na tela sua própria formatação css e não a formatação css do EX2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> EX 1 <style> .class01{font-size:20px; color:grey; } .class02{font-size:30px; color:orange;} .botao01{padding:10px 20px;} </style> <script> $(document).ready(function(){ $(".botao01").click(function(){ $("div.class01").removeClass().addClass('class02'); }); }); </script> <div class="class01" >div class01 </div> <button class="botao01">botao01</button> <hr /> EX 2 <style> .class01{font-size:20px; color:red; } .class02{font-size:30px; color:purple;} .botao01{padding:10px 20px;} </style> <script> $(document).ready(function(){ $(".botao01").click(function(){ $("div.class01").removeClass().addClass('class02'); }); }); </script> <div class="class01" >div class01 </div> <button class="botao01">botao01</button>
-
Boa noite a todos . Direto ao ponto. Pessoal no select name="cursos" ao selecionar o item php gostaria que exibisse sem carregar a página o (select name="php_nivel") ou ao selecionar o item css gostaria que exibisse sem carregar a página o (select name="css_nivel") Cursos:<br /> <form id="form1" name="form1" method="post" action=""> <select name="cursos" id="mySelect" required onchange="myFunction()"> <option value="" selected></option> <option value="php">curso de php</option> <option value="css">curso de css</option> </select> </form> <br /> <p id="biel"></p> <script> function myFunction() { var x = document.getElementById("mySelect").value; document.getElementById("biel").innerHTML = "" + x; } </script> <br /> <?php if (isset($_POST["cursos"])){ ?> <?php if ($_POST['cursos'] == 'php' ){ ?> curso de php: <select name="php_nivel" required > <option value="" selected></option> <option value="php_nivel_1">php nivel 1</option> <option value="php_nivel_2">php nivel 2</option> <option value="php_nivel_3">php nivel 3</option> </select> <?php } elseif ($_POST['cursos'] == 'css' ){ ?> <select name="css_nivel" required > <option value="" selected></option> <option value="css_nivel_1">css nivel 1</option> <option value="css_nivel_2">css nivel 2</option> <option value="css_nivel_3">css nivel 3</option> </select> <?php } } ?> <br /> <input type="text" name="" value="" />
-
Boa noite a todos .direto ao ponto. Pessoal estou tentando fazer o seguinte: Ao selecionar um valor qualquer e uma parcela qualquer, gostaria que aparecesse no input o valor das parcelas. Não sei se é possivel fazer com php ou só é possível com javascript. Obrigado! <pre> <?php // round floor ceil $valor_total = ((318.00)); $parcelas = 4; $divide = ($valor_total / $parcelas); $resultado_divisao = $divide ; $multiplica = $parcelas * $resultado_divisao; $resultado_multiplicacao = $multiplica ; echo 'valor_total: R$ '.$valor_total.'<br />'; echo 'parcelas: '.$parcelas.' x ' . 'de ' .$resultado_divisao.'<br />'; echo 'multiplica '.$parcelas. ' x ' .$resultado_divisao. ' = ' .$resultado_multiplicacao; ?> </pre> ... valor_total <select name="valor_total" style="width:100px;" required > <option value=""></option> <?php for($i = 38; $i < 1000; $i+=10){ $cadastra = $i.'.00'; $exibe = 'R$ ' .$i. ',00'; ?> <option value="<?php echo $cadastra; ?>"><?php echo $exibe; ?></option> <?php }?> </select> <br><br> parcelas <select name="parcelas" style="width:100px;" required > <option value=""></option> <?php for($i = 2; $i <= 8; $i+=2){ $cadastra = $i; $exibe = $i.'x'; ?> <option value="<?php echo $cadastra; ?>"><?php echo $exibe; ?></option> <?php }?> </select> de <input type="text" name="resultado" value="">
-
Boa noite a todos . Direto ao ponto. Pessoal o código abaixo exibe na ordem DESC os dados da tabela_aprendiz . Gostaria que também exibisse na ordem DESC os dados da tabela_aluno. Como faço? Obrigado ! tabela_aprendiz id_aprendiz cores_aprendiz 1 verde 2 amarelo 3 azul tabela_aluno id_aluno cores_aluno 1 cinza 2 preto 3 marron ... <?php $sql = mysqli_query($con, "SELECT * FROM tabela_aprendiz INNER JOIN tabela_aluno ORDER BY id_aprendiz DESC "); ?>
-
Boa noite a todos. Direto ao ponto. Pessoal gostaria de listar/exibir registro de duas tabelas na mesma query tab_aprendiz_01 id nome 1 joao 2 pedro 3 josé tab_aprendiz_02 id carro 1 gol 2 corsa 3 fusca ... EX 1 abaixo exibe na tela este resultado joao pedro josé ... Na query abaixo temos tab_aprendiz_01. Estou tentando obter o resultado abaixo colocando na mesma query tab_aprendiz_02 joao pedro josé gol corsa fusca ... <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz_01 "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome'].'<br>'; //$carro = $linha['carro'].'<br>'; ?> <table width="200" border="1"> <tr> <td> <?php echo $nome ;?> </td> </tr> <?php } ?> </table>
-
boa tarde a todos. Direto ao ponto. Pessoal a paginaA.php EXIBE normalmente na tela os dados contidos na pagina1.php Gostaria que a paginaB EXIBISSE NA TELA os dados contidos na pagina2.php e que o laço de repetição for continuasse na pagina2.php conforme exemplo abaixo e que não apresentasse nenhum erro e/ou notificação esta é a pagina1.php <?php $letras = array("aaa", "bbb", "ccc" ); ?> esta é a paginaA.php a paginaA.php EXIBE normalmente na tela os dados contidos na pagina1.php <?php include("pagina1.php"); for($i=0; $i<count($letras); $i++){ $exibe = $letras[$i]; ?> <input type="text" value="<?php echo $exibe; ?>"><br> <?php } ?> ... esta é a pagina2.php <?php $letras = array("ddd", "eee", "fff" ); for($i=0; $i<count($letras); $i++){ $exibe = $letras[$i]; ?> esta é a paginaB.php a pagina paginaB.php NÃO EXIBE na tela os dados contidos na pagina2.php . Exibe Warning: include(): Failed opening gostaria que a paginaB.php EXIBISSE NA TELA os dados contidos na pagina2.php e que o laço de repetição for continuasse na pagina2.php conforme exemplo abaixo e que não apresentasse nenhum erro e/ou notificação <?php include("pagina2.php"); ?> <input type="text" value="<?php echo $exibe; ?>"><br> <?php } ?>
-
Boa noite a todos. Direto ao ponto. Pessoal temos pagina1.php e pagina2.php . o código abaixo é para exibir na tela o conteúdo da pagina2.php Na página2.php temos apenas esta frase (PULAPULA). Na regra if else ao invés de exibir que (existe a palavra PULAPULA na pagina2.php) , está dizendo que (NAO existe a palavra PULAPULA na pagina2.php ) esta é a pagina1.php <?php echo "<h1>este texto é da página 1</h1>"; //Criamos uma função que irá retornar o conteúdo do arquivo. function ler(){ //Variável arquivo armazena o nome e extensão do arquivo. $arquivo = "pagina2.php"; // <h1>PULAPULA </h1> //Variável $fp armazena a conexão com o arquivo e o tipo de ação. $fp = fopen($arquivo, "r"); //Lê o conteúdo do arquivo aberto. while (!feof ($fp)) { $valor = fgets($fp, 4096); } //Fecha o arquivo. fclose($fp); //retorna o conteúdo. } echo ler(); ?> <?php if(@$arquivo == "PULAPULA"){ echo "existe a palavra PULAPULA na pagina2.php "; } else{ echo "NAO existe a palavra PULAPULA na pagina2.php "; } ?>
-
Boa noite a todos. Direto ao ponto. Pessoal o código abaixo substitui qualquer palavra que está no array por aprendiz, mas com uma condição: Note que no array temos a palavra verde em minuscula Se for digitado por exemplo no campo input com letras maiusculas a palavra VERDE str_replace não corta ou seja deixa passar Gostaria de saber como fazer o php reconhecer que verde ou VERDE ou Verde ou vErDE é a mesma palavra <?php $nome = $_POST['nome']; $dados = array("verde" ); $resultado = str_replace($dados , "aprendiz" , $nome); echo ($resultado); } ?> <br><br> <input type="text" name="nome" value="" />
-
Boa tarde a todos. Direto ao ponto. Pessoal temos no banco de dados tem 5 registros Da forma que o código está abaixo, exibe na tela somente o PRIMEIRO registro ou seja joao Gostaria de exibir na tela TODOS os registros que estão na tab_aprendiz Quero que a chave de fechamento } ou endwhile fique ANTES de dar um echo na $nome e que exiba todos os registros tab_aprendiz id nome 1 joao 2 jose 3 pedro 4 tiago 5 lucas ... <table width="671" border="0" style="width:300px;" > <tr> <td>nome</td> </tr> <?php $sql = mysqli_query ($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; } ?> <tr> <td><?php echo $nome;?></td> </tr> </table>
-
Boa noite a todos .Direto ao ponto Pessoal o time 1299446702 corresponde a data 06/03/2011 Como faço saber que time corresponde a data 10/07/2013 <?php $time = 1299446702; // o time 1299446702 corresponde a data 06/03/2011 $converte = date('d/m/Y',$time); echo "o time $time corresponde a data » " . $converte; ?>
-
Direto ao ponto. Pessoal estou tentando resolver o seguinte problema: a tab_aprendiz tem três registros id nome 1 joao 2 maria 3 jose EX:1 Suponha que a tab_aprendiz não tem nenhum registro. Do jeito que o codigo está abaixo mesmo não tendo nenhum registro na tab_aprendiz não exibe na tela nenhum tipo de erro ou Notice: Undefined variable <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; ?> <?php echo 'o 1º nome é ' .$nome . '<br />' . 'o 2º nome é ' .$nome . '<br />' . 'o 3º nome é ' .$nome . '<br />' ; ?> <?php } ?> EX:2 Este EX 2 mesmo não tendo nenhum registro na tab_aprendiz, exibe na tela Notice: Undefined variable . Gostaria de saber como resolver o problema Notice: Undefined variable neste EX 2 <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; } ?> <?php echo 'O primeiro nome que será exibido é ' .$nome ;?>
-
Bom dia a todos. Direto ao ponto. Pessoal, tenho duas tabelas no banco de dados mySQL -> tab_aprendiz e tab_aluno Da forma que o código está abaixo somente o id 5 da tab_aprendiz é deletado. Quero deletar o id 5 das duas tabelas de uma só vez . Como Faço ? tab_aprendiz id 4 5 tab_aluno id 4 5 ... <?php $sqlDeleta = mysqli_query($con, "DELETE * FROM tab_aprendiz WHERE id = '5' "); while($linha = mysqli_fetch_array($sql)){ $id = $linha['id']; } ?>
-
Boa tarde a todos. Direto ao ponto. Pessoal cadastrei 6 valores no BD tab_aprendiz valor tipo varchar valor 265.86 449.51 1959.89 517.93 2959.89 338.95 Quero exibir na tela os valores na ordem DESC ou ASC ... O que faço? Tentei assim order by valor DESC não deu certo e order by valor ASC também não deu certo * Nota: Se no BD tiver valores acima de 999.99 ; order by valor DESC ou ASC não funciona(fica tudo bagunçado). Agora se os valores no BD forem abaixo de 999.99 order by valor DESC ou ASC funciona normalmente
-
Bom dia a todos. Direto ao ponto. Pessoal quando cadastro os dados no bd obtenho este resultado quantidade valor_a valor_b 3 2,97 6 quando pego a quantidade * valor_a não estou conseguindo obter o valor total ou seja 8,91 Quero muito obter este resultado quantidade valor_a valor_b 3 2,97 8,91 ... <?php $quantidade = $_POST['quantidade']; $valor_a = $_POST['valor_a']; $valor_b = $quantidade * $valor_a; ?> <input type="text" name="quantidade" value="3" /> <br> <input type="text" name="valor_a" value="2,97" />
-
Boa tarde a todos. Direto ao ponto. Pessoal estou tentando fazer o efeito sanfona/accordion com jquery ; exibindo assim somente o conteúdo da categoria que receber um click . Sei que na web muita coisa pronta. Estou postando justamente para que me ajudem a desenvolver de uma forma que eu consiga compreender . Grato! <!DOCTYPE html PUBLIC > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>...</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> *{ margin:0; padding:0;} body{ font-family:Verdana, Tahoma, 'Trebuchet MS' ; } .caixa{ max-width:500px; margin:0px 0px 20px 0px; } .conteudo{ background-color:#FC9; } .hide{display: none;} .show{display: block;} </style> <script type="text/javascript"> $(document).ready(function(){ // quando o botão receber um clique $("button").click(function(){ // mostre-show o conteúdo da class que porventura esteja escondida-hide var tete = $(this).next('.conteudo').show(); }); }); </script> </head> <body> <div class="caixa"> <button>categoria A</button> <div class="conteudo show ">conteúdo da categoria A</div> </div> <!-- ======================================================== --> <div class="caixa"> <button>categoria B</button> <div class="conteudo hide ">conteúdo da categoria B</div> </div> <!-- ======================================================== --> <div class="caixa"> <button>categoria C</button> <div class="conteudo hide ">conteúdo da categoria C</div> </div> <!-- ======================================================== --> </body> </html>
-
Boa noite a todos. direto ao ponto. Pessoal gostaria que ao redimensionar o browser a div aluno também fosse redimensionada SEM QUEBRAR e que permanecesse ao lado da div aprendiz Nota: Pessoal a div aluno tem que ter 200px sempre. Gostaria de obter o resultado desejado sem usar flexbox .Obrigado <!DOCTYPE html PUBLIC> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #principal_PAI{ padding:10px 10px 10px 10px; margin:0 auto; background-color:#090; height:400px; } #aprendiz{ min-width:200px; max-width:200px; height:100px; float:left; background-color:#FFF; } #aluno{ max-width:1024px; height:100px; float: left; background-color:#CCC; } </style> </head> <body> <div id="principal_PAI"> <div id="aprendiz">div aprendiz</div> <div id="aluno"> div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno </div> </div> </body> </html>
-
Far cry 2 Não que abrir mais ta dando fechar programa
JVLucena posted a topic in Desenvolvimento de Games
Glr tentem me ajudar, eu rodava ele normal sem erro nenhum só que agora quando to abrindo ele da força de encerramento. E meu pc ja rodava lisinho as configurações dele ele não travava sempre abria o jogo correto nunca deu bug só q do nada da isso 1 ) Eu ja tentei entrar executando como administrador, já desinstalei ele e instalei e já excluir todo da pasta Data em meus documentos 2 ) Eu ja entrei em quase todos os fóruns mais não diz como resolver esse assunto ja entrei no YOUTUBE também fiz tudo o que dizia no vídeo e mesmo assim não pegou. 3 ) se vcs conseguiram ou consertar esse erra me diz por favor to querendo zerar esse jogo. A imagem esta ai embaixo Por favor me ajudem, agradeço muito !!! -
Pessoal o menu accordion abaixo está funcionando normalmente. Gostaria que o conteúdo das páginas fosse exibido quando o quando o cursor for pressionado e não quando o cursor passar sobre os links. Alguém tem alguma ideia aonde tenho que mexer no código ? <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{margin:0; padding:0; font-family:Verdana, Tahoma ;} body{ background-color:#CCC;} div#lateral{ margin:40px; max-width:240px; background-color:#999; border-radius:5px; padding:10px; } div.tete{ max-width:240px; } a.aprendiz:link, a.aprendiz:visited{ font-size:16px; font-weight:bold; margin-bottom:4px; background-color:#89B889; padding:10px 10px 10px 10px; display:block; text-decoration:none; } div.info{ max-width:240px; height:0px; overflow: hidden; -webkit-transition: height 1s; background-color:#FFF; padding-left:10px; } div.tete:hover div.info{ height:auto; } /* div.tete:target{ } */ ul{ padding:10px;} </style> </head> <body> <div id="lateral"> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 1</a> <div class="info"> conteúdo da página 1<br> conteúdo da página 1<br> conteúdo da página 1<br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 2</a> <div class="info"> conteúdo da página 2 <br> conteúdo da página 2 <br> conteúdo da página 2 <br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 3</a> <div class="info"> conteúdo da página 3<br> conteúdo da página 3<br> conteúdo da página 3<br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 4</a> <div class="info"> conteúdo da página 4<br> conteúdo da página 4<br> conteúdo da página 4<br> </div> </div> <!-----------------------------------------------> </div> </body> </html>
-
Direto ao ponto. Pessoal, gostaria de exibir na tela o código javascript e HTML e não o resultado do código. Muitos exibem na tela o código javascript e HTML colocando span style pra tudo quanto é lado. Gostaria de exibir na tela o código javascript e HTML de uma forma prática ou menos gambiarrenta. Alguém tem alguma dica, idéia de como fazer isso? Obrigado amigo! <p id="aprendiz"></p> <script> var stringExemplo = "Aprendendo JavaScript"; var quantidade = stringExemplo.length; document.getElementById("aprendiz").innerHTML = quantidade; </script>