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": …».)
 
 
(Hi ha 3 revisions intermèdies del mateix usuari que no es mostren)
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("anchura Navegador" +anchuraNav+ " ");
        case "click":
+
  document.write("altura Navegador" +alturaNav+ " ");  
 
+
 
            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;
 
 
 
 
    
 
    
 +
  if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100)
 +
  {
 +
      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");
 +
  } else if (evento.pageX<100 && evento.pageY<100){
 +
      document.write(" esquina superior izquierda");
 +
  }else{
 +
      document.write("has pinchado por medio del documento");
 +
  }
 +
   
 
}
 
}
 
+
document.onclick=info;
 
</source>
 
</source>

Revisió de 23:06, 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("anchura Navegador" +anchuraNav+ " ");
   document.write("altura Navegador" +alturaNav+ " "); 
  
   
   if(evento.pageX>anchuraNav-100 && evento.pageY>alturaNav-100) 
   {
       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");
   } else if (evento.pageX<100 && evento.pageY<100){
       document.write(" esquina superior izquierda");
   }else{
       document.write("has pinchado por medio del documento");
   }
    
}
document.onclick=info;