Html et onLoad()

**OneAgain95** · 29/03/2011, 12h16

Bonjour,

j'ai un soucis avec mon script javascript et ma page html.

Je voudrais incorporer dans ma page html un graphique g�n�r� par du javascript. Celui ci r�cup�re des variables php g�n�r�es par une base de donn�e. Le graphique marche niquel, les valeurs sont bonnes etc.
Le probl�me c'est que ce graphique s'affiche "tout seul" sur la page, le code html disparait compl�tement. Est-il en dessous, aucune id�e. Ce qui est s�r c'est que le clic droit - afficher le code source de la page r�v�le bel et bien mon menu en html, bien qu'il ne s'affiche pas.
Sachant que lorsque, avec firebug, je fais inspecter un �l�ment o� que ce soit sur la page, celui ci ne me montre que le code g�n�r� par le javascript, j'y comprends rien !

Quelques bouts de code pour illustrer un peu tout �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE html>
<html>
<head><title>Graphique</title>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="lib/graph.js"></SCRIPT>
<link rel="stylesheet" type="text/css" href="PageProf.css" media="screen" title="bbxcss" />
</head>
 
 
<?php 
 
... Ici je récupère des données dans une bdd
 
echo '<body onload=histoS3("'.$nbP11.'","'.$nbP21.'","'.$nbP31.'","'.$nbAucunChoix.'")>';//Ici j'envoie les variables php à la fonction javascript ci dessous
	echo '<div id="menu">
        ... Affichage du menu
        </div>';
 
?>
 
<script type="text/javascript">
 
function histoS3(nbP11,nbP21,nbP31,nbAucunChoix) //fonction chargée de construire le graph
{
var i = new Graph(200,200);
i.title = "Choix de Parcours";
i.yLabel = "Effectif";
i.xLabel = "Parcours";
i.scale = 1;
i.relative = false;
i.setLegend("Choix 3","Choix 2","Choix 1","Sans choix");
i.addRow(nbP11,0,0,0);
i.addRow(0,nbP21,0,0);
i.addRow(0,0,nbP31,0);
i.addRow(0,0,0,nbAucunChoix);
i.build();
 
}
 
 
 
 
</SCRIPT>
 
</body> 
 
</html>

Le r�sultat �tant que ma div id="menu" contenant le menu disparait, seulement le graphique s'affiche sur fond blanc.

Quelqu'un a une id�e ?

Merci d'avance

**laurentg2003** · 29/03/2011, 14h27

Il y a peut etre un probl�me de dimension et un truc sur vu que tu appelle une fonction quand le body est charg� et bien ton echo etant g�n�rer par le serveur donc avant ton graphique l'�crase !
affiche ton menu aussi dans ta fonction c'est g�n�r� si � la vol� par php utilise ajax donc mais
ce que je fais moi sur une page php (ou ta page ou s'affiche tout)ton menu en json
et tu encapsule ton tableau json ou alors une simple chaine de caractere qui est ton menu html et tes donn�es dans un objet javascript ou une simple fonction

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function ApiData(){
 
var dataObj=eval(<?php echo $monMenu ; ?>);	
this.getApiData=function(){
 
 
return dataObj;
 
}
 
}

et tu inclu ton fichier php via une include
et dans ta fonction histoS3

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
 
var oData =new ApiData():
var menuSrc=oData.getApiData();

via innerHTML ou le dom appendChild tu insere ton menu (menuSrc) � la suite de ton graphe l� il doit se faire ecraser ou possionne tout en absulute
ou mets simplement ton div menu dessous ton graphe...

**OneAgain95** · 29/03/2011, 14h44

Merci pour ces solutions je vais essayer

En tout cas j'ai compris d'o� venait le probl�me ! Thank's

Html et onLoad()

JavaScript

Discussions similaires

Partager

Partager