Les Agrin@utes: le Forum de l'Agriculture Francophone.
Bonjour
Si vous vous connectez pour la première fois à ce forum, merci de bien vouloir passer par la rubrique dédiée aux nouveaux arrivants pour lire les conditions et vous présenter avant de poster.


Rejoignez le forum, c’est rapide et facile

Les Agrin@utes: le Forum de l'Agriculture Francophone.
Bonjour
Si vous vous connectez pour la première fois à ce forum, merci de bien vouloir passer par la rubrique dédiée aux nouveaux arrivants pour lire les conditions et vous présenter avant de poster.
Les Agrin@utes: le Forum de l'Agriculture Francophone.
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Météo par France Prévisions


-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

Petit souci en Javascript / html

5 participants

Aller en bas

Petit souci en Javascript / html Empty Petit souci en Javascript / html

Message 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

Le code qui pose certainement problème :

[Vous devez être inscrit et connecté pour voir cette image]
Abeauc
Abeauc
Agrinaute d'or

Age : 35

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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...
Anestel
Anestel
Agrinaute hors compétition


Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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...
Abeauc
Abeauc
Agrinaute d'or

Age : 35

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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...???
Anestel
Anestel
Agrinaute hors compétition


Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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]
d4506
d4506
Agrinaute d'or

Age : 40

https://www.deutz-passion.fr

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message par guy37 Jeu 25 Juin - 6:39

la vous devenez compliqué ! dub
guy37
guy37
Agrinaute hors compétition

Age : 71

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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 charset="utf-8"> -->
<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>
Abeauc
Abeauc
Agrinaute d'or

Age : 35

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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>
d4506
d4506
Agrinaute d'or

Age : 40

https://www.deutz-passion.fr

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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
Abeauc
Abeauc
Agrinaute d'or

Age : 35

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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 :/
d4506
d4506
Agrinaute d'or

Age : 40

https://www.deutz-passion.fr

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message 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 ??
LeFlow
LeFlow
Agrinaute en rodage

Age : 43

Revenir en haut Aller en bas

Petit souci en Javascript / html Empty Re: Petit souci en Javascript / html

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


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