Petit souci en Javascript / html

par Abeauc Mer 24 Juin - 17:20

Je vous explique mon problème, je souhaite construire un graphiques dynamique de type "pie" avec des annotations qui s'affichent lorsque l'on passe la souris sur le "quartier" souhaité, ici des pourcentage !
Je vais chercher les données dans des fichiers .csv
J'appel mon fichier .js dans mon html.

Le code fonctionne très bien pour un graphique, or je souhaiterais afficher deux graphiques sur ma page pour pouvoir faire une comparaison. Mais lorsque j'appel mon second fichier .js correspondant à ma seconde série de données, seul le dernier s'affiche.

Je suis plus C/C++ et Matlab et beaucoup moins html bref si vous avez des idées Petit souci en Javascript / html 1893818206

Petit souci en Javascript / html 1893818206

Le code qui pose certainement problème :

[Vous devez être inscrit et connecté pour voir cette image]

par Anestel Mer 24 Juin - 18:24

Tu as essayé de le vérifier avec un vérifieur de code js? on en trouve sur internet... ça te dit où il y a des erreurs...

par Abeauc Mer 24 Juin - 18:28

Non il ne me donne aucune erreur, quand je l'ouvre dans Firefox, dans le cas où je ne travaille qu'avec un seul graphique c'est bon, ça fonctionne et quand je travaille avec les deux, seul le dernier s'affiche, le premier n'apparaît pas.
Donc pour moi le problème ne vient pas du code source à proprement dit mais bien du code joint dans mon message.
Le html c'est pas mon truc...

par Anestel Mer 24 Juin - 18:34

Je ne pourrai pas plus t'aider, les codes JS dont j'ai eu besoin, je les ai trouvés sur le net et quand ça marchait pas j'ai fait les corrections avec un correcteur, mais sans savoir ce que je faisais exactement...
Il doit y avoir un code utilisant l'équivalent de "et" pour afficher graphique 1 et 2...???

par d4506 Jeu 25 Juin - 6:23

plutôt que des <section> utilise des <div>

Par exemple dans ton body :

Code:: <div id=graph_droit> <script src="draw_2.js" /> </div> <div id=graph_gauche> <script src="draw.js" /> </div>

et dans ton head tu places :

Code:: <style type="text/css"> #graph_droit { float: right; } #graph_gauche { float: left; } </style>

Et un de la lecture indispensable : [Vous devez être inscrit et connecté pour voir ce lien]

par guy37 Jeu 25 Juin - 6:39

la vous devenez compliqué ! dub

par Abeauc Jeu 25 Juin - 14:11

d4506 a écrit:plutôt que des <section> utilise des <div>

Par exemple dans ton body :

Code:
<div id=graph_droit> <script src="draw_2.js" /> </div> <div id=graph_gauche> <script src="draw.js" /> </div>

et dans ton head tu places :

Code:
<style type="text/css"> #graph_droit { float: right; } #graph_gauche { float: left; } </style>

Et un de la lecture indispensable : [Vous devez être inscrit et connecté pour voir ce lien]

Merci beaucoup Petit souci en Javascript / html 1893818206

J'ai donc appliqué les modifications mais malheureusement je n'ai toujours que le dernier des deux graph qui s'affichent...
J'avoue que j'en perd un peu mon latin, j'ai essayé plein de trucs mais rien n'y fait!
Y-a-t-il un souci dans mes js ?

Mon code maintenant:

Code:: <!DOCTYPE html> <html> <head> <title> Comparison 2005 / 2013 </title>  <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <link rel="stylesheet" type="text/css" href="style.css" media="all" > </head> <body> <script src="http://d3js.org/d3.v3.min.js"></script> <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script> <div id="graph_gauche"> <script src="draw.js"></script> </div> <div id="graph_droit"> <script src="draw_2.js"></script> </div> <div id="pied_de_page"> <b> 2005 vs. 2013 </b> </div> </body> </html>

par d4506 Jeu 25 Juin - 17:35

Essaie ça (et à la place des 2 images, tu mets les appels à tes scripts).

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Mes 2 images cote-a-cote</title> </head> <body> <style type="text/css"> #principal {} #graph_droit { display: inline-block; float: right; } #graph_gauche { display: inline-block; float: left;} </style> <div id="principal"> <div id="graph_droit"> <img src="images/tracteurs/dx145.jpg" /> </div> <div id="graph_gauche"> <img src="images/tracteurs/dx160.jpg" /> </div> </div> </body> </html>

par Abeauc Jeu 25 Juin - 19:02

J'ai essayé de bidouiller toute l'aprem et j'ai essayé ta solution et ça ne change rien, le problème reste le même !

Je penche pour un souci dans mes scripts javascript...

Merci encore

par d4506 Ven 26 Juin - 6:08

Je pense aussi Very Happy

Si tu veux que je jette un oeil, n'hésite pas Wink

Bon ce ne sera pas avant lundi ou mardi par contre :/

par LeFlow Jeu 16 Juil - 22:31

Je connais pas bien le java et l'HTML mais il faudrait pas leur donner une position (surement via du CSS) ??

Je pense que tes 2 graph y sont mais un sur l'autre.

L'html en soit, ne permet pas le positionnement c'est pour sa que je dis de voir avec du CSS.

Tu as pas un lien vers ta page HTML ??

par Contenu sponsorisé

Petit souci en Javascript / html

Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html

Re: Petit souci en Javascript / html