Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/07/2007, 15:10
Avatar de AlZuwaga
AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 10 meses
Puntos: 535
Re: Javascript discreto (no intrusivo... Unobtrusive JS)

Acá hice una función para escalar imágenes:

Código:
function escalarImg(){
	var divs = document.getElementsByTagName('div');
	for(var i=0; i < divs.length; i++){
		if(/post_content/.test(divs[i].className)){
			var imas = document.getElementsByTagName('img');
			for(var i=0; i < imas.length; i++){
				ancho_max = 580;
				ancho_actual = imas[i].width;
				if(ancho_actual > ancho_max){
					imas[i].width = 580;
					imas[i].title = "Imagen escalada";
					alertar_escala = document.createElement('a');
					escala_texto = document.createTextNode('La imagen fue escalada. Click para abrirla en nueva ventana a tamaño real.');
					alertar_escala.appendChild(escala_texto);
					alertar_escala.setAttribute('href',imas[i].src);
					alertar_escala.onclick = function(){abrir_original(this); return false;};
					imas[i].parentNode.appendChild(document.createElement('br'));
					imas[i].parentNode.appendChild(alertar_escala);
				}//if
			}//for
		}//if
	}//for
}//function

function abrir_original(ima){
	window.open(ima.href);
}

window.onload = escalarImg;
La hice para aportar una idea en el tema Nuevo Diseño Foros del Web.

¿Sería un buen uso de javascript no-intrusivo?

Y me surge otra duda... ¿cómo pongo varios window.onload = bla ? Porque me toma siempre el último!