Abril 22, 2018, 10:03:27 pm

Autor Tema: [ + ] Tips Javascript para agregar a tu Web [!]  (Leído 3097 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado M4inFox

  • Yo vivo en CPH
  • ***
  • Mensajes: 1344
  • Sexo: Masculino
  • Intentamos matar el tiempo..él nos acabara matando
    • Ver Perfil
    • Posicion SEO | SEM | SMO
[ + ] Tips Javascript para agregar a tu Web [!]
« en: Diciembre 18, 2012, 09:31:38 am »
Activar una ventana

Vamos a realizar nuestro primer "programa" en JavaScript. Haremos surgir una ventana que nos muestre el ya famoso mensaje "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.

Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <SCRIPT LANGUAGE="JavaScript">
    function HolaMundo() {
      alert("¡Hola, mundo!");
    }
  </SCRIPT>
</HEAD>
<BODY>
<FORM>
  <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame"
         onClick="HolaMundo()">
</FORM>
</BODY>
</HTML>

Ahora vamos a ver, paso por paso, que significa cada uno de los elementos extraños que tiene la página anterior:

Código: (javascript) You are not allowed to view links. Register or Login
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>

Dentro de estos elementos será donde se puedan poner funciones en JavaScript. Puedes poner cuantos quieras a lo largo del documento y en el lugar que más te guste. Yo he elegido la cabecera para hacer más legible la parte HTML de la página. Si un navegador no acepta JavaScript no leerá lo que hay entre medias de estos elementos. Así que si programamos algo que sólo funcione con la versión 1.1 pondríamos LANGUAGE= "JavaScript1.1" para que los navegadores antiguos pasen olímpicamente del código y no se hagan un lío.

Código: (javascript) You are not allowed to view links. Register or Login
  function HolaMundo() {
    alert("¡Hola, mundo!");
  }

Esta es nuestra primera función en JavaScript. Aunque JavaScript esté orientado a objetos no es de ningún modo tan estricto como Java, donde nada esta fuera de un objeto. Para las cosas que se van a hacer en esta página, no vamos a crear ninguno, pero usaremos los que vienen en la descripción del lenguaje. En el código de la función vemos una llamada al método alert (que pertenece al objeto window) que es la que se encarga de mostrar el mensaje en pantalla. Por un fallo del Netscape no se pueden poner las etiquetas HTML de caracteres especiales en una función: no los reconoce. Así que pondremos directamente "¡" arriesgándonos a que salga de otra manera en ordenadores con un juego de caracteres distinto al del nuestro.

Código: (javascript) You are not allowed to view links. Register or Login
<FORM>
  <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame"
         onClick="HolaMundo()">
</FORM>
Dentro del elemento que usamos para mostrar un botón vemos una cosa nueva: onClick. Es un controlador de evento. Cuando el usuario pulsa el botón, el evento click se dispara y ejecuta el código que tenga entre comillas el controlador de evento onClick, en este caso la llamada a la función HolaMundo(), que tendremos que haber definido con anterioridad. Existen muchos más eventos.

En realidad, podríamos haber escrito lo siguiente:

Código: (javascript) You are not allowed to view links. Register or Login
<FORM>
  <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame"
       onClick="alert('&iexcl;Hola,Mundo!')">
</FORM>
y nos habríamos ahorrado el tener que escribir la función y todo lo que le acompaña, además de conseguir que nos reconozca el caracter especial ¡. Sin embargo me pareció conveniente hacerlo de esa otra manera para mostrar más elementos del lenguaje en el ejemplo.

Aparecer una ventana automáticamente

Como ejemplo, vamos a hacer que una ventana aparezca automáticamente en cuanto pasemos un cursor por encima de un elemento <A> (e impidiendo, de paso, que quien esté viendo la página pueda hacer uso del mismo).

Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Se usan los comentarios para esconder el código a navegadores sin JavaScript
    function Alarma() {
      alert("No me pises, que llevo chanclas");
      return true;
    }
  // -->
  </SCRIPT>
</HEAD>
<BODY>
<A HREF="eventos.html" onMouseOver="Alarma()">
  Pasa por aquí encima
</A>
</BODY>
</HTML>

Abrir una nueva ventana de nuestro navegador

Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <SCRIPT LANGUAGE="JavaScript">
    function AbrirVentana() {
      MiVentana=open("","MiPropiaVentana","toolbar=no,directories=no,menubar=no,status=yes");
      MiVentana.document.write("<HEAD><TITLE>Una nueva ventana</TITLE></HEAD>");
      MiVentana.document.write("<CENTER><H1><B>Esto puede ser lo que tu quieras</B></H1></CENTER>");
    }
  </SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton1" VALUE="Abreme, Sésamo" onClick="AbrirVentana()">
</FORM>
</BODY>
</HTML>

Poner un mensaje deslizante en la barra de estado

Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Ejemplo</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
    var texto="   Aquí está el mensaje que espero observes y leas con suma atención   ";
    var longitud=texto.length;
    function scroll() {
      texto=texto.substring(1,longitud-1)+texto.charAt(0);
      window.status = texto;
      setTimeout("scroll()",150);
      }
  </SCRIPT>
</HEAD>
<BODY onLoad="scroll();return true;">
Esta es la mejor página del mundo conocido.
</BODY>
</HTML>

Como podras ver, la cosa no es ni más larga ni más compleja que los ejemplos anteriores. Simplemente escribe el texto en la barra de estado y luego coge el caracter más a la izquierda del mismo y lo pone a la derecha, para después volver a escribirlo. La única pega que tiene es cómo demonios hago para que la función se llame cada cierto tiempo predeterminado para ir desplazando el texto a una velocidad constante.

La respuesta esta en el método setTimeout("función",tiempo) que llama a función cuando hallan pasado tiempo milisegundos.

Volver a la página anterior

Si quieres volver a la última página donde has estado, o a cinco más atrás, lo puedes hacer con los métodos proporcionados por document.history que ya vimos. Para emplearlos no tiene más que hacer lo siguiente:

Código: (javascript) You are not allowed to view links. Register or Login
<A HREF="javascript:window.history.back()">
Tratamiento de imágenes

Lo que vamos a lograr con este truco es un pequeño cambio de imágenes. Para hacer esto deberemos crear dos gráficos distintos: el que se verá normalmente y el que únicamente podrá verse cuando el ratón pase por encima. Si llamamos al primero, por ejemplo, apagado.gif y al segundo encendido.gif el código necesario para que el truco funcione es:

Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Ejemplo de imagenes</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
    if (document.images) {
      var activado=new Image();
      activado.src="graphics/encendido.gif";
      var desactivado= new Image();
      desactivado.src="graphics/apagado.gif";
    }
    function activar(nombreImagen) {
      if (document.images) {
        document[nombreImagen].src=activado.src; }
    }
    function desactivar(nombreImagen) {
      if (document.images) {
        document[nombreImagen].src=desactivado.src; }
    }
  </SCRIPT>
</HEAD>
<BODY>
<A HREF="mipagina.html" onMouseOver="activar('prueba');" onMouseOut="desactivar('prueba');">
  <IMG NAME="prueba" SRC="apagado.gif" BORDER=0>
</A>
</BODY>
</HTML>

Lo primero que hay que indicar es que para que funcione el invento la imagen debe ser un enlace. ¿Por qué? Porque los eventos que controlan si el ratón pasa o no por encima no son admitidos por la etiqueta <IMG>. También deberemos "bautizar" nuestra imagen usando el atributo NAME="como-se-llame" para permitir al código su identificación posterior.

El ejemplo funciona de la siguiente manera: en principio la imagen que vemos es la desactivada, que es la que indica la etiqueta <IMG>. Al pasar el raton por encima de ella el evento onMouseOver llamará a la función activar llevando como parámetro el nombre de la imagen. Esta función sustituirá en el objeto document el nombre del fichero donde se guarda la imagen por encendido.gif, que es el gráfico activado. Cuando apartemos el ratón de la imagen, será el evento onMouseOut el que se active, llamando a desactivar. Esta función sustituirá el gráfico de nuevo, esta vez por example_apagado.gif.

Leyendo esta explicación parece que una parte del código sobra. ¿Para qué sirve declarar dos objetos Image para albergar los gráficos? ¿No bastaría con cambiar directamente el nombre de la imagen escribiendo document[nombreImagen].src = 'example_encendido.gif';? Pues no del todo. Efectivamente funcionaría, pero cada vez que cambiásemos el nombre el navegador se traería la imagen del remoto lugar donde se encontrara. Es decir, cada vez que pasásemos el ratón por encima de la imagen o nos alejaramos de ella tendríamos que cargar (aunque ya lo hubiésemos hecho antes) el gráfico correspondiente. Es cierto que con la caché del navegador este efecto quedaría algo mitigado, pero siempre es mejor precargar las imágenes usando el objeto Image, ya que así el navegador comenzará a leer el gráfico en cuanto ejecute el código en vez de esperar a que el usuario pase por encima de la imagen con el ratón. El objeto Image tiene como atributos los distintos parámetros que puede tener la etiqueta <IMG>.

Por último, hay que estudiar que significa eso de if (document.images). En los navegadores que no poseen JavaScript 1.1 (léase Netscape 2 y Explorer 3 e inferiores) el objeto Image no existe y dará un mensaje si se lo encuentra por ahí. La solución a este problema consiste en detectar la capacidad del navegador para manipular gráficos preguntandole por la existencia del array document.images. Así podremos no crear las variables que guardan los gráficos ni ejecutar el código de las funciones para activar y desactivar en el caso de que el navegador no soporte este array, lo cual es lo mismo que decir que soporta la versión 1.1 de JavaScript.


Comprobar si una dirección de correo es correcta

Vamos a ver ahora el código de nuestro primer formulario con validación, que comprueba si tu la dirección de correo electrónico del usuario es correcta:
Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Ejemplo de formularios</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
    function validar(direccion) {
       if (direccion.indexOf("@") != -1)
          return true;
       else {
          alert('Debe escribir una dirección válida');
          return false;
       }
    }
  </SCRIPT>
</HEAD>
<BODY>
<FORM NAME="miFormulario"
     METHOD="POST"
     ACTION="mailto:yo@miproveedor.mipais"
     ENCTYPE="text/plain"
     onSubmit="return validar(this.email.value)">
Mandame tu e-mail: <INPUT NAME="email" TYPE="text"><BR>
<INPUT TYPE="submit" VALUE="Mandame tu e-mail">
</FORM>
</BODY>
</HTML>

 Utilizar una biblioteca de funciones

Un fichero .js es un archivo donde podremos guardar funciones y variables globales que podrán leerse desde cualquier página HTML. Gracias a ellos podremos evitar el tener que duplicar funciones que se necesiten en mas de un documento. Podremos incorporarlos a nuestras páginas de esta manera:
Código: (javascript) You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Mi Página</TITLE>
  <SCRIPT SRC="funciones.js">
  <!--
    alert('Error con el fichero js');
  // -->
  </SCRIPT>
</HEAD>
<BODY>
Lo que sea.
</BODY>
</HTML>

Incluir un canal de Chat en tu página

Si deseas hacer tu página interactiva con sus visitantes, puedes colocar un canal de conversaciones con java en la misma e incluso accesar canales existentes en la red del Microsoft Chat (conocido por muchos como el Comic Chat, usando los códigos debajo:
Código: (javascript) You are not allowed to view links. Register or Login
<p align="center">
<applet codebase="http://proi.webpage.com/pchat/proi/classes/" code="ParaChatNP.class" archive="http://www.civila.com/chat/pchatNP.zip" width="600" height="350">
<param name="ServerName" value="proi.webpage.com">
<param name="ServerPort" value="7769">
<param name="Channel" value="#CIVILA">
<param name="BGCOLOR" value="000080">
<param name="FGCOLOR" value="FFFF00">
<param name="NOJOINMSG" value="true">
<param name="XTABLE.SIZE" value="19">
<param name="XTABLE.SEP" value=":">
<param name="XTABLE.ENTRY.19" value="Connect!:Conectar">
<param name="XTABLE.ENTRY.18" value="Log off!:Salir">
<param name="XTABLE.ENTRY.17" value="About:Sobre ">
<param name="XTABLE.ENTRY.16" value="Surf!:Navegar">
<param name="XTABLE.ENTRY.15" value="F.A.Q:FAQ">
<param name="XTABLE.ENTRY.14" value="Float:Flotar">
<param name="XTABLE.ENTRY.13" value="Unfloat:No Flotar">
<param name="XTABLE.ENTRY.12" value="User Info:Info Usuario">
<param name="XTABLE.ENTRY.11" value="Private Chat:Chat Privado">
<param name="XTABLE.ENTRY.10" value="Ignore User:Ignorar Usuario">
<param name="XTABLE.ENTRY.9" value="Nick Name (required):Apodo (mandatorio)">
<param name="XTABLE.ENTRY.8" value="Real Name (optional):Nombre (Opcional)">
<param name="XTABLE.ENTRY.7" value="Email Address (optional):E-Mail (Opcional)">
<param name="XTABLE.ENTRY.6" value="**WARNING** The information above is visible to ALL users!!:**Advertencia** La informacion insertada arriba sera visible a todos los usuarios!">

<param name="XTABLE.ENTRY.5" value="Password (for some rooms):Contraseña (necesario para algunas salas)">
<param name="XTABLE.ENTRY.4" value="OK, Connect!:Conectar Ahora">
<param name="XTABLE.ENTRY.3" value="Cancel:Cancelar">
<param name="XTABLE.ENTRY.2" value="Type HERE:Escriba Aquí">
<param name="XTABLE.ENTRY.1" value="NOT CONNECTED:No Conectado">Lo sentimos, pero tu navegador no soporta Java por lo que no podrás participar en el chat.
</applet>
</p>

Mostrar el navegador en uso

Para detectar y desplegar el tipo de navegador usado por quien accesa tu página, incluye el código debajo en la misma:

Código: (javascript) You are not allowed to view links. Register or Login
<script language="JavaScript">
<!-- document.write("Usas el navegador " + navigator.appName + " " + navigator.appVersion); // -->
</script>

Hacer que la página cargue otra página automáticamente



Código: (javascript) You are not allowed to view links. Register or Login
    <META HTTP-EQUIV="Refresh" CONTENT="cantidad de segundos antes de carga ;URL=dirección de la página a cargar">
Crear un menú de opciones estilo lista desplegable

Este ejemplo crea un menú de opciones haciendo uso de un formulario llamado form. Al seleccionar cualquier opción de la lista se cargará la página correspondiente.

Al seleccionar (hacer click, evento onChange) en una opción se desencadena la función selecciona(). La función obtiene la dirección mediante la línea var URL = document.form.site.options[document.form.site.selectedIndex].value que es donde se encuentra el nombre del archivo del documento que a especificado en el parametro value dentro del formulario. Posteriormente se carga la página por medio de la línea window.location.href = URL

Código: (javascript) You are not allowed to view links. Register or Login
<html>
<head><title>Auto selección</title>
<script LANGUAGE="JavaScript">
<!-- Begin
 function selecciona(){
   var URL = document.form.site.options[document.form.site.selectedIndex].value;
   window.location.href = URL;
 }
// End -->
</script>
</head>
<body bgcolor=aqua>
  <font face=ARIAL color=navy>
  <center><h1>Auto Select Menu</h1></center>
  Selección de un menú de opciones sin un botón de comando
  <p><hr></font>
  <center>
  <form name="form">
   <div align="center">
    <center>
     <p><select name="site" SIZE="1" onChange="selecciona()">
          <option value="clock.htm">Reloj del sistema</option>
          <option value="block.htm">Bloc de Notas</option>
          <option value="counter.htm">Contador de visitas</option>
          <option value="browsernn.htm">Netscape Navigator</option>
          <option value="browsermi.htm">Microsoft Explorer</option>
          <option selected value="index.htm">Página principal</option>
       </select>
     </p>
    </center>
   </div>
  </form>
  <hr>
  <font face=ARIAL color=navy size=4>
  <a href="home.htm">Regresar a la página principal</a>
  </font>
  </center>
</body>
</html>


Los invito a TODOS que peguen sus códigos "caseros" o los que usan para que otros usuarios puedan aprovecharlos también en sus sitios.


 
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login

Desconectado isseu

  • Yo vivo en CPH
  • ***
  • Mensajes: 704
  • Sexo: Masculino
  • Knowledge is power
    • Ver Perfil
    • Mi Blog
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #1 en: Diciembre 18, 2012, 01:24:46 pm »
Muy bueno MainFox
Una comprobación de email correcto decente porfavor jaja , con expresiones regulares. O acaso @@@ es un email decente? :) .
Una decente que encontré por internet.
Código: (javascript) You are not allowed to view links. Register or Login
function validarEmail(valor) {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(valor)){
        alert("La dirección de email " + valor + " es correcta.");
    } else {
        alert("La dirección de email es incorrecta.");
    }
}
Recordar que siempre es necesario validar en la parte servidor (PHP por ej.) para asegurar que el email es valido, ya que saltarse el javascript es muy sencillo.
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login

