Popup swf player utilizzando javascript e DHTML

Fabiettoo

Nuovo Utente
26 Gen 2011
2
0
0
Ciao ragazzi da giorni sto combattendo con questo script, che praticamente crea una finestra popup che può essere incorporata in modo dinamico nella pagina semplicemente cliccando su un link.

Utilizzando i tag div dinamici e JavaScript che rende molto più semplice incorporare più video sulla pagina senza creare contenitori div statici per i video. Per inserire un video è sufficiente creare qualsiasi tipo di testo o link immagine che chiama la funzione JavaScript openCacaoweb () con un clic del mouse per creare una feìinestra popup dinamica. Il collegamento dovrebbe apparire simile al seguente:

<a href="#" onclick="openCacaoweb('video_id')">Video Title</a>

Dove video_id può essere estratto da l'URL di Megavideo, come mostrato in rosso di seguito:

http://www.megavideo.com/?v=CMA96TKB

codice javascript:
Codice:
function openCacaoweb(id){
      //Cacaoweb Player Parameters 
      var width = 640;
      var height = 397;
     
      //Calculate Page width and height 
      var pageWidth = window.innerWidth;
      var pageHeight = window.innerHeight;
      if (typeof pageWidth != "number"){
      if (document.compatMode == "CSS1Compat"){
            pageWidth = document.documentElement.clientWidth;
            pageHeight = document.documentElement.clientHeight;
      } else {
            pageWidth = document.body.clientWidth;
            pageHeight = document.body.clientHeight;
            }
      }
      // Make Background visible... 
      var divbg = document.getElementById('bg');
      divbg.style.visibility = "visible";
     
      //Create dynamic Div container for Cacaoweb Popup Div 
      var divobj = document.createElement('div');
      divobj.setAttribute('id',id); // Set id to Cacaoweb id
      divobj.className = "popup";
      divobj.style.visibility = "visible";
      var divWidth = width + 4;
      var divHeight = height + 20;
      divobj.style.width = divWidth + "px";
      divobj.style.height = divHeight + "px";
      var divLeft = (pageWidth - divWidth) / 2;
      var divTop = (pageHeight - divHeight) / 2 - 10;
      //Set Left and top coordinates for the div tag 
      divobj.style.left = divLeft + "px";
      divobj.style.top = divTop + "px";
     
      //Create dynamic Close Button Div 
      var closebutton = document.createElement('div');
      closebutton.style.visibility = "visible";
      closebutton.innerHTML = "<span onclick=\"closeCacaoweb('" + id +"')\" class=\"close_button\">X</span>";
      //Add Close Button Div to Cacaoweb Popup Div container
      divobj.appendChild(closebutton);

     //Create dynamic Cacaoweb Div 
      var ytobj = document.createElement('div');
      ytobj.setAttribute('id', "yt" + id);
      ytobj.className = "ytcontainer";
      ytobj.style.width = width + "px";
      ytobj.style.height = height + "px";
      var Cacaoweb = "<object width=\"" + width + "\" height=\"" + height + "\">";
      Cacaoweb += '<param name="allowScriptAccess" value="always" />';
      Cacaoweb += '<param name="allowFullScreen" value="true" />'; 
      Cacaoweb += '<param name="quality" value="best" />';
      Cacaoweb += '<param name="flashvars" value="file=http://127.0.0.1:4001/megavideo/megavideo.caml?videoid=" + id />';
      Cacaoweb += '<param name="movie" value="http://www.cacaoweb.org/player/currentplayer.swf" />';
      Cacaoweb += '<embed src="http://www.cacaoweb.org/player/currentplayer.swf" ';
      Cacaoweb += 'flashvars="file=http://127.0.0.1:4001/megavideo/megavideo.caml?videoid=" + id ';
      Cacaoweb += 'quality="best" width="640" height="397" allowScriptAccess="always" enablejs="true" allowFullScreen="true" ';
      Cacaoweb += 'type="application/x-shockwave-flash" />';
      Cacaoweb += '</object>';
      ytobj.innerHTML = Cacaoweb;
     //Add Cacaoweb Div to Cacaoweb Popup Div container
      divobj.appendChild(ytobj);
     
      //Add Cacaoweb Popup Div container to HTML BODY 
      document.body.appendChild(divobj);
}
function closeCacaoweb(id){
      var divbg = document.getElementById('bg');
      divbg.style.visibility = "hidden";
      var divobj = document.getElementById(id);
      var ytobj = document.getElementById("yt" + id);
      divobj.removeChild(ytobj); //remove Cacaoweb Div
      document.body.removeChild(divobj); // remove Popup Div
}

