Diferència entre revisions de la pàgina «Exercici 4 Events»

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «Es mostra la part corresponent al tag Script de Javascript: <pre> <script type="text/javascript"> window.onload=function(){ document.getElementById("enlace_1").onclick…».)
 
Línia 1: Línia 1:
 
Es mostra la part corresponent al tag Script de Javascript:
 
Es mostra la part corresponent al tag Script de Javascript:
 
<pre>
 
<pre>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
window.onload=function(){
 
window.onload=function(){
Línia 23: Línia 22:
 
}
 
}
 
</script>
 
</script>
 
 
</pre>
 
</pre>

Revisió del 19:44, 9 gen 2014

Es mostra la part corresponent al tag Script de Javascript:

<script type="text/javascript">
	window.onload=function(){
	document.getElementById("enlace_1").onclick=function(){ mostraOculta("contenidos_1");};
	document.getElementById("enlace_2").onclick=function(){ mostraOculta("contenidos_2");};
	document.getElementById("enlace_3").onclick=function(){ mostraOculta("contenidos_3");};
	}
		function mostraOculta(id){
			var nombre = id;
			var link_nombre = "enlace_" + nombre.split("_")[1];
			var parrafo = document.getElementById(nombre);
			var link = document.getElementById(link_nombre);
 			if(parrafo.style.display == "none"){
				parrafo.style.display = "block";
				link.innerHTML =  "Oculta contenido";
			}
			else{
				parrafo.style.display = "none";
				link.innerHTML =  "Muestra contenido";
			}
		}	
</script>