Desconectado HackID1

  • Me das tu password?
  • **
  • Mensajes: 206
  • Sexo: Masculino
  • Todo es posible, cuando te lo propones.
    • Ver Perfil
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #2 en: Diciembre 21, 2012, 03:09:59 am »
En el tratamiento de Imagenes (para cambiar una imagen por otra)

Mira te explico lo que he hecho,

1. Aqui va el código que no creo que este bien del todo

Código: You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Cambia imagen cuando pasa el ratón</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
    if (document.images) {
      var activado=new Image();
      activado.src="graphics/messi.jpeg";
      var desactivado= new Image();
      desactivado.src="graphics/messi2.jpeg";
    }
    function activar(nombreImagen) {
      if (document.images) {
        document[messi2.jpeg].src=activado.src; }
    }
    function desactivar(nombreImagen) {
      if (document.images) {
        document[messi.jpeg].src=desactivado.src; }
    }
  </SCRIPT>
 
  <style>
  #titulo {
  position: relative;
  text-align: center;
  }
 
  </style>
 
</HEAD>

<BODY>
<h1 id="titulo"> En la imagen para que cambie
</h1>

<A HREF="mipagina.html" onMouseOver="activar('messi2');"
onMouseOut="desactivar('messi2');">
<IMG NAME="messi2" SRC="messi2.jpeg" BORDER=0>
</A>
</BODY>
</HTML>

