problème avec jquery et fonction load()

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème avec jquery et fonction load()

hppp

Serveur@home

Salut à tous,

Je suis en train de coder une page pour que quand je clique sur un lien, il me change dans un div un graph highcharts.

Mon graphe highcharts marche très bien quand je le lance directement dans chrome (page en html symple) mais quand je fais appel à la page il me lance ces erreurs lors du premier clique et le graph ne s'affiche pas :

Code :

Uncaught TypeError: undefined is not a function VM350:4
Uncaught ReferenceError: Highcharts is not defined

et quand je reclique dessus, il me met ces erreurs mais s'affiche bien :

Code :

Uncaught TypeError: undefined is not a function VM350:4
Uncaught ReferenceError: Highcharts is not defined exporting.js?_=1412883457229:23
Uncaught TypeError: undefined is not a function

voici mon code d'appel de la fonction load() :

Code :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Include</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<style>
#myDivID{
display: block;
width: 800px;
padding: 100px;
}
</style>
</head>
<body>
<div id="bla">links :
<a href="test2.php?sonde=013A204062A92C&date_debut=2014-10-07&date_fin=2014-10-10&heure_debut=00:00:00&heure_fin=00:00:00&echelle=2" id="myLinkID">1</a>
<a href="ajaxtest.php?action=no&data=2" id="myLinkID">2</a>
</div>
<div id="myDivID"></div>
<script>
$("#myLinkID" ).click(function(e)
{
var url = $(this).attr("href" ); /* <-- added var url THIS */
e.preventDefault();
$("#myDivID" ).load(url);
return false;
});
</script>
</body>
</html>

Auriez vous une idée du problème?

Merci par avance.

Publicité

Devil'sTiger

Ce code n'est pas celui qui pose problème.

Par contre, quel intérêt d'avoir un href, suivit d'un e.preventDefault sur le click ?
Pourquoi ne pas directement enlever le code JS et par exemple ajouter un target="_blank" sur le lien a, qui reviendrais certainement a quelque chose de très proche...

Message cité 1 fois

hppp

Serveur@home

Devil'sTiger a écrit :

Voici le code de mon graph :

Code :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title></title>
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<meta content="fr" http-equiv="Content-Language"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(function () {
$('#temp').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Température du 2014-10-07'
},
subtitle: {
text: 'Domotique XBee'
},
xAxis: {
categories:
[ '00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00', '00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00', '00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00', '00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00'] },
yAxis: {
min: 0,
max: 30,
title: {
text: 'Temperature (°C)',
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Humidité',
data:
[ 19.54, 19.46, 19.37, 19.40, 19.39, 19.33, 19.53, 19.68, 19.84, 19.70, 19.79, 19.68, 19.55, 19.41, 19.30, 19.32, 18.56, 19.01, 20.00, 20.34, 20.74, 20.49, 19.88, 19.58, 19.47, 19.40, 19.34, 19.34, 19.44, 19.52, 19.72, 19.68, 20.03, 20.08, 19.97, 19.61, 19.39, 19.35, 19.54, 19.41, 19.40, 18.82, 19.33, 20.93]}
]
});
});
</script>
</head>
<div id="temp" style="min-width: 310px; height: 600px; margin: 0 auto"></div>
<br />
<!--
<p> <center>
<a href="graph.php?date_debut=09-10-2014&date_fin=09-10-2014">09-10-2014</a>
<< 10-10-2014 >>
<a href="graph.php?date_debut=09-10-2014&date_fin=09-10-2014">09-10-2014">11-10-2014</a>
</p></center>
</body>
-->
</html>

J'ai pas bien compris ton explication sur mon code, désolé je débute un peux en Javascript

Merci encore de ton aide.

ishaa1

Bonjour, je suis sur un projet de ce type et rencontre un soucis lors du chargement de mon graphe via la méthode load : la div s'agrandit (je l'observe puisque j'ai un tableau en dessous qui se décale vers le bas) mais elle reste blanche, le graphe ne s'affiche pas.
Pour te répondre DevilsTiger, j'utilise également la méthode load car elle prend en paramètre des données d'un tableau qui est sur ma page principale, et elle les transmets en appelant la page où se trouve mon graphe. Le graphe prend alors en compte les paramètres qu'il reçoit et doit normalement s'afficher... Si quelqu'un a une idée je suis donc preneur

FORUM HardWare.fr

Programmation

Javascript/Node.js

problème avec jquery et fonction load()

Sujets relatifs
JQuery> Lancer un script sur un élément créé par JQuery	probleme de lancement du script
Problème d'interruption externe sur PIC18	Problème pour insérer des données sur MySQL
Création d'un thème basique sous WordPress : problème CSS	Comment modifier la fonction d'un bouton
Problème affichage balises sous IE	Probleme Avec un effet de slide
Problème Bash: permission denied	Probleme exo simple en C
Plus de sujets relatifs à : problème avec jquery et fonction load()

Page générée en 0.068 secondes