Weblog

Para hacer que todos los checkboxes de una página en concreto se comporten como un radiobutton (que solamente se muestre uno activo en cada momento). Podemos usar el siguiente Javascript:

function set_change(a) {
     if (a.checked==true){       
       var inputs = document.getElementsByTagName('input');
       for(var i=0; i<inputs.length; i++){
         if(inputs[i].getAttribute('type')=='checkbox'){
           if (inputs[i]!=a)
             inputs[i].checked=false;
         }
       }
    }
  }

Para ello solamente tendremos que informar la acción onclick de cada elemento checkbox que queramos que se comporte así:

  <input type="checkbox" name="Chk1" onclick="set_change(this)">

Si os habéis encontrado alguna vez el problema de que en internet explorer al hacer una concatenación de un String con una variable no funciona correctamente mientras que en Netscape sí, aquí tenéis una solución:

en lugar de escribir el típico:

var b;
 
var c;
 
c = 'Mundo';
 
b = 'Hola '+c

podéis realizarlo del siguiente modo, entre paréntesis:

var b;
 
var c;
 
c = 'Mundo';
 
b = 'Hola '+ (c)

Cosa que curiosamente funciona a la perfección en IE… aquí tenemos otro de esos ejemplos en los que una cosa sencilla debería funcionar siempre, pero por culpa de los simpáticos de Microsoft ya tenemos un nuevo rompecabezas…

La función a continuación hace zoom de una imagen que tiene como nombre identificador idImg un zoom de i%, un ejemplo de funcionamiento sería:

<img id="imagen1" xsrc="image.png" onClick="zoomImage('imagen1',120)">

FUNCTION zoomImage(idImg,i){
 
msie = navigator.appVersion.indexOf("MSIE")>0;
 
IF (msie){
objref.style.zoom = i+'%';
}
ELSE {
rx = objref.naturalWidth;
ry = objref.naturalHeight;
 
objref.width = (i*rx)/100;
objref.height =  (i*ry)/100;
}
}