Bueno he seguido hasta donde he entendido tu código, ya que llevo solo 2 días con esto de Javascript :),,
Yo tengo 1 carpeta donde esta el html ok.
Y dentro de la carpeta tengo 2 imagenes distintas de mismo tamaño llamadas messi.jpeg y messi2.jpeg.
¿Quisiera saber que tengo que modificar, y lo del enlace (A Href ="mipagina.html" ..... > que tengo que colocar en esa parte?

Bueno en si quiero que me ayuden con este código ya que me lo pidieron como actividad en clase, gracias y si puedes me explican bien el código java que soy nuevo en esto.
 :toma:
=Multitarea: Dos o más programas pueden fallar simultáneamente.
=El computador nació para resolver problemas que antes no existían.

:*: HACKID

Desconectado M4inFox

  • Yo vivo en CPH
  • ***
  • Mensajes: 1344
  • Sexo: Masculino
  • Intentamos matar el tiempo..él nos acabara matando
    • Ver Perfil
    • Posicion SEO | SEM | SMO
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #3 en: Diciembre 21, 2012, 12:11:40 pm »
function validarEmail(valor) {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(valor)){
        alert("La dirección de email " + valor + " es correcta.");
    } else {
        alert("La dirección de email es incorrecta.");
    }
}
[/code]
Recordar que siempre es necesario validar en la parte servidor (PHP por ej.) para asegurar que el email es valido, ya que saltarse el javascript es muy sencillo.

