Se puede cargar un enlace dentro de un iframe con un click?

[yopmail]

Hola tengo el siguiente código:

Código PHP:

  <input type="checkbox" id="spoiler142">Mostrar Radio</input>
<label for="spoiler1">SPOILER</label>
 
<div class="spoiler"><iframe src="/radio.html" width="400px" height="30px"></iframe></div> 
   

Al clicar sobre "Mostrar Radio" se muestra el iframe ya cargado (se carga, cuando entras en la web), y mi pregunta es si se puede cargar ese iframe al darle click en "mostrar Radio" ? y así aquellos usuarios que no quieran escuchar la radio, no se les carga el iframe..

Gracias

[Ito79]

Hola,

Sí que puedes hacerlo, es muy sencillo. Simplemente debes iniciar la página con el src del iframe en blanco o a una página que no haga sonar la radio, y cuando el usuario pincha el checkbox cambias el src del iframe.

Lo primero es que tienes que definir en tu checkbox una función para manejar el evento onclick, por ejemplo:

Código Javascript:

<input type="checkbox" id="spoiler142" onclick="radioON();">Mostrar Radio</input>
 

Luego debes definir esa función y cambiar el src del iframe q tienes:

Código Javascript:

function radioON() {
  document.getElementById('ifr').src="TU_URL";
}
 

Fíjate que he accedido al iframe por ID ('ifr') pero tu iframe en tu código no tiene ID, así que debes ponerle uno para acceder.

Espero que ayude,

Un saludo
// Ito

[yopmail]

Iniciado por Ito79

Hola,

Sí que puedes hacerlo, es muy sencillo. Simplemente debes iniciar la página con el src del iframe en blanco o a una página que no haga sonar la radio, y cuando el usuario pincha el checkbox cambias el src del iframe.

Lo primero es que tienes que definir en tu checkbox una función para manejar el evento onclick, por ejemplo:

Código Javascript:

<input type="checkbox" id="spoiler142" onclick="radioON();">Mostrar Radio</input>
 

Luego debes definir esa función y cambiar el src del iframe q tienes:

Código Javascript:

function radioON() {
  document.getElementById('ifr').src="TU_URL";
}
 

Fíjate que he accedido al iframe por ID ('ifr') pero tu iframe en tu código no tiene ID, así que debes ponerle uno para acceder.

Espero que ayude,

Un saludo
// Ito

Muchas Gracias amigo voy a probarlo +1

[yopmail]

Iniciado por Ito79

Hola,

Sí que puedes hacerlo, es muy sencillo. Simplemente debes iniciar la página con el src del iframe en blanco o a una página que no haga sonar la radio, y cuando el usuario pincha el checkbox cambias el src del iframe.

Lo primero es que tienes que definir en tu checkbox una función para manejar el evento onclick, por ejemplo:

Código Javascript:

<input type="checkbox" id="spoiler142" onclick="radioON();">Mostrar Radio</input>
 

Luego debes definir esa función y cambiar el src del iframe q tienes:

Código Javascript:

function radioON() {
  document.getElementById('ifr').src="TU_URL";
}
 

Fíjate que he accedido al iframe por ID ('ifr') pero tu iframe en tu código no tiene ID, así que debes ponerle uno para acceder.

Espero que ayude,

Un saludo
// Ito

Funciona de mil maravillas, mil gracias¡¡¡¡ me apunto el codigo, es muy practico para mantener la web funcionando rapido.. Gracias :)