Changer le contenu d'une balise

Résolu
Rebk -  
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
je débute en programmation, je voulais faire des boutons qui font aparaitre des animations flash j'ai donc trouvé cet exemple qui marche très bien quand le contenu est du texte : 
<style type='text/css'>
#textDiv { position:absolute; top:8; right:8; border-style:solid; border-width:thin; background:lightgrey;}
</style>

<a href="#" onMouseOver="afficheDescURL(' Nos coordonnées postale et Internet ')" onMouseOut="afficheDescURL(base)">Contact</a><br>
  <a href="#" onMouseOver="afficheDescURL(' Une réponse claire à la plupart de vos questions ')" onMouseOut="afficheDescURL(base)">F.A.Q.</a><br>


<div id="textDiv"></div>

<script type="text/javascript"><!--
function afficheDescURL(toThis)
  {
  if (document.getElementById)
    {
    document.getElementById("textDiv").innerHTML = toThis;
    }
  else if (document.all)
    {
    document.all["textDiv"].innerHTML = toThis;
    }
  }

base = " Vous êtes sur la page d'accueil ";
afficheDescURL(base);
//--></script>


Helas lorsque je veux remplacer le contenu 
 'Nos coordonnées postale et Internet'
par mon anim j'insere donc cette div qui marche tres bien toute seule : 
<div id="myContent2" style="text-align:center;"></div>


et donc ça donne ça 
<a href="#" onMouseOver="afficheDescURL(<div id="myContent2" style="text-align:center;"></div>')" onMouseOut="afficheDescURL(base)">Contact</a><br>

et bien ça ne marche pas du tout...


Si une âme charitable pouvait m'aider ça serait super !!

merci
;)

Rebecca


A voir également:

3 réponses

Réponse 1 / 3
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Salut.

Il manque un apostrophe avant ton code HTML, après la parenthèse ouvrante, et tu dois échapper les guillemets de ton code HTML avec un anti-slashe ( \ ).

Si ton animation est chargée dans la div grâce à du Javascript, il faut que cette div existe avant l'exécution du script JS (donc au chargement de la page). En la faisant apparaître après, il est trop tard.

Donc il faut que tu mets ta div manuellement en HTML, que tu la masques avec du CSS, et grâce à un script JS, tu pourras l'afficher ou la masquer.
0
Réponse 2 / 3
Rebk
 
Merci pour ta réponse, j'ai échappé les guillemets, et posée ma div #myContent avant le script, mais ça ne donne rien ... voilà mon code maintenant : 

<div id="myContent2" style="text-align:center;">
</div>

<script type="text/javascript">
swfobject.embedSWF("<?php echo Mage :: getBaseUrl ( Mage_Core_Model_Store::URL_TYPE_WEB ); ?>media/upload/flash/test2.swf", "myContent2", "300", "120", "9.0.0");
</script>

<div>
  <a href="#premier" onMouseOver="afficheDescURL(' <div id=\"myContent2\" style=\"text-align:center;\"></div> ')" onMouseOut="afficheDescURL(base)">F.A.Q.</a><br>
  <a href="#2" onMouseOver="afficheDescURL(' Contient mon C.V., entre autres [moimeme.fr] ')" onMouseOut="afficheDescURL(base)">Mon site pro</a><br>

<script type="text/javascript"><!--
function afficheDescURL(toThis)
  {
  if (document.getElementById)
    {
    document.getElementById("textDiv").innerHTML = toThis;
    }
  else if (document.all)
    {
    document.all["textDiv"].innerHTML = toThis;
    }
  }

base = " Vous êtes sur la page d'accueil ";
afficheDescURL(base);
//--></script>
<div id="textDiv"></div>
</div>



j'débute jvois pas comment faire....

merci dvotre aide !!
0
Réponse 3 / 3
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Plutôt que de changer le contenu d'un div, crées-en plusieurs, chacun avec son contenu, et modifie la propriété CSS "display" afin de le faire apparaître (block) ou pas (none) via un script JS.
0