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 :)

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]
document.getElementById(bouton_off).className="ta_classe";
[/code]
, et dans ton css
[code]
#bouton_off.ta_classe{
/* ton nouveau style ...*/
}
[/code]

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

        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"));
        }

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:
[code]<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>[/code]
voici le html à obtenir via le js:
[code]<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>
[/code]

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:
[php] 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"));
}
[/php]

merci d'avance :)