Comunidad de diseño web y desarrollo en internet online

Cambiar src en iframe con Javascritp

Citar            
MensajeEscrito el 13 Oct 2013 06:21 am
Hola a todos, tengo un problema

No conosco mucho de Javascript, solo lo básico.
Tengo este código.
Pero al seleccionar alguna opción de la lista, NO cambia la dirección "src" del iframe.

¿Porque sucede eso?

Aquí les dejo el codigo.
http://jsfiddle.net/VzJNt/1/

Espero me puedan ayudar.
Gracias.

Por Xpress

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Oct 2013 05:00 pm
mmm... si le tienes que decir cuando halla algún cambio revise la selecion.. y yap

Por alejonext

Claber

235 de clabLevel

2 tutoriales

Genero:Masculino  

artista

firefox
Citar            
MensajeEscrito el 14 Oct 2013 12:43 am
Podrias explicarme, porfavor.
Con algun ejemplo o código.

Por Xpress

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Oct 2013 01:15 am
Toda, programación, sugiere que solo se ejecuta una vez. Amenos que le digas que se ejecute múltiples veces. Javascript, trabaja por eventos, eso quiere decir si pasa X evento haga Y. En este caso el evento es "onChange", es decir "cuandoCambie", haga lo otro.

Quieres hacer cambiar un atributo pero dicho atributo esta ligado con la selección. Pero no siempre queremos que se ejecute, sino únicamente cuando cambie. Listo, ya tenemos lo mas complicado, que es saber como se deberá ejecutarse el código.

En Javascript
Yo utilizara jQuery, es una librería que ayuda a insertar eventos en el Html, así no nos matamos la cabeza, creando cosas que ya están programadas.

Código Javascript :

conts URLS = [ // La forma correcta de escribirlo segun JShint
  "//e.issuu.com/embed.html#0/5202806",
  "//e.issuu.com/embed.html#0/5203170",
  "//e.issuu.com/embed.html#0/5203091",
  "//e.issuu.com/embed.html#0/5203144"
]; 
$( "MiSelector" ).change(function(event) {
   var val = $("MiSelector > opcion:checked ").value();
   var url = URLS[ val ];
   $('LoQueCambie').attr( 'scr', url );
});


Notas:
1. Se que se puede hacer en CSS3, sin embargo no es recomendable (Por a hora)
2. No uses 'new Array', 'new String', 'new Object', 'new Number' o 'new Boolsean'. Este tipo de constructor, no tienen necesidad de construirse. Únicamente cuando sea extremamente necesario.
3. El uso de 'conts' determina constantes, sin embargo no esta prefinido.
5. El uso de librerías, hace las cosas mas fáciles.

Por alejonext

Claber

235 de clabLevel

2 tutoriales

Genero:Masculino  

artista

firefox
Citar            
MensajeEscrito el 14 Oct 2013 01:15 am
Ups... me falto el 4

4. Escribe completas las URLS

Por alejonext

Claber

235 de clabLevel

2 tutoriales

Genero:Masculino  

artista

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.