Ayuda con codigo iframe !

[Nicolaz_]

Hola a todos ! antes k nada soy nuevo en esto de codigos html y por eso les pido su ayuda k de antemano ya se los agradesco , tengo estos 2 codigos k un amigo me paso me funcionan muy bien , el codigo 1 es una especie de boton k al darle clikc activa el codigo 2 en el cual en este caso se corre un video de youtube , pues ahora va en lo k kiero k me ayuden , como se puede hacer k en el codigo 2 vaya ya un video de youtube , osea k al entrar una persona en mi blog vea en la ventana del iframe ( en este caso el codigo 2) ya un video de youtube , y al dar clik en el codigo 1 borre el 1er video y aparezca el 2do video k va en el codigo 1



codigo 1 :

<a href="http://youtu.be/-Hg2wd3w9Xo"target="videos"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 112px; height: 100px;" src="http://chicoscartoon.com.ar/wp-content/2010/02/super-pocoyo.jpg" alt="" border="0" /></a>

codigo 2 :


<iframe name="videos"width="450" height="550" scrolling="no" frameborder="0" transparency><br /></iframe>



quiero poner este video ( <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/ZCjwza6Z2yI" frameborder="0"></iframe>) dentro del iframe , osea dentro del codigo 2


no se si me explique bien, en resumen la idea seria k en la ventana del iframe
( width="480" height="390" ) aparezca ya un video y el al dar clik en el codigo 1 borre el 1er video y aparezca el video del codigo2 , gracias de antemano x su ayuda amigos !

[raxper]

O.o, no te me compliques la vida

Código Javascript:

<script>
function lala(opcion){document.getElementById('div').innerHTML = opcion.name}
</script>
 
<a onclick="lala(this)" name="<iframe src='http://www.youtube.com/embed/ZCjwza6Z2yI' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 112px; height: 100px;" src="http://chicoscartoon.com.ar/wp-content/2010/02/super-pocoyo.jpg" alt="" border="0" /></a>
 
 
<a onclick="lala(this)" name="<iframe src='http://www.youtube.com/embed/_eNxZN3oquw' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 112px; height: 100px;" src="http://i301.photobucket.com/albums/nn74/harrysk8malilla/skate-punk.jpg" alt="" border="0" /></a>
 
<div id="div"></div>
 

[Nicolaz_]

hola raxper, como dije toy en cero en html y peor en java,jeje como utilizo el codigo k dejaste , haber si me lo explicas un poco mejor y si es posible paso a paso , se puede usar java en blogger ? gracias x tu ayuda

[rzkgraphics]

Iniciado por raxper

O.o, no te me compliques la vida

Código Javascript:

<script>
function lala(opcion){document.getElementById('div').innerHTML = opcion.name}
</script>
 
<a onclick="lala(this)" name="<iframe src='http://www.youtube.com/embed/ZCjwza6Z2yI' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 112px; height: 100px;" src="http://chicoscartoon.com.ar/wp-content/2010/02/super-pocoyo.jpg" alt="" border="0" /></a>
 
 
<a onclick="lala(this)" name="<iframe src='http://www.youtube.com/embed/_eNxZN3oquw' width='400' height='400'></iframe>"><img style="margin: 0pt 1px 1px 0pt; cursor: pointer; width: 112px; height: 100px;" src="http://i301.photobucket.com/albums/nn74/harrysk8malilla/skate-punk.jpg" alt="" border="0" /></a>
 
<div id="div"></div>
 

Con eso no tendria que crear más de un div? bueno yo también copero, estuve con el mismo problema y me dijeron lo mismo en pocas palabras, te dejo esto, en realidad es super sencillo ( traduce la página con google para que lo entiendas mejor )

[URL="http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm"]http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm[/URL]

[Nicolaz_]

hola rzkgraphics, esta viendo el link k me diste pero es casi lo mismo al k yo uso , lo k necesito es colocar algo dentro de este iframe :

<iframe name="videos"width="450" height="550" scrolling="no" frameborder="0" transparency><br /></iframe>

ya k asi solo aparece una ventana de 450*550 en blanco, y lo k kiero es rellenar ese espacio en blanco con un video o al menos con una imagen , haber si me ayudas con eso , saludos !

[rzkgraphics]

Iniciado por Nicolaz_

hola rzkgraphics, esta viendo el link k me diste pero es casi lo mismo al k yo uso , lo k necesito es colocar algo dentro de este iframe :

<iframe name="videos"width="450" height="550" scrolling="no" frameborder="0" transparency><br /></iframe>

ya k asi solo aparece una ventana de 450*550 en blanco, y lo k kiero es rellenar ese espacio en blanco con un video o al menos con una imagen , haber si me ayudas con eso , saludos !

Bueno yo te quería facilitar todo con un par de divs y no iframes, pero dale a lo que quieres hacer.

TUYO :
<iframe name="videos"width="450" height="550" scrolling="no" frameborder="0" transparency><br /></iframe>

MIO:

Código:

<iframe name="videos" src="webblablabla.html" frameborder="0" framespacing="0" scrolling="auto" border="0" width="450" height="550" "align="center" allowtransparency="true"></iframe>

Listo (: era más fácil con lo que yo te proponía, bueno si es que te llega a interesar lo que te dije ( que es más sencillo y menos código ) me mandas un mensajito jeje saludos, espero haberte ayudado.

[rzkgraphics]

Acá te dejo lo que te decía que hagas, ya resuelto. Saludos!

[URL="http://rzkgraphics.webcindario.com/rzkgraphics.rar"]RAR CON EJEMPLO[/URL]

[Nicolaz_]

hola rzkgraphics, gracias x tu ayuda y tiempo, trate de usarlo pero anda men, si tienes un blog hazlo funcionar ahi para verlo como es k se usa el codigo k me pasaste, gracias y espero me sigas ayudando , saludos !

[rzkgraphics]

Iniciado por Nicolaz_

hola rzkgraphics, gracias x tu ayuda y tiempo, trate de usarlo pero anda men, si tienes un blog hazlo funcionar ahi para verlo como es k se usa el codigo k me pasaste, gracias y espero me sigas ayudando , saludos !

aaaaaah (I) no sabía que era para un blog, jeje.

[Nicolaz_]

y ahora? alguien se le ocurre algo, k apareza al menos una imagen dentro el iframe?

[Nicolaz_]

Iniciado por rzkgraphics

Bueno yo te quería facilitar todo con un par de divs y no iframes, pero dale a lo que quieres hacer.

TUYO :
<iframe name="videos"width="450" height="550" scrolling="no" frameborder="0" transparency><br /></iframe>

MIO:

Código:

<iframe name="videos" src="webblablabla.html" frameborder="0" framespacing="0" scrolling="auto" border="0" width="450" height="550" "align="center" allowtransparency="true"></iframe>

Listo (: era más fácil con lo que yo te proponía, bueno si es que te llega a interesar lo que te dije ( que es más sencillo y menos código ) me mandas un mensajito jeje saludos, espero haberte ayudado.

hola men, muchas gracias , era justo lo k buscaba , solo k recien lo entendi,ejjejeje gracias por tu ayuda ahora si podre seguir con mi blog como keria , lo estoy usando ya en www.Perusalem.com , muchas gracias rzkgraphics por el codigo !