http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Solucio_show_hide
Solucio show hide - Historial de revisió
2026-06-23T23:38:38Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Solucio_show_hide&diff=4008&oldid=prev
Jnoguera: Es crea la pàgina amb «<source lang="java"> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/estilos4.css"/> <script src="js/jquery-1.5.1.min…».
2015-02-12T19:50:00Z
<p>Es crea la pàgina amb «<source lang="java"> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/estilos4.css"/> <script src="js/jquery-1.5.1.min…».</p>
<p><b>Pàgina nova</b></p><div><source lang="java"><br />
<!DOCTYPE HTML> <br />
<html> <br />
<head> <br />
<meta charset="utf-8"> <br />
<link rel="stylesheet" href="css/estilos4.css"/> <br />
<script src="js/jquery-1.5.1.min.js" ></script> <br />
<script src="js/fichero4_show_hide.js" ></script> <br />
<title>Mostar/Ocultar rápidamente/suavemente</title> <br />
</head> <br />
<br />
<body> <br />
<br />
<input type="button" id="boton1" value="Ocultar recuadro"> <br />
<input type="button" id="boton2" value="Mostrar recuadro"> <br />
<div id="descripcion" class="recuadro"> <br />
<p>HTML5 es una nueva e innovadora técnología para la craeción <br />
de páginas Web <br />
</p> <br />
</div> <br />
</body> <br />
</html> <br />
<br />
<br />
<br />
//Fichero JavaScript <br />
$(document).ready(inicializarEventos); <br />
<br />
function inicializarEventos(){ <br />
$("#boton1").click(ocultarRecuadro); <br />
$("#boton2").click(mostrarRecuadro);} <br />
<br />
function ocultarRecuadro(){ <br />
$("#descripcion").hide("slow");} <br />
<br />
function mostrarRecuadro(){ <br />
$("#descripcion").show("fast");} <br />
<br />
<br />
<br />
//Fichero CSS <br />
.recuadro { <br />
background-color:#ffffcc; <br />
font-family:verdana; <br />
font-size:14px; <br />
<br />
border-top-width:1px; <br />
border-right-width:3px; <br />
border-bottom-width:3px; <br />
border-left-width:1px; <br />
<br />
border-top-style:dotted; <br />
border-right-style:solid; <br />
border-bottom-style:solid; <br />
border-left-style:dotted; <br />
<br />
border-top-color:#ffaa00; <br />
border-right-color:#ff0000; <br />
border-bottom-color:#ff0000; <br />
border-left-color:#ffaa00; <br />
} <br />
</source></div>
Jnoguera