Exacto isseu, buena observacion ;). Es más que nada un ejemplo, por supuesto para empezar..
luego como bien explicas, hay que meter mano a la seguridad.

HackID1

No comprendo si te andubo o NO el código..
sin embargo:

Qué tenes que modificar?
Por lo que veo, no creo que te funcione hasta ahora.
"graphics" - es la carpeta donde se guarda la imágen, si vos la tenes en la raíz del sitio como decis, no es necesario que pongas esa carpeta. Si lo haces, no muestra nada, error.

luego lo de A href: es a la página que hace referencia, valga la redundancia, tu imágen de sustitución y la otra. Es un ejemplo, si tu pagina es "HackID1.html" debes colocar esa, si es idex.html, debes colocar esa..

fijate y decime,.

Desconectado HackID1

  • Me das tu password?
  • **
  • Mensajes: 206
  • Sexo: Masculino
  • Todo es posible, cuando te lo propones.
    • Ver Perfil
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #4 en: Diciembre 23, 2012, 06:44:08 pm »
HackID1

No comprendo si te andubo o NO el código..
sin embargo:

Qué tenes que modificar?
Por lo que veo, no creo que te funcione hasta ahora.
"graphics" - es la carpeta donde se guarda la imágen, si vos la tenes en la raíz del sitio como decis, no es necesario que pongas esa carpeta. Si lo haces, no muestra nada, error.

