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ê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.