Version imprimable
Bonjour
dans une page , un script javascript est inséré dans un élément du body
je ne sais pas où
le but est de savoir avec mon script js où je me trouve et ensuite mettre du code html là où je le trouve
est ce possible ?
Code:
2
3
4
Merci de votre aide
Bonjour,
pour info, c'est dans la :faq: :
Comment ajouter du JavaScript à une page HTML ?
Où placer les scripts dans la page HTML ?
Quels sont les attributs de la balise script ?
Ensuite il serait intéressant de savoir ce qu'il y à dans le fichier et ce que fait le script.
Bonnes Pratiques
Ne jamais éparpiller le JS dans le DOM.
Mettre des id sur les éléments à manipulerMettre tous les jS dans le headCode:
2
3
4
n'agir sur les éléments du dom que lorsque le document est complètement chargé (onLoad)
A+JYT
merci pour les bonnes pratiques et les bases de js
mais ce n'était pas ma demande :)
ma demande est un cas particulier auquel je ne peux pas changer grand chose
le script js mettra du html dans la div où il se trouve
actuellement il utilise document.write et je voudrais changer ça car document.write me pose probleme
existe t il une autre solution
Merci de votre aide
La méthode est crade, mais le POC est intéressant. :aie:
Je te comprends ! :mrgreen:Citation:
je voudrais changer ça car document.write me pose probleme
La solution, c'est de considérer que le DOM se construit en même temps que la page HTML. Du coup, quand ton script est interprété, les éléments déjà présents dans le HTML existent déjà dans le DOM.
Du coup, une première approche serait d'insérer le contenu du script à la fin du body :
http://codepen.io/bovino/pen/EeAyF
Seul problème, ça ne marche que pour les enfants directs de la balise <body> :( :
http://codepen.io/bovino/pen/ImfFq
Donc, il faut effectivement savoir où on se trouve exactement.
Pour ça, on sait qu'on se trouve dans une balise <script>. Or comme le script est interprété, on sait aussi que cette balise est la dernière de ce type dans le document, on peut donc récupérer le dernier éléments de la collection des balises <script>, récupérer sa balise parente et y ajouter le nouvel élément :
http://codepen.io/bovino/pen/vwdye
Le tour est joué ! :P
Ha 8Oje croyais en lisant que ta demmande était comment écrire dans un div...Citation:
Envoyé par nicerico
Ha :Dtient j'ai bien lu que ta demmande était comment écrire dans un div...Citation:
Envoyé par nicerico
Ben appliquer celle que je t'ai donnée :(Citation:
Envoyé par nicerico
A+JYT
Il n'y a pas que les ID ! Parce que c'est le moyen le plus simple, beaucoup de débutants ne connaissent rien d'autres. Et à force d'en mettre partout, il finit par y avoir des duplicats qui donnent des bugs très difficiles à déceler et résoudre. Mieux vaut apprendre à sélectionner les éléments en JS avec la même polyvalence qu'en CSS, surtout que querySelector est supporté quasiment partout maintenant.Citation:
Envoyé par sekaijin
Tout a fait d'accord avec toi.
Mais bon pour remplacer un script qui fait des doccument.write par une meilleure solution sans toucher au code
perso je vois pas.
A+JYT
Il peut être intéressant de connaître l'existence de document.currentScript, même s'il ne marche pas sous IE.