luego lo de A href: es a la página que hace referencia, valga la redundancia, tu imágen de sustitución y la otra. Es un ejemplo, si tu pagina es "HackID1.html" debes colocar esa, si es idex.html, debes colocar esa..

fijate y decime,.
[/quote]

Buenas!!!. el código no me funciono, le modifique esas partes (lo puedes comparar x si algo no había que tocarlo), y no funciona, las imágenes que te comente si las tengo en la misma carpeta que la página html que se llama "cambia_foto", por favor si puedes ayudarme con este código en decirme, que tengo que cambiar  y como sería, xk no tengo mucha idea y quisiera hacerlo bien!.

Para presentarlo en el instituto cuando vuelva!. muchas gracias!!! y respecto a lo de no revivir temas antiguos disculpa no volvera a pasar, los temas antiguos solo son para Faqs?.

Desconectado HackID1

  • Me das tu password?
  • **
  • Mensajes: 206
  • Sexo: Masculino
  • Todo es posible, cuando te lo propones.
    • Ver Perfil
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #5 en: Diciembre 23, 2012, 06:49:41 pm »
El código quedo así pero no me funciona, solo me sale la imagen de messi2 cuando abro la página html. y no cambia
cuando paso el ratón x encima
Código: You are not allowed to view links. Register or Login
<HTML>
<HEAD>
  <TITLE>Cambia imagen cuando pasa el ratón</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
    if (document.images) {
      var activado=new Image();
      activado.src="graphics/messi.jpeg";
      var desactivado= new Image();
      desactivado.src="graphics/messi2.jpeg";
    }
    function activar(nombreImagen) {
      if (document.images) {
        document[messi2.jpeg].src=activado.src; }
    }
    function desactivar(nombreImagen) {
      if (document.images) {
        document[messi.jpeg].src=desactivado.src; }
    }
  </SCRIPT>
 
  <style>
  #titulo {
  position: relative;
  text-align: center;
  }
 
  </style>
 
