¿ Cómo "robar" un Javascript ?

¿Para qué hacer lo que ya está hecho? Con ese espíritu, este tutorial enseña a tomar el código Javascript que anda suelto por la web, aquel que fue creado para ser compartido, y hacer que funcione en nuestra propia página. Paso a paso, para ser un verdadero holgazán.

Como dice la célebre frase, "la información quiere ser libre". Y si bien la codicia inherente a la raza humana por lo general hace que no se brinde información en forma gratuita, JavaScript afortunadamente es una excepción. El código de JavaScript ajeno que usted desea, en la mayoría de los casos, está ahí para que usted lo tome.

El problema es que uno no puede simplemente tomar el código de otra persona así como así, ponerlo en la página web de uno, y hacer que funcione. En realidad hay que aprender JavaScript, aunque sean las nociones básicas. De lo contrario, se le va a hacer difícil poder lograr un rollover prolijo o una función de rellenado de formularios como se debe en su página

Aquí es donde entra en escena este artículo, en el que le voy a brindar a usted la cantidad exacta (y ni un poquito más) de know-how de Javascript que se necesita para poder robar código sin perder la máxima virtud de un programador: la holgazanería. Para cuando haya terminado la lección, usted debería ser capaz de apropiarse del código ajeno y usarlo para beneficio propio.

Pero antes de que me empiecen a mandar spam con mensajes de repudio, quiero dejar absolutamente en claro que "robar" código está bien siempre y cuando no sea robar de verdad.

Hay mucho JavaScript que en realidad fue creado para ser compartido, y a la mayoría de la gente no le va a molestar que usted use el código que ellos crearon siempre y cuando les dé el crédito que les corresponde y use este código con contenidos propios (es decir, tomar código ajeno para transformar los botones de uno en rollovers está bien, pero robar el código, y los botones y el diseño de otro está mal). Por último, si usted no está seguro de que esté bien utilizar una determinada porción de JavaScript, en ese caso primero deberá preguntarle al autor original del código.

Además de cerciorarse de que su código no está reñido con la moral, usted también debe saber cómo cortar y pegar texto y cómo visualizar código fuente. ¿Hasta acá entendió? Bueno, entonces, manos a la obra: vamos a empezar con las etiquetas (tags) de script.

Para enseñarle a usted a modificar el código JavaScript de modo que funcione en su propia página web, vamos a ver una página en la que se está utilizando JavaScript para que el color de fondo se configure en forma aleatoria cada vez que el usuario haga click en Actualizar:

<html>

<head>

<script language="JavaScript">

<!-- hide from old browsers

function setBackgroundColor(color1, color2, color3, color4) {

theColors = new Array(color1, color2, color3, color4);

var whichColor = Math.round(Math.random()*1000) % 4;

document.bgColor = theColors[whichColor];

}

// stop hiding -->

</script>

</head>

<body onLoad="setBackgroundColor('#ff0000','#00ff00','#ffff00','#3333ff');">

<font face="Arial, Helvetica, sans-serif" size="4">
Hit Reload (or Refresh if you're using Internet Explorer)
to see a new background.
</font>

</body>

</html>

Hay varias cosas importantes que están sucediendo en este caso. Antes que nada, observe las etiquetas <script> (resaltadas en rojo en el párrafo anterior). Estas etiquetas se utilizan para separar el JavaScript del código HTML común que haya en su documento. Todo lo que esté entre <script> y </script> es interpretado como JavaScript. Los antiguos navegadores previos a la época del JavaScript simplemente deberían ignorar todo lo que esté encerrado en las etiquetas <script>, pero, en algunos casos, intentan mostrar el código como texto. Es por eso que se acostumbra colocar el JavaScript dentro de etiquetas de comentarios, con una línea inicial que comience con "".

Estos bloques <script> pueden aparecer en cualquier parte de su documento, pero tenga en cuenta que las instrucciones de JavaScript que estén dentro de las etiquetas <script> van a ser ejecutadas tal como aparecen. Por ejemplo, un comando ubicado en el <head> (encabezado) de un documento por lo general va a ser ejecutado antes que uno ubicado en el <body> (cuerpo).

Comparte este articulo : Tweet/ Compartir en Facebook /

VER MAS CURSOS Y TUTORIALES

Home | Cómo incluir tu Pagina aquí | Noticias & Actualidad | Publicidad & Consultas