Thursday, August 17, 2006

Insertar código JavaScript en hi5


Al igual que en muchos blog, tal es el caso de blogger, y sitios donde nos permitan colocar código HTML (hi5, blog, algunas wiki, ...), nosotros podremos insertar DHTML, por ejemplo para cambiar el título de mi blog:




hi5 permite insertar código html, pero no permite insertar tags de tipo SCRIPT.
Al editar el profile de nuestro hi5, por ejemplo la sección Lifestyle, podemos insertar alguna descripción sobre nuestros interes, o una descripción sobre nosotros o nuestros gustos. Está permitido usar código HTML con CSS, pero JavaScript.
Pues podemos insertar código valiendonos de los eventos que tienen los Tags. por ejemplo:


<div onmouseover="alert('heyy!!!');">ALGUN TEXTO</div>


En el código anterior cada vez que pasen el mouse sobre ALGUN TEXTO
, se lanzará el mensaje heyy!!!.
Esto quizás suene demasiado básico a los que estamos acostumbrados a programar con HTML DINAMICO. Pero veamos el siguiente ejemplo, en el cuál cambio los anuncios Adsense que hace hi5, por anuncios míos:

<div id='id_mio' onmousemove='function mover(it){ var TopAd = document.getElementById("TopAd"); if(TopAd.src.indexOf("jneyra") != -1) return; TopAd.src = "http://host.handel-soft.com/~jneyra/google/adsense/index2.html "; document.getElementById("Hi5Medium").src="http://host.handel-soft.com/~jneyra/google/adsense/"; document.getElementById("nav_home").firstChild.innerHTML="Inicio"; var nav_c = document.getElementById("nav_community"); if(!nav_c) nav_c = document.getElementById("nav_community_select"); if(nav_c) nav_c.firstChild.innerHTML="Amigos"; } mover(this); '>

Aqui va el texo que desees...

<input type='button' value='Has click aqui para leer mas...' onclick='for(i = 13; i > 0; i--) { for (j = 10; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0);}} document.getElementById("id_mio").innerHTML = "Eso es todo, no hay mas que leer. :D";' />
</div>


Pueden copiar este código HTML en su hi5 para probarlo.

Fuente:
jneyra.blog

3 Comments:

Anonymous Anonymous said...

Excelente. Esta bueno tu script de mover el navegador.

4:32 PM  
Blogger @rielCastellanos said...

Hola! Les quiero invitar a todos a que formen parte de esta maravillosa web, les presento a NEOBUX, de lo mejor LO MEJOR! Si deseas saber mas de esta fantastica PTC que te hara ganar dinero checa esto:

http://www.ganardineroneobux.blogspot.com/

10:47 PM  
Blogger Aacini++ said...

eso no sirve el scrip es anulado
funcionaria en una paguina normal pero en hi5 no

3:01 PM  

Post a Comment

<< Home