Imprimir Página - Alternar 2 div con jquery, php y actualizar link

Título: Alternar 2 div con jquery, php y actualizar link
Publicado por: Rata1960 en 3 Diciembre 2017, 14:41 pm

Hola amigos necesito alternar 2 div, que son para cambiar el formato de un video sin recargar la página

EL problema de los div lo resolví así:

Código:


<script type="text/javascript">
function cambiaVisibilidad() {
       var div1 = document.getElementById('precio1');
       var div2 = document.getElementById('precio2');
       if(div2.style.display == 'block'){
           div2.style.display = 'none';
           div1.style.display = 'block';
       }else{
          div2.style.display = 'block';
          div1.style.display = 'none';
         }
   }
</script>



<div class="show" id="precio1">
<div class="video" align="center" >
	<ul>
			<p class="textocomentarios">Transmisión de La Plata - <?php echo"$AgradLP";?> </p>
			<iframe width="660" height="390" align= "center" src="<?php echo"$LinkLP";?>" scrolling="no" frameborder="1" border="0" >Tu navegador no soporta frames!! actualiza tu Navegador</iframe>
	</ul>
</div>


</div>
 <div style="display:none;" id="precio2">
 
<div class="video1" align="center" >
	<ul>
			<p class="textocomentarios">Transmisión de La Plata - <?php echo"$AgradLP";?> </p>
			<iframe width="660" height="390" align= "center" src="<?php echo"$LinkLP";?>" scrolling="no" frameborder="1" border="0" >Tu navegador no soporta frames!! actualiza tu Navegador</iframe>
	</ul>
</div> 
 
 </div>
 <div class="btn" align="center" onclick="cambiaVisibilidad()"><a id="accionar">Cambiar Tamaño de la Transmisión</a>     </div>

pero el problema que tengo que si el video esta corriendo, al cambiar el tamaño mientras veo el video en el nuevo formato el otro sigue corriendo atrás

Necesito ayuda para que cuando cambio el formato, pare el video del formato anterior

Título: Re: Alternar 2 div con jquery, php y actualizar link
Publicado por: engel lex en 3 Diciembre 2017, 17:23 pm

Citar

Tu navegador no soporta frames!! actualiza tu Navegador

XD si le sale eso a la personas el problema es que tampoco soporta video o flash XD puedes obviar todas esas advertencias (estamos hablando aquí de IE3, netscape en sus primeras versiones y cosas que ya hace mucho desaparecieron)

el sunto del video es que es un iframe, no tienes control sobre el, lo que puedes hacer es destruir el iframe y volverlo a crear, o refrescar su pagina interna para que se detenga

en lugar de generar por php el iframes, generas un json en tu js guardando la informacion del iframe para crear y destruir a gusto

Título: Re: Alternar 2 div con jquery, php y actualizar link
Publicado por: Rata1960 en 3 Diciembre 2017, 17:29 pm

Con respecto al Iframe está porque es un código viejo que está en la página y lo estamos actualizando.

jajajaja

Ahora me voy a poner a estudiar el consejo que me dio del json

Muchisimas Gracias

Título: Re: Alternar 2 div con jquery, php y actualizar link
Publicado por: Rata1960 en 3 Diciembre 2017, 21:10 pm

Cita de: engel lex en 3 Diciembre 2017, 17:23 pm

No encuentro nada, todo lo que encuentro es sobre listas de youtube, o ajustes automáticos de la pantalla, pero nada de como hacer el reemplazo

Título: Re: Alternar 2 div con jquery, php y actualizar link
Publicado por: engel lex en 3 Diciembre 2017, 21:45 pm

algo como

Código

var video = $('<iframe></iframe>');
video.attr("src", link);
//el resto de los atributos los deberías tener por css
$("#video1").append(video)

de donde el link lo sacas de un array o algo así

Título: Re: Alternar 2 div con jquery, php y actualizar link
Publicado por: Rata1960 en 3 Diciembre 2017, 21:48 pm

Muchas Gracias, lo voy a probar y le cuento

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Rata1960 en 3 Diciembre 2017, 14:41 pm