Exercici 4 Events - Historial de revisió

Mfernandez a 18:06, 26 gen 2024

2024-01-26T18:06:08Z

2019-01-14T17:56:50Z

2015-01-27T18:14:36Z

2015-01-27T18:12:38Z

2014-11-22T17:07:06Z

2014-01-09T18:44:48Z

Asalinas: Es crea la pàgina amb «Es mostra la part corresponent al tag Script de Javascript:

@@ Línia 3: / Línia 3: @@
 <script type="text/javascript">
 	window.onload=function(){
-	document.getElementById("enlace_1").onclick=function(){ mostraOculta("contenidos_1");};
+            document.getElementById("enlace_1").addEventListener('click', ()=>{mostraOculta("contenidos_1");}, false);
-	document.getElementById("enlace_2").onclick=function(){ mostraOculta("contenidos_2");};
+            document.getElementById("enlace_2").addEventListener('click', ()=>{mostraOculta("contenidos_2");}, false);
-	document.getElementById("enlace_3").onclick=function(){ mostraOculta("contenidos_3");};
+            document.getElementById("enlace_3").addEventListener('click', ()=>{mostraOculta("contenidos_3");}, false);
+	}
 		function mostraOculta(id){  //e.target.id podemos obtener el id

@@ Línia 7: / Línia 7: @@
 	document.getElementById("enlace_3").onclick=function(){ mostraOculta("contenidos_3");};
+	}
-		function mostraOculta(id){
+		function mostraOculta(id){  //e.target.id podemos obtener el id
 			var nombre = id;
 			var link_nombre = "enlace_" + nombre.split("_")[1];

@@ Línia 24: / Línia 24: @@
 </source>
+<!--
 '''ALTRA FORMA'''
@@ Línia 45: / Línia 45: @@
+}
 </source>

@@ Línia 1: / Línia 1: @@
 Es mostra la part corresponent al tag Script de Javascript:
-<pre>
+<source lang="java">
 <script type="text/javascript">
 	window.onload=function(){
@@ Línia 22: / Línia 22: @@
+		}
 </script>
-</pre>
+</source>

← Versió més antiga		Revisió del 17:07, 22 nov 2014
Línia 23:		Línia 23:
	</script>		</script>
	</pre>		</pre>
		+
		+
		+	'''ALTRA FORMA'''
		+
		+	<source lang="java">
		+	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;
		+
		+
		+
		+	}
		+	</source>