Intégrer du html dans du Javascript

4 participants

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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 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 :
https://forum.forumactif.com/t301116-javascript-sur-forumactif

Joyeux Noël !
Cordialement.
Père Noël

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

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

https://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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 bando Mar 27 Déc 2011 - 10:04

bando

bando
Dévactif
Dévactif

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

https://forum.forumactif.com
bando a été remercié(e) par l'auteur de ce sujet.

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

Message par _backdraft_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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_ Mer 28 Déc 2011 - 11:35

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

_backdraft_
Membre habitué

Masculin
Messages : 1509
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_ Jeu 29 Déc 2011 - 16:39

UP merci.
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 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

zz10
Membre actif

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

http://www.ice-epinal-forum.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_ Ven 30 Déc 2011 - 14:03

Merci, malheureusement ce code ne marche pas non plus.

Cordialement.
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 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

zz10
Membre actif

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

http://www.ice-epinal-forum.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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 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

zz10
Membre actif

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

http://www.ice-epinal-forum.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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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

- Sujets similaires

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