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

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «Falta acabarrrr <source lang="java"> function muestraValor(elEvento) { var evento = elEvento || window.event; switch (evento.type) { case "click": …».)
 
Línia 1: Línia 1:
Falta acabarrrr
 
 
 
 
<source lang="java">
 
<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");
         
 
           
 
            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;
+
   }
    
+
   
 
 
 
}
 
}
 
+
document.onclick=info;
 
</source>
 
</source>

Revisió del 22:56, 10 des 2014

function info(evento){
   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("pageY"+evento.pageY+" ");
   document.write("clientX"+anchuraNav+" ");
   document.write("clientY"+alturaNav+" "); 
  
   
   if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100) 
   {
       document.write("estas 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");

   }
    
}
document.onclick=info;