Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje12-09-2011, 17:37 (UTC)    
Título del mensaje: [JavaScript-HTML]Cambio de imagen a traves de una Lista

nos permite a través de una lista despeglable reemplazar una imagen por otra.

Vista previa: http://www.gamarod.com.ar/javascript/ejemplos/158-cambio-de-imagen-a-traves-de-una-lista-javascript.htm

Código:
<HTML>
<HEAD>
<TITLE>Cambio de imagen a través de una Lista</TITLE>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- begin script
function Validar(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||     
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}
//  end script -->
</SCRIPT>
</head>
<body>
<FORM>
<IMG NAME="imagen" SRC="ejemplos/red.gif" BORDER=0 WIDTH=50 HEIGHT=50>
<SELECT NAME="lista" SIZE=1 onChange ="if (Validar(3.0,4.0))    imagen.src=form.lista.options[form.lista.selectedIndex].value;">
  <OPTION VALUE="ejemplos/blue.gif">Azul
  <OPTION VALUE="ejemplos/yellow.gif">Amarillo
  <OPTION VALUE="ejemplos/green.gif">Verde
</SELECT>
</FORM>
</body>
<html>
</BODY>
</HTML>   


Ultima edición por nuestrasxarlas el Lun Sep 26, 2011 9:49 pm; editado 1 vez
Mensaje13-09-2011, 00:00 (UTC)    
Título del mensaje: Re: Cambio de imagen a traves de una Lista javascript

Esta bueno el codigo . Pero mira te corrigo algo :

Cita:
<HTML>
<HEAD>
<TITLE>Cambio de imagen a través de una Lista</TITLE>
<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- begin script
function Validar(Netscape, Explorer) {
if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||
(navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
return true;
else return false;
}
// end script -->
</SCRIPT>
</head>
<body>

<FORM>
<IMG NAME="imagen" SRC="ejemplos/red.gif" BORDER=0 WIDTH=50 HEIGHT=50>
<SELECT NAME="lista" SIZE=1 onChange ="if (Validar(3.0,4.0)) imagen.src=form.lista.options[form.lista.selectedIndex].value;">
<OPTION VALUE="ejemplos/blue.gif">Azul
<OPTION VALUE="ejemplos/yellow.gif">Amarillo
<OPTION VALUE="ejemplos/green.gif">Verde
</SELECT>
</FORM>
</body>
<html>
</BODY>
</HTML>


Son codigos inutiles, osea no son de mucha importansia, Por que mira, cuendo lo colocas en el EDitor HTML te los borra por defecto y queda el codigo normal .

Pero igual esta bueno . Saludos ;D
Mensaje13-09-2011, 00:22 (UTC)    
Título del mensaje:

Esta bueno el codigo,gracias por el aporte.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje13-09-2011, 00:30 (UTC)    
Título del mensaje:

Mmm excelente codigo gracias por el aporte

Brian: no diga que eso codigo son INUTILES por que no son dejar de decir eso a medio mundo Con Respeto te digo mi opinion ..
______________
Twitter ZoneFacil
Facebook ZoneFacil
Mensaje13-09-2011, 00:43 (UTC)    
Título del mensaje:

zonefacil escribió:
Mmm excelente codigo gracias por el aporte

Brian: no diga que eso codigo son INUTILES por que no son dejar de decir eso a medio mundo Con Respeto te digo mi opinion ..

Solo lo dije, por que el editor igualemente los Borra. Aunque si los decea dejar que los deje.
Mensaje13-09-2011, 07:26 (UTC)    
Título del mensaje:

gracias por comentar y saludos a todos



______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje13-09-2011, 15:31 (UTC)    
Título del mensaje:

Me agrada el aporte, gracias por traerlo al foro!

Saludoz
______________


https://radiovijaer.es.tl/
Mensaje13-09-2011, 18:10 (UTC)    
Título del mensaje:

Exelente efecto gracias por el aporte
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group