Forum d'entraide PHPFrance

Salut la compagnie

je souhaite faire disparaitre un span mais tout en laissant les divers nœuds qu'il contient.

voila le html de depart:

<div id=barre_navigation>
   <a href="./path/file.php">une page</a>
   <a href="./path/otherfile.php" style="display: none;">une autre page</a>
   <span id="bouton_off">&nbsp;
      <a href="./path/img1.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img2.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img3.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img4.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img5.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img6.jpg" style="display: none;">&nbsp;</a>
   </span>
</div>

voici le html à obtenir via le js:

Code : Tout sélectionner

<div id=barre_navigation>
   <a href="./path/file.php">une page</a>
   <a href="./path/otherfile.php" style="display: none;">une autre page</a>
      <a href="./path/img1.jpg" id="bouton_on">&nbsp;</a>
      <a href="./path/img2.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img3.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img4.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img5.jpg" style="display: none;">&nbsp;</a>
      <a href="./path/img6.jpg" style="display: none;">&nbsp;</a>
</div>

si quelqu'un peut m'aider... J'ai pas trop l'idée pour ce faire.

j'ai bien essayer ceci mais rien de fonctionnel:

        if(document.getElementById("bouton_fullscreen_off"))
        {
           /*on active le bouton fullscreen shadowbox pour diaporama.php */
           var diaporamaCloneNode = document.getElementById("bouton_fullscreen_off").childNodes;

           document.getElementById("bouton_fullscreen_off").firstChild.removeAttributeNode("style");
           document.getElementById("bouton_fullscreen_off").firstChild.setAttribute("id", "bouton_fullscreen");
           document.insertBefore(diaporamaCloneNode, document.getElementById("barre_navigation").lastChild);
           document.getElementById("barre_navigation").removeChild(getElementById("bouton_fullscreen_off"));
        }

merci d'avance

Quel est le but de cete manip?
juste pouvoir jouer sur la presentation ? ou ca a un interet fonctionnel?

car si c'est juste une question de presentation, rajoute une classe a ton span via ta fonction JS

Code : Tout sélectionner

document.getElementById(bouton_off).className="ta_classe";

, et dans ton css

Code : Tout sélectionner

#bouton_off.ta_classe{
/* ton nouveau style ...*/
}

sinon il faut parser et faire du replace en JS :S

en gros c'est fonctionnel et de la presentation à la fois...

Le fait que tu me le fasse remarquer m'a mis la puce à l'oreille et j'ai fini par trouver une methode plus simple...

en gros j'ai fait en sorte de ne pas contenir les liens dans le span. resultat je supprime le span et je modifie le premier lien depuis un id et tout fonctionne

encore merci pour cette remarque qui était très judicieuse

Forum d'entraide PHPFrance

supprimer un noeud parent au domready...

supprimer un noeud parent au domready...