</HEAD>

<BODY>
<h1 id="titulo"> En la imagen para que cambie
</h1>

<A HREF="cambiar_foto.html" onMouseOver="activar('messi2');"
onMouseOut="desactivar('messi2');">
<IMG NAME="messi2" SRC="messi2.jpeg" BORDER=0>
</A>
</BODY>
</HTML>

Abri un tema con mi problema aqui esta la URL,  para que me respondas mucho mejor. Gracias
You are not allowed to view links. Register or Login
« Última modificación: Diciembre 23, 2012, 06:54:03 pm por HackID1 »

Desconectado M4inFox

  • Yo vivo en CPH
  • ***
  • Mensajes: 1344
  • Sexo: Masculino
  • Intentamos matar el tiempo..él nos acabara matando
    • Ver Perfil
    • Posicion SEO | SEM | SMO
Re:[ + ] Tips Javascript para agregar a tu Web [!]
« Respuesta #6 en: Diciembre 24, 2012, 03:03:16 pm »
Me alegro que lo hayas solucionado y aprendido.


xx
Tips para el Diseño Web

Iniciado por shevchenko

8 Respuestas
2472 Vistas
Último mensaje Agosto 25, 2010, 04:10:48 pm
por levisoft-tj
xx
Tips para el Diseño Web

Iniciado por shevchenko

1 Respuestas
779 Vistas
Último mensaje Abril 16, 2009, 10:40:47 am
por ActerMarking
exclamation
20 Tips para ser un mejor Programador

Iniciado por iTZBANANO

5 Respuestas
6145 Vistas
Último mensaje Noviembre 29, 2016, 02:24:04 pm
por DUDA!
xx
Tips para red inalambrica segura

Iniciado por esc0rpi0n_zer0

5 Respuestas
1640 Vistas
Último mensaje Octubre 17, 2010, 09:18:13 am
por -skylinered-
exclamation
5 Tips para Evitar el Robo de tu Cuenta

Iniciado por iTZBANANO

5 Respuestas
1441 Vistas
Último mensaje Diciembre 15, 2010, 11:14:55 am
por -skylinered-
resuelto
Tips para marketing de VENTA y ser un DISEÑADOR de tus NEGOCIOS (artículo)

Iniciado por M4inFox

4 Respuestas
1080 Vistas
Último mensaje Noviembre 14, 2012, 08:40:24 am
por M4inFox
xx
Como Aprender Ingenieria Social (Tips) (Programas Para El Hack)

Iniciado por cybernetic

1 Respuestas
2502 Vistas
Último mensaje Agosto 06, 2006, 11:05:45 am
por NINF
xx
JavaScript Animator Express:Crea fácilmente animaciones en JavaScript

Iniciado por DREO

0 Respuestas
1987 Vistas
Último mensaje Diciembre 06, 2007, 03:37:11 pm
por DREO
xx
-= Ayuda para Agregar Plug-in's=-

Iniciado por TonyPunk

0 Respuestas
1329 Vistas
Último mensaje Junio 25, 2008, 02:49:25 pm
por TonyPunk
question
librerías para imagenes en javascript

Iniciado por misionero2011

5 Respuestas
1160 Vistas
Último mensaje Mayo 04, 2013, 06:13:20 pm
por M4inFox