Foros del Web » Creando para Internet » Diseño web »

Quien me pueda ayudar

Estas en el tema de Quien me pueda ayudar en el foro de Diseño web en Foros del Web. Buenas, tengo una interrogante desde hace dias quiero hacer una web donde yo ponga una zona que sea el reproductor de video y debajo de ...
  #1 (permalink)  
Antiguo 23/10/2008, 11:17
 
Fecha de Ingreso: octubre-2008
Mensajes: 1
Antigüedad: 9 años, 1 mes
Puntos: 0
Quien me pueda ayudar

Buenas, tengo una interrogante desde hace dias quiero hacer una web donde yo ponga una zona que sea el reproductor de video y debajo de esta varias peliculas, mi pregunta es como pongo el enlace del video para que nada mas cambie la zona donde se va a Reproductor sin que se tenga que refrescar la pagina completa..?
  #2 (permalink)  
Antiguo 13/11/2008, 22:12
 
Fecha de Ingreso: abril-2008
Ubicación: Edo. de México
Mensajes: 11
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Quien me pueda ayudar

Cita:
Iniciado por Skylink182 Ver Mensaje
Buenas, tengo una interrogante desde hace dias quiero hacer una web donde yo ponga una zona que sea el reproductor de video y debajo de esta varias peliculas, mi pregunta es como pongo el enlace del video para que nada mas cambie la zona donde se va a Reproductor sin que se tenga que refrescar la pagina completa..?
Podéis hacerlo jugando con iframes.
Una página que cargue 2 iframes con distintos valores en name, cargad una página que contenga el primer vídeo de vuestra lista por default en el iframe superior y en el iframe inferior cargad tu lista de vídeos.

Al pinchar sobre cualquier vídeo de tu lista haced que os cargue otra página con el vídeo correspondiente en el iframe superior, tendréis que crear tantas páginas independientes como vídeos necesitéis.

El código sería algo así:

<iframe src="video1.html" name="video" width="587" marginwidth="0" height="362" scrolling="no" frameborder="0" id="ifrm">Sorry,
you cannot view this web page because your browser doesn't support iframes.</iframe>

<iframe src="list.html" name="listado" width="587" marginwidth="0" height="600" scrolling="yes" frameborder="0" id="ifrm">Sorry,
you cannot view this web page because your browser doesn't support iframes.</iframe>

Este es el Script para que ajuste perfecto el iframe antes del cierre de la etiqueta </head>:
<script type="text/javascript">

function getDocHeight(doc) {
var docHt = 0, sh, oh;
if (doc.height) docHt = doc.height;
else if (doc.body) {
if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
if (sh && oh) docHt = Math.max(sh, oh);
}
return docHt;
}

function setIframeHeight(iframeName) {
var iframeWin = window.frames[iframeName];
var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
var docHt = getDocHeight(iframeWin.document);
// need to add to height to be sure it will all show
if (docHt) iframeEl.style.height = docHt + 10 + "px";
}
}

function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
return false;
}
else return true;
}
</script>

Espero os sirva.

Si tenéis duda, envía un MP

Última edición por alexblink; 13/11/2008 a las 22:24
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:06.