Webmaster Hub > Afficher un bloc de texte en javascript

Version complète: sur le forum Webmaster Hub : Afficher un bloc de texte en javascript

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > AjaX et JavaScript

karnabal

mardi 3 juin 2008 à 17:01

Bonjour,

Je recherche initialement à afficher un bloc de texte en pied de page tout en plaçant le code concerné au sommet du code source de la page web. Pour cela je fais appel à un petit script.

Le bloc à afficher, présent en haut dans le code :

CODE

<div id='patch'>Blablah</div>

Le code qui va permettre d'afficher Blablah où on veut dans la page :

CODE

<div id='conteneur'></div>
<script type="text/javascript">
p=document.getElementById('patch')
c=document.getElementById('conteneur')
c.appendChild(p)
</script>
</div>

Pas se problème avec ce code, cependant à l'affichage de la page, le bloc de texte (notre Blablah) s'affiche tout de même.

Comment le supprimer, le masquer, au chargement de la page ?

captain_torche

mardi 3 juin 2008 à 17:39

Tu ne peux pas le masquer en CSS ?

karnabal

mardi 3 juin 2008 à 18:07

Ah oui ! Par exemple :

CODE

div.toppatch ul#patch {
display:none;
}

CODE

<div class="toppatch">
<div id='patch'>Blablah</div>
</div>

Plus de problème au chargement.

Bovino

mercredi 4 juin 2008 à 18:10

Si ta div "conteneur" est placée avant ta div "patch" (ce qui est particulièrement probable puisque patch est en bas de page), alors, "patch" n'est pas encore dans le DOM au moment où le script est chargé... donc il est placé à l'emplacement donné par le code html.
En résumé, déplace ton script aprés la div "patch" et ça devrait fonctionner...

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.