Flash en display:none sous IE

Flash en display:none sous IE - HTML/CSS - Programmation

Marsh Posté le 07-07-2008 à 13:36:33    

Bonjour à tous.
 
Passer un Flash en display:none sous Firefox le fait disparaître et le désactive (par exemple si le flash émettait du son, dès lors il n'en émet plus).
Par contre sous IE un Flash en display:none, même si il est invisible, continue malgré tout d'être lu.
Comment faire pour avoir le même effet que sous Firefox?
 
C'est en faites pour un site avec des panneaux rétractables. Si on cache un panneau contenant du Flash, je souhaiterais qu'il ne soit plus lu.
 
Merci d'avance pour vos réponses.

Reply

Marsh Posté le 07-07-2008 à 13:36:33   

Reply

Marsh Posté le 08-07-2008 à 00:56:04    

ha tiens je connaissais pas ce bug
bah essaie de le supprimer du dom, ou tu envoies un parametre pour stopper la lecture


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 28-08-2009 à 16:23:20    

UP! un pti détérage pour ce même "bug" que j'ai sur mon site.
 

Citation :

bah essaie de le supprimer du dom


Je comprends pas "dom", qu'estce que c'est ?
 

Citation :

ou tu envoies un parametre pour stopper la lecture


Comment faire ça ? en javascript ? avec un fichier xml apelé par l'anim flash ?
 
J'ai un autre souci : j'ai utilisé le display avec un onmouseover pour faire apparaitre mon animation flash au survol d'une miniature. Ca fonctionne mais sous Firefox mon animation n'apparait pas. J'ai vérifié avec Firebug, mon <span> qui contient l'animation flash passe bien de "display:none" à "display:block".
 
mon exemple :

Citation :

<script type="text/javascript">
<!--
 divimg = {
  show: function(elem) {
   document.getElementById(elem).style.display = 'block';
  },
  hide: function(elem) {
   document.getElementById(elem).style.display = 'none';
  }
 }  
--></script>
 
<span id="divimg1">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="390px" height="310px">
      <param name="width" value="390px" />
      <param name="height" value="310px" />
      <param name="src" value="./images/flash/large/plan_comcom_v16.swf" />
   </object>
</span>
 
<span id="divimg2">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="390px" height="280px">
      <param name="width" value="390px" />
      <param name="height" value="280px" />
      <param name="src" value="./images/flash/large/DVD_IUT_v0.2.swf" />
   </object>
</span>
 
<span id="divimg3">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="390px" height="230px">
      <param name="width" value="390px" />
      <param name="height" value="230px" />
      <param name="src" value="./images/flash/large/elyxir.swf" />
    </object>
</span>
 
<span onclick="divimg.hide('divimg1')" onmouseover="divimg.show('divimg1'),divimg.hide('divimg0'),divimg.hide('divimg2'),divimg.hide('divimg3')"><a rel="shadowbox[objetsThumbs];options={counterType:'default',continuous:true};width=700;height=600;" href="./images/flash/large/plan_comcom_v16.swf" title="Carte Intéractive de Lapalisse"><img src="./images/flash/mini/carte_flash.jpg" border="0" alt="carte_flash"/></a>&nbsp;&nbsp;</span>
 
<span onclick="divimg.hide('divimg2')" onmouseover="divimg.show('divimg2'),divimg.hide('divimg0'),divimg.hide('divimg1'),divimg.hide('divimg3')">
<a rel="shadowbox[objetsThumbs];options={counterType:'default',continuous:true};width=696;height=481;" href="./images/flash/large/DVD_IUT_v0.2.swf" title="Interface DVD Intéractif IUT"><img src="./images/flash/mini/dvd_iut.jpg" border="0" alt="dvd_intéractif"/></a>&nbsp;&nbsp;</span>
 
<span onclick="divimg.hide('divimg3')" onmouseover="divimg.show('divimg3),divimg.hide('divimg0'),divimg.hide('divimg1'),divimg.hide('divimg2')">
<a rel="shadowbox[objetsThumbs];options={counterType:'default',continuous:true};width=800;height=480;" href="./images/flash/large/la_mouche.swf" title="Animation La Mouche"><img src="./images/flash/mini/mouche.jpg" border="0" alt="la_mouche"/></a>
</span>


 
Ce code fonctionne bien sous Opera10 et sous IE8 (même si IE8 ne stop pas la vidéo), mais sous firefox3.5 rien n'apparait.
Pour info ca ne fonctionne pas mieux avec visibility:visible et visibility:hidden.
 
Si vos avez de quoi éclairer ma lanterne  :hello:


Message édité par pistuleman le 28-08-2009 à 16:24:12

---------------
Ryzen 1600X | 32Go DDR4 | RTX 2070S
Reply

Marsh Posté le 28-08-2009 à 20:49:01    

J'ai trouvé pourquoi mes anim flash n'apparaissent pas sous firefox, mon code dans les balises object est complètement foireux. Voici le nouveau code :

Citation :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="390px" height="310px">
      <param name="movie" value="./images/flash/large/plan_comcom_v16.swf" />
      <param name="quality" value="high" />
      <embed src="./images/flash/large/plan_comcom_v16.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="390" height="310"></embed>


Il ne me reste plus que le problême sous IE qui n'arrête pas les animations sur les display:none.  :bounce:


Message édité par pistuleman le 28-08-2009 à 21:05:06

---------------
Ryzen 1600X | 32Go DDR4 | RTX 2070S
Reply

Marsh Posté le 29-08-2009 à 10:11:27    

tu supprime la balise objet à la main (ou mieux le div qui contient le flash) et wala :o


---------------
Blablaté par Harko
Reply

Marsh Posté le 29-08-2009 à 10:33:22    

+1, il faudrait que tu supprime le conteneur du flash (une div ?) de ta page...
DOM = Document Object Model, comprend par là l'architecture de ta page (ton arborescence de balise html)
Par contre, tu ne pourra plus le réafficher si il n'est plus là, alors il te faudra recreer une div qui contient le flash correspondant en JS
De manière générale, utilise le SWFObject pour faciliter la chose...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 31-08-2009 à 22:16:25    

Yop je reviens après avoir suivi vos conseils. Merci dailleur pour votre aide.
 
Je me suis renseigné sur le SWFObject mais je n'ai rien trouvé qui permette de supprimer/cacher/stopper mon "<object>", que ce soit avec un param en publication statique, ou une méthode comme 'swfobject.switchOffAutoHideShow()" en dynamique (j'ai dailleur pas compris à quoi elle servait  celle là :pt1cable: ). peut etre avec flashvars ?
 
Donc je suppose qu'il faut que je rajoute un script en javascript pour supprimer mon div conteneur (ou juste l'object ?) de ma page puis de le réafficher après. Je connais vraiment pas grand chose au javascript mais ca doit pas être compliqué à faire. Je vais continuer mes recherches dans ce sens là et si vous avez d'autres conseils à me donner je suis pas loin.
 
ma page de test
[:ajacciu20]


---------------
Ryzen 1600X | 32Go DDR4 | RTX 2070S
Reply

Marsh Posté le 31-08-2009 à 22:16:26    

double post (souris de  :kaola: )


Message édité par pistuleman le 31-08-2009 à 22:17:31

---------------
Ryzen 1600X | 32Go DDR4 | RTX 2070S
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed