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

Revisió del 18:07, 22 nov 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>

ALTRA FORMA

window.onload=function(){

function muestraOculta() {
            document.getElementById("contenidos_1").style="visibility:hidden";   //oculta el text
            this.innerHTML="Cambiar el enlace";                                  //canvia el enllaç
        	}
 function muestraTexto() {
            document.getElementById("contenidos_1").style="visibility:visible";    //mostra el text
         	}
        
	document.getElementById("enlace_1").onmouseover=muestraOculta;
        document.getElementById("enlace_1").onmouseout=muestraTexto;
        
       
        
}