Comment controler si mon api est déja chargé

Version imprimable

Bonjour à tous,

J'inclus l'api de google map de cette manière
Code:

1 2 3 4 5 6 7 8 9 10 var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); script.addEventListener("error", function(e) { googleMapsState = "error"; console.log('Googlemap Api loading error'); }, false);
Simplement, dans certain cas, je dois la charger si elle ne l'a pas été.

Comment puis-je controler si le script ci-dessus à déjà été chargé ou pas, et le charger et conséquence. En d'autre de mots, de savoir s'il est se trouve deja dans la balise <script> pour ne pas avoir ce message d'erreur

Citation:

Warning: you have included the Google Maps API multiple times on this page. This may cause unexpected errors.

Aussi, si je perts la connection, y a il un moyen pour qu'il soit "effacer" ou commenter?

Milles mercis

Salut,

Tu peux identifier la balise à l'aide de l'attribut id...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function loadAPI(){
	if(document.getElementById('monAPI'))return; // Retour si l'ID est trouvé
 
	var script = document.createElement("script");
	script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady";
	script.type = "text/javascript";
 
	script.id = 'monAPI'; // Identifie la balise
 
	document.getElementsByTagName("head")[0].appendChild(script);
 
	script.addEventListener(
		"error",
		function(e) {
			script.id = ''; // Supprime l'identifiant
			googleMapsState = "error";
			console.log('Googlemap Api loading error');
		}, false
	);
}

Ha ben oui,

J'ai donc corrigé comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
if($('#googleAPI').length == 0){
 
			this.googleMapsState = "loading";
 
			var script = document.createElement("script");
			script.src = "http://maps.google.com/maps/api/js?v=3.7&sensor=true&callback=googleMapsReady";
			script.type = "text/javascript";
			script.id = 'googleAPI';
			document.getElementsByTagName("head")[0].appendChild(script);
 
			script.addEventListener("error", function(e) {
				googleMapsState = "error";
				console.log('Googlemap Api loading error');
			}, false);
		}

Es-ce que je pourrais faire mieux?

Merci

29/12/2012, 19h18
Eric2a

On peux aussi tester l'existence de l'objet (je n'en connais pas le nom) de l'application en mémoire.

Code:

if(typeof NOM_OBJET=='undefined') // Chargement du script
29/12/2012, 19h38
pierrot10
ok merci,

je pense alors que ca serait mieux d'utiliser

Code:

if(typeof $('#googleAPI')=='undefined') // Chargement du script

au lieu de
Code:

1 2 if($('#googleAPI').length == 0){
?

merci pour tes réponses...
29/12/2012, 20h00
NoSmoking
Bonjour,
pourquoi ne pas faire simplement, un peu comme te la suggéré Eric2a
Code:

1 2 3 if( !window.google){ // chargement du script }
Citation:

Envoyé par pierrot10

Simplement, dans certain cas, je dois la charger si elle ne l'a pas été.

je dois admettre que je ne saisi pas comment cela se peut!
30/12/2012, 13h51
Watilin

Citation:

Envoyé par Eric2a

On peux aussi tester l'existence de l'objet (je n'en connais pas le nom) de l'application en mémoire.

Code:

if(typeof NOM_OBJET=='undefined') // Chargement du script

Il y a une forme à la fois plus efficace et plus claire, ce serait dommage de s'en priver :)

Code:

if (NOM_OBJET === undefined) // Chargement du script