Intégrer du html dans du Javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Intégrer du html dans du Javascript

Message par _backdraft_ le Lun 26 Déc 2011 - 16:19

Bonjour,

J'ai un petit problème je suis entrain de coder quelque chose, le problème c'est que le code de base est du Javascript mais pour que mon truc marche je dois y mettre dedans un code html dans le Javascript or d'après mes essais le Javascript et le html ne font pas bon ménage entre eux.

Merci de votre aide.


Dernière édition par _backdraft_ le Ven 30 Déc 2011 - 19:54, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par Père Noël le Lun 26 Déc 2011 - 16:29

Ho Ho Ho,



Du javascript c'est une sorte de language de script qu'on peut inclure dans du html. Donc html et javascript... et bien l'un ne va pas sans l'autre ^__^

Dans ce tutoriel là on parle justement des endroits où on peut en mettre, et des façons de l'intégrer à du html :
http://forum.forumactif.com/t301116-javascript-sur-forumactif

Joyeux Noël !
Cordialement.



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Lun 26 Déc 2011 - 16:40

Merci beaucoup je vais lire ça puis je dirais si mon problème est résolu.

PS : vous avez été gentil cette année Very Happy

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Lun 26 Déc 2011 - 23:22

Non rien à faire je n'y arrive pas en faite j'explique :

J'ai créé une page coulissante comme dans le tutoriel, puis j'ai voulut mettre un menu déroulant qui ramène vers à certaines pages.

Le problème c'est que la page coulissante c'est du javascript et le menu déroulant c'est un code html, et quand je mes le code html à l'endroit où on écrit dans le javascript pour remplir la page coulissante ça ne marche pas.

Merci

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par Zorro le Mar 27 Déc 2011 - 10:04

Bonjour,

Pour ajouter du html en javascript, vous avez plusieurs fonctions :
http://api.jquery.com/append/
http://www.journaldunet.com/developpeur/tutoriel/dht/040512-javascript-innerhtml-lien.shtml




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 1945
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Mar 27 Déc 2011 - 12:01

Merci mais je ne comprends pas trop... le plus simple c'est que je vous montre mon code, la partie Javascript est bien mais dès que j'ai mis le tableau dedans ça ne marchait plus : (j'ai mis des balise "hide")



Dernière édition par _backdraft_ le Ven 30 Déc 2011 - 19:58, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Mer 28 Déc 2011 - 11:35

J'ai enlevé les balises "hide", merci pour votre aide.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Jeu 29 Déc 2011 - 16:39

UP merci.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par zz10 le Ven 30 Déc 2011 - 9:16

Bonjour,

Jamais de retour chariot (retour à la ligne) dans une variable javascript, ce qui donne :

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 30px; right: 0px;background-color: #000000;z-index:500;"><tr><td><div id="panneau2" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><body><center><font color="#FFFFFF">Véhicules d\'intervention :</font></center><br></br><div id="véhicules CCIS35"><dl><dt>Replier</dt></dl><dl><dt>Véhicules sanitaires</dt><dd  style="display:none;"><ul><li><a href="http://www.caserne35.com/t191p480-presentation-vsav-pl-01#22870">VSAV PL</a></li><li><a href="http://www.caserne35.com/t192p160-presentation-vsav2#22127">VSAV02</a></li><li><a href="http://www.caserne35.com/t211p40-presentation-vlm#20835">VLM</a></li></ul></dd> </dl><dl><dt>Véhicules incendies</dt><dd  style="display:none;"><ul><li><a href="http://www.caserne35.com/t193p480-presentation-fptda#22953">FPTDA</a></li><li><a href="http://www.caserne35.com/t682p100-presentation-fpt02#22988">FPT02</a></li><li><a href="http://www.caserne35.com/t195p80-presentation-epa#22517">EPA</a></li><li><a href="http://www.caserne35.com/t194p160-presentation-ccf#20830">CCFM</a></li></ul></dd></dl><dl><dt>Autres véhicules</dt><dd  style="display:none;"><ul><li><a href="http://www.caserne35.com/t196p80-presentation-vsr#22135">VSR</a></li><li><a href="http://www.caserne35.com/t1089p20-presentation-cid#20833">CID</a></li><li><a href="http://www.caserne35.com/t1135-presentation-vlcdg#17015">VLCDG</a></li><li><a href="http://www.caserne35.com/t241p40-presentation-vtp#22082">VTP</a></li><li><a href="http://www.caserne35.com/t243-presentation-vic#19371">VIC</a></li></ul></dd> </dl></div></body></div></td><td style="vertical-align: bottom;"><img src="http://i46.servimg.com/u/f46/11/06/28/73/vahicu10.png" onmouseover="document.getElementById(\'panneau2\').style.display=(this.src==\'http://i46.servimg.com/u/f46/11/06/28/73/vahicu10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i46.servimg.com/u/f46/11/06/28/73/vahicu10.png\')?\'http://i46.servimg.com/u/f46/11/06/28/73/fermer11.png\':\'http://i46.servimg.com/u/f46/11/06/28/73/vahicu10.png\';"/></td></tr></table>'); } );

cdt

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Ven 30 Déc 2011 - 14:03

Merci, malheureusement ce code ne marche pas non plus.

Cordialement.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par zz10 le Ven 30 Déc 2011 - 14:28

Re,

C'est pas censé vous afficher un panneau latéral avec les véhicules d'interventions ? Car ça je le vois sur votre forum ?

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Ven 30 Déc 2011 - 15:41

Si le panneau latéral marche mais le menu à l'intérieur qui devrait ramener directement aux forums où se situent les véhicules ne marche pas (en tout cas pour moi ni avec chrome ni avec Firefox).

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par zz10 le Ven 30 Déc 2011 - 17:28

Normal, le texte est en noir sur fond noir. En tout cas le problème de l'injection de HTML via javascript est réglé Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Ven 30 Déc 2011 - 19:36

oui j'ai vu mais en dehors du problème de couleur, si je clique sur un des menus il ne s'ouvre pas...

Cordialement

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer du html dans du Javascript

Message par _backdraft_ le Ven 30 Déc 2011 - 19:54

Ah j'ai trouvé le problème était que j'avais changé le nom du menu déroulant coup pour les autres codes ne le trouvaient pas...

Merci beaucoup

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum