begin process at 2012 05 29 07:12:07
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Couper le sonn d'une video quand on ferme un pseudo pop up


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Couper le sonn d'une video quand on ferme un pseudo pop up

vendredi 14 août 2009 à 18:11:29 | Couper le sonn d'une video quand on ferme un pseudo pop up

Gandhi78

Bonjour,
J'ai un petit problème sur mon site web:
J'ouvre des pop-up avec la fonction onclick qui contient une video en FLV. Mon problème et que quand je coupe la pop-up le son continue en fond sur IE ce qui n'est pas le cas sur Firefox. Voici le code utiliser pour l'ouverture de la pop-up:

Code PHP :
 <td colspan="2" align="center" ><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'video1' } )" class="patagonia"><img src="../templates/images/videos_buenos_aires.jpg" border="0"  alt="" width="140" height="96"/></a></td>


<div class="patagonia-html-content" id="video1">
<div class="patagonia-header">
<ul>
<li class="patagonia-move">
<a href="#" onclick="return false">Bouger</a>
</li>
<li class="patagonia-close">
<a href="#" onclick="return hs.close(this)" >Fermer la fen&ecirc;tre</a>
</li>
</ul>
</div>



<div class="patagonia-body">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<th height="63" align="center" valign="top" scope="col"><img src="../templates/images/symboles/symboles_fond_beige/clap.jpg" alt="clap" border="0" /></th>
<th rowspan="2" scope="col">
<object type="application/x-shockwave-flash" width="480" height="264" data="../templates/videos/flvplayer.swf">
<param name="movie" value="../templates/videos/flvplayer.swf" />
<param name="flashvars" value="file=/templates/videos/Buenos Aires.flv" />
</object>


</th>
</tr>
<tr>
<th valign="top" scope="row"><img src="../templates/images/cartesregion/vignette/buenos-aires.jpg" border="0" alt="buenos-aires"/></th>
</tr>


</table>
</div>
<div class="patagonia-footer">
<div>
<span class="patagonia-resize" title="Agrandir"></span></div>
</div>
</div>


Voici le code javascript associer:
Code Javascript :
getSelfRendered : function() {

var s =
'<div class="patagonia-header"><ul>'
+ '<li class="patagonia-previous"><a onclick="return hs.previous(this)" href="#">'+ hs.previousText +'</a></li>'
+ '<li class="patagonia-next"><a onclick="return hs.next(this)" href="#">'+ hs.nextText +'</a></li>'
+ '<li class="patagonia-move"><a href="#" onclick="return false">'+ hs.moveText +'</a></li>'
+ '<li class="patagonia-close"><a onclick="return hs.close(this)" title="'+ hs.closeTitle +'" href="#">'
+ hs.closeText +'</a></li>'
+'</ul></div>'
+'<div class="patagonia-body"></div>'
+'<div class="patagonia-footer"><div>'
+ '<span class="patagonia-resize" title="'+ hs.resizeTitle +'"><span></span></span>'
+'</div></div>';
return hs.createElement('div', { className: 'patagonia-html-content', innerHTML: s } );
},


Et voici le code CSS
Code :
.patagonia-wrapper {

background:#CCCBB4;
}
.patagonia-wrapper .patagonia-html-content {
scrollbar-base-color:#CCCBB4;
width:600px;
height:auto;
padding:6px;
}
.patagonia-wrapper .patagonia-header div {
height:200px;
}
.patagonia-wrapper .patagonia-header ul {
margin:0;
padding:0;
text-align:right;
height:30px;
}
.patagonia-wrapper .patagonia-header ul li {
display:inline;
padding-left:1em;
height:30px;
}
.patagonia-wrapper .patagonia-header ul li.patagonia-previous, .patagonia-wrapper .patagonia-header ul li.patagonia-next {
display:none;
}
.patagonia-wrapper .patagonia-header a {
}
.patagonia-wrapper .patagonia-header a:hover {
color:#FFFFFF;
}
.patagonia-wrapper .patagonia-header .patagonia-move a {
cursor:move;
}
.patagonia-wrapper .patagonia-footer {

display:block;
height:11px;
}
.patagonia-wrapper .patagonia-footer .patagonia-resize {
float:right;
height:11px;
width:11px;
background:url(../graphics/resize.gif);
}
.patagonia-wrapper .patagonia-body {
scrollbar-base-color:#CCCBB4;
padding:0;
}
.patagonia-move {
cursor:move;
}
.patagonia-resize {
cursor:nw-resize;
}