codice css:
Codice:
.popup {
      position: absolute;
      z-index: 2;
}
.popup_bg {
      position: absolute;     visibility: hidden;
      height: 100%; width: 100%;
      filter: alpha(opacity=0); /* for IE */
      opacity: 0; /* CSS3 standard */
      left: 0px; top: 0px;
      background-color: #999;
      z-index: 1;
}
.ytcontainer {
      border: 2px solid #666;
      clear: both;
}
.close_button {
      font-family: Verdana, Geneva, sans-serif;
      font-size: small; font-weight: bold;
      color: #666; text-decoration: none;
      display: block; float: right;
      background-color: #FFF;
      z-index: 3; cursor: default;
      border: 2px solid #666;
      margin-bottom: -2px;
      padding: 0px 3px 0px 3px;
}
body { margin: 0px; }

Codice HTML per incorporare il player popup Cacaoweb:

Codice:
<a href="#" onclick="openCacaoweb('CMA96TKB')">Open Video</a><br />
<div id="bg" class="popup_bg"></div>

Pagina esempio: http://xrl.in/73y9

Praticamente non riesco a far passare l'ID, infatti come potete vedere dal link sopracitato il player mi da errore link non valido. Qualcuno può buttare un occhio al codice javascript per vedere dove sbaglio ? grazie.
 

Fabiettoo

Nuovo Utente
26 Gen 2011
2
0
0
Ok ragazzi grazie lo stesso ho risolto sbaglivo la sintassi:

Prima (quella sbagliata):
Codice:
'flashvars="file=http://127.0.0.1:4001/megavideo/megavideo.caml?videoid=" + id ';

Dopo (quella giusta):
Codice:
'flashvars="file=http://127.0.0.1:4001/megavideo/megavideo.caml?videoid=' + id + '" ';

Potete chiudere:hammer:
 
Discussioni simili
Autore Titolo Forum Risposte Data
C finestra popup dopo login PHP 2
bubino8 [Javascript] popup di controllo elimina dopo window.print(); Javascript 0
Y [Javascript] z-index popup accettazione cookie Javascript 1
L PopUp tramite PHP se la mail inserita è già registrata nel database PHP 3
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
L da php a popup java PHP 2
F [Javascript] chiusura popup e refresh pagina madre su punto preciso Javascript 0
L [ASP.Net] Realizzare modulo contatti PopUp ! ASP.NET 1
V [Javascript] Passaggio valore da popup a pagina madre Javascript 5
K [HTML] Thumbnail (mouseover) + Popup immagine HTML e CSS 1
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
M come creare un popup con CSS da una pagina esterna? jQuery 1
S [CERCO] spazio web per piccolo popup Fb, pago euro 10 ogni 1000 aperture Vendere e Acquistare pubblicita' online 0
F Switch Popup jQuery 0
T [ASP] controllare popup Classic ASP 3
Shyson Aprire finestra popup con Safari Javascript 6
L Problema per centrare titolo PopUp HTML e CSS 5
filomeni Popup pubblicitario con conto alla rovescia Snippet Javascript 1
F popup che si apre SOLO alla prima pagina visitata, qualunque essa sia Javascript 16
L effetto galleria popup (immagini) jQuery 1
Shyson Impedire che il popup sparisca Javascript 0
S [COMPRO] PopUp Fisso Sul Tuo Sito Web dai 300 ai 4000€ al mese Vendere e Acquistare pubblicita' online 1
M Aprire un popup con un form jQuery 2
P SAVE FAILED popup Joomla 0
J Programmazione di un finestra tipo popup Content Management System (CMS) 1
M Print + pagina popup di ringraziamento Javascript 2
G Popup con cookie Javascript 0
M creare form in un popup HTML e CSS 1
B Creare popup con dreamweaver HTML e CSS 3
T Plugin per Popup Facebook VBulletin 0
L popup che blocca la pagina .. quasi completato mi date un aiuto? jQuery 1
E Centrare finestra popup Javascript 7
A richiamare funzione javascript dopo login in popup. Javascript 0
andrea.peo Java popup con ricerca e invio Javascript 0
S finestre popup HTML e CSS 2
S devo creare un popup con metodo post HTML e CSS 0
F Problema finestra popup jQuery 4
A struts2 + jsp + modal popup Java 2
D Popup facebook HTML HTML e CSS 4
Shyson Mettere immagine per chiudere popup HTML e CSS 1
Shyson Onclick apre popup nel posto sbagliato Javascript 0
T Eludere blocco popup Javascript 0
D Popup con form post Javascript 1
H Oscurare pagina con popup interno? Javascript 4
H Azione alla chiusura di una finestra popup? PHP 1
R aiuto popup PHP 9
F offro cpm tramite popup 1,10 euro ogni 1000 Guadagnare col Sito 0
Web Designer Popup Mycode MyBB MyBB 0
Vale2 PopUp al submit del form Snippet Javascript 0
Web Designer Come ottenere un Popup in entrata su MyBB (valido anche per altri CMS) MyBB 0

Discussioni simili