Exercici 7 Events - Historial de revisió

Jnoguera a 22:06, 10 des 2014

2014-12-10T22:06:24Z

Jnoguera a 22:04, 10 des 2014

2014-12-10T22:04:41Z

Jnoguera a 21:58, 10 des 2014

2014-12-10T21:58:54Z

Jnoguera a 21:56, 10 des 2014

2014-12-10T21:56:45Z

Jnoguera: Es crea la pàgina amb «Falta acabarrrr function muestraValor(elEvento) { var evento = elEvento || window.event; switch (evento.type) { case "click": …».

2014-11-26T12:44:48Z

Es crea la pàgina amb «Falta acabarrrr <source lang="java"> function muestraValor(elEvento) { var evento = elEvento || window.event; switch (evento.type) { case "click": …».

Pàgina nova

Falta acabarrrr

<source lang="java">

function muestraValor(elEvento) {

var evento = elEvento || window.event;

switch (evento.type) {

case "click":

var posicionscrollLeft = document.documentElement.scrollLeft;
var posicionscrollTop = document.documentElement.scrollTop;
var posicionscrollHeight = document.documentElement.scrollHeight;
var posicionscrollWidth = document.documentElement.scrollWidth;

document.getElementById("valor").innerHTML = "x:" + evento.clientX + " y:" + evento.clientY;
document.getElementById("valor1").innerHTML = "posicionscrollLeft:" + posicionscrollLeft + " posicionscrollTop:" + posicionscrollTop + " posicionscrollHeight:" + posicionscrollHeight + " posicionscrollWidht:" + posicionscrollWidth;

if(evento.clientX<50 && evento.clientY <50) {
document.getElementById("valor3").innerHTML="Has pinchado en la esquina arriba superior";
}

if(evento.clientX>posicionscrollHeight-50 && evento.clientY>posicionscrollTop-50)
document.getElementById("valor3").innerHTML="Has pinchado en la esquina abajo derecha";
break;
}
}

window.onload = function() {

window.onclick = muestraValor;

}

</source>

@@ Línia 4: / Línia 4: @@
     anchuraNav=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;
     alturaNav=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeigth;
-    document.write("pageX"+evento.pageX+" ");
+    document.write("pageX" +evento.pageX+ " ");
-    document.write("pageY"+evento.pageY+" ");
+    document.write("pageY" +evento.pageY+ " ");
-    document.write("clientX"+anchuraNav+" ");
+    document.write("anchura Navegador" +anchuraNav+ " ");
-    document.write("clientY"+alturaNav+" ");
+    document.write("altura Navegador" +alturaNav+ " ");
@@ Línia 19: / Línia 19: @@
     } else if (evento.pageX<100 && evento.pageY<100){
         document.write(" esquina superior izquierda");
+    }

@@ Línia 6: / Línia 6: @@
     document.write("pageX"+evento.pageX+" ");
     document.write("pageY"+evento.pageY+" ");
-    document.write("anchura Navegador "+anchuraNav+" ");
+    document.write("clientX"+anchuraNav+" ");
-    document.write("altura Navegador "+alturaNav+" ");
+    document.write("clientY"+alturaNav+" ");
     if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100)
+    {
-        document.write("esquina inferior derecha");
+        document.write(" esquina inferior derecha");
     } else if (evento.pageX<100 && evento.pageY>alturaNav-100 ){
         document.write(" esquina inferior izquierda");
     } else if (evento.pageY<100 && evento.pageX>anchuraNav-100){
         document.write(" esquina superior derecha");
-        document.write("esquina superior derecha");
+   } else if (evento.pageX<100 && evento.pageY<100){
+       document.write(" esquina superior izquierda");
+    }

@@ Línia 6: / Línia 6: @@
     document.write("pageX"+evento.pageX+" ");
     document.write("pageY"+evento.pageY+" ");
-    document.write("clientX"+anchuraNav+" ");
+    document.write("anchura Navegador "+anchuraNav+" ");
-    document.write("clientY"+alturaNav+" ");
+    document.write("altura Navegador "+alturaNav+" ");
     if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100)
+    {
-        document.write("estas esquina inferior derecha");
+        document.write("esquina inferior derecha");
     } else if (evento.pageX<100 && evento.pageY>alturaNav-100 ){
-        document.write("estas esquina inferior izquierda");
     } else if (evento.pageY<100 && evento.pageX>anchuraNav-100){
-        document.write("estas esquina superior derecha");
+    }

@@ Línia 1: / Línia 1: @@
 <source lang="java">
-function muestraValor(elEvento) {
+function info(evento){
+   anchuraNav=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;
-    var evento = elEvento || window.event;
+   alturaNav=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeigth;
+   document.write("pageX"+evento.pageX+" ");
-    switch (evento.type) {
+   document.write("pageY"+evento.pageY+" ");
+   document.write("clientX"+anchuraNav+" ");
-        case "click":
+   document.write("clientY"+alturaNav+" ");
-−
-            var posicionscrollLeft = document.documentElement.scrollLeft;
-            var posicionscrollTop = document.documentElement.scrollTop;
+   if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100)
-            var posicionscrollHeight = document.documentElement.scrollHeight;
-            var posicionscrollWidth = document.documentElement.scrollWidth;
+       document.write("estas esquina inferior derecha");
+   } else if (evento.pageX<100 && evento.pageY>alturaNav-100 ){
+       document.write("estas esquina inferior izquierda");
-            document.getElementById("valor").innerHTML = "x:" + evento.clientX + " y:" + evento.clientY;
+   } else if (evento.pageY<100 && evento.pageX>anchuraNav-100){
-            document.getElementById("valor1").innerHTML = "posicionscrollLeft:" + posicionscrollLeft + " posicionscrollTop:" + posicionscrollTop + " posicionscrollHeight:" + posicionscrollHeight + " posicionscrollWidht:" + posicionscrollWidth;
+       document.write("estas esquina superior derecha");
-    window.onclick = muestraValor;
-−
+}
+document.onclick=info;
 </source>