.patagonia-display-block {
display: block;
}
.patagonia-display-none {
display: none;
}


Je vous remercie d'avance de l'aide que vous pourrez m'apportez.

dimanche 16 août 2009 à 19:20:29 | Re : Couper le sonn d'une video quand on ferme un pseudo pop up

bizibiz17

Salut,

Tu as essayer de supprimer du DOM le node qui contient ta vidéo ?

lundi 17 août 2009 à 03:55:47 | Re : Couper le sonn d'une video quand on ferme un pseudo pop up

Gandhi78

Heu, j'ai pas le niveau nécessaire pour comprendre ta phrase. Je ne vois pas ce que c'est un DOM?



mardi 18 août 2009 à 11:17:23 | Re : Couper le sonn d'une video quand on ferme un pseudo pop up

bizibiz17

DOM = Document Object Model c'est à dire tout les objets HTML contenus dans ta page.
Donc pour supprimer les Nodes (éléments html) tu prend ton conteneur de départ (un div par exemple) :
var container = document.getElementById("monDivVideo");

//Puis suppression de tout ce qu'il contient
while(container.childNodes.length>0)
container.removeChild(container.childNodes[container.childNodes.length-1]);



Cette discussion est classée dans : code, header, display, wrapper, patagonia


Répondre à ce message

Sujets en rapport avec ce message

Probleme de pseudo pop up avec video [ par Gandhi78 ] Bonjour, Voici un petit probleme que j'ai avec un highslide qui permet d'ouvrir une fenetre pop-up avec une video FLV dedans dans mon cas. Quand je f [aide] fenetre modale: pb de fermeture [ par nossoctoruss ] salut, le titre explique a peu pret tout... voila, j'ai trouvé,comme a mon habitude, un script qui me plaisai bien : une fenetre modale hyper simple c display ou visibility [ par lordlifen ] bonsoir, J'aimerais mettre un display ou visibility sur mon code afin de cacher ou montrer le resultat de mon deuxieme select lorsqu'on clique sur un Probleme de display [ par maxroucool ] Slt, voici mon code: [code]function verifPseudo(pseudo)     {         if(pseudo)         {           &nb GetElementById et son fameul null ... [ par sebuim ] Salut, j'ai un petit soucis : J'ai mon code Html :   Titre 1 et j'ai mon code JS: function generateTOC(){   &nbsp mettre un code en annexe ( code.js) [ par floky56 ] Bonjour, je voudrais savoir comment mettre un code source dans un autre fichier : j'ai fait des test déja mais ca ne fonctionne pas  voici mon code :p Comment changer une info bulle texte en info bulle image ? help svp [ par westernz ] Bonjour, J'ai recuperer ce qui semble etre le meilleur code d'info bulle (sans bug de scroll ou autre). Seulement je cherche (depuis deja pas mal de probleme de DOCTYPE et JAVASCRIPT [ par Bassman ] Bonjour,     Voila j'utilise cette source => http://javascriptfr.com/code.aspx?ID=16310 et le problème c'est dès que je rajoute la balise : <!DOCTY Code d'accès... [ par poitierjohan ] Bonjour,Sur ma page d'accueil, je voudrais mettre un textbox dans le lequel je doit mettre un code (prédéfinis) pour avoir accès à une autre page de m ne pas afficher le code source [ par chrys700 ] Je souhaiterais savoir s'il est possible de na pas permettre l'affichage du code source Merci Chrys


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,265 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales