lecture javascript sur pc

Version imprimable

Voir 40 message(s) de cette discussion en une page

22/09/2011, 14h16
Patrice-83

lecture javascript sur pc

Bonjour à tous,
voilà mon problème : j'ai un site en ligne qui fonctionne très bien... Mais dès que je le transfère sur ordi, certains scripts ne fonctionnent plus (en l'occurence des tabs). Je suppose qu'il y a un blocage des scripts au niveau de l'ordi (puisque ce probl se pose quel que soit le navigateur), mais je suis incapable de trouver où...
Pourriez vous m'indiquer une solution ?
Merci d'avance !
22/09/2011, 14h30
SpaceFrog

si le site fonctionne en ligne sur le pc, c'est que le js est interprété ...
Tu nous donne trop peu d'elements pour cerner le bug ...
22/09/2011, 14h41
Patrice-83

Oui mais voilà, je ne sais pas quels éléments donner...
Je suis sous 7, et je teste avec IE, Mozilla et Chrome...

En ligne la page fonctionne bien, sur l'ordi non...

Cette page contient juste des tabs et deux scripts AdSense. Les tabs sont issues du site suivant : -http://www.stunicholls.com/various/tabbed_pages.html

Que dire d'autre ?
22/09/2011, 14h43
SpaceFrog

Heu en ligne ... tu le visualises comment ? Avec ton ordi ...

Sinon regarde dans les maram de securité de ton navigateur => il faut autoriser le js local .
22/09/2011, 14h49
Patrice-83

Alors en fait, il semble qu'il s'agisse seulement d'un conflit entre ces tabs et le code Google AdSense...

Mais je ne sais pas par quel bout commencer pour le résoudre... :oops:
22/09/2011, 14h53
SpaceFrog

regarde du coté des namespaces en js
http://falola.developpez.com/tutorie...ipt/namespace/

Merci de te pencher sur ma question... ;)

Dans les deux codes, je ne vois pas de "namespace"...
Au fait, je ne connais que le html...
Peux tu me dire si tu vois deux "noms" incompatibles entre ces deux codes ? Sachant que je peux pas toucher celui de Google...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
onload = function() {
	var e, i = 0;
	while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on' || e.className == 'off') {
		e.onclick = function () {
			var getEls = document.getElementById('gallery').getElementsByTagName('div');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show', 'hide');
				getEls[z].className=getEls[z].className.replace('on', 'off');
				}
			this.className = 'on';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show";
			}
		}
	}
}

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript"><!--
google_ad_client = "pub-000000000000000";
/* 200x200, images */
google_ad_slot = "4993428723";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
  <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

22/09/2011, 15h17
Willpower

vérifie si tu n'as pas d'url relatives du genre "/mon_script.js".

sinon je sais que les appels ajax entre 2 pages locales sont considérées par la plupart des navigateurs comme "cross-domain" donc appels interdits.
22/09/2011, 15h18
SpaceFrog

sans doute là dedans
http://pagead2.googlesyndication.com/pagead/show_ads.js
a toi de créer les namespace
22/09/2011, 15h23
Patrice-83

Bon, alors c'est insoluble pour moi étant donné mon absence de connaissance du javascript... Je ne sais même pas comment commencer pour créer un "namespace"... et je sais qu'il est interdit de toucher au code Google...

Merci en tout cas d'avoir pris la peine de répondre !
22/09/2011, 15h25
SpaceFrog

ben il te plait pas le tuto ?
22/09/2011, 15h48
Willpower
Citation:

Envoyé par SpaceFrog

sans doute là dedans
http://pagead2.googlesyndication.com/pagead/show_ads.js
a toi de créer les namespace

google ne crée aucune variable globale hormis les quatre déclarées dans le script qui précède :
Code:

1 2 3 4 google_ad_client = "pub-000000000000000"; google_ad_slot = "4993428723"; google_ad_width = 200; google_ad_height = 200;
edit: oups, j'ai rien dit, par contre, elles commencent toutes par "google" donc ça m'étonnerait qu'il ai des conflits venant de là.

@Patrice-83: tu nous donnes trop peu d'éléments, peux-tu nous donner la page complète que nous poussions tester en local ?

Citation:
Envoyé par Patrice-83
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 onload = function() { var e, i = 0; while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) { if (e.className == 'on' || e.className == 'off') { e.onclick = function () { var getEls = document.getElementById('gallery').getElementsByTagName('div'); for (var z=0; z<getEls.length; z++) { getEls[z].className=getEls[z].className.replace('show', 'hide'); getEls[z].className=getEls[z].className.replace('on', 'off'); } this.className = 'on'; var max = this.getAttribute('title'); document.getElementById(max).className = "show"; } } } }
Il manque déjà un ; à la fin. ;)

edit: petite explication rapide du pourquoi il faut et il ne faut pas de ; dans ton cas.

Il est fréquent de confondre

function(){
...
}

et

machin = function(){
...
};

la déclaration de fonction en tant que telle ne nécessite pas de ";" par contre toutes assignations en requiert, c'est pour quoi dans le 2ème exemple j'en ai mis.

maintenant, effectivement ça fonctionne sans pour la simple raison qu'en javascript aucun point-virgule n'est nécessaire car un saut de ligne est également interprété comme une fin d'instruction. par contre je te conseille vivement de malgré tout, tous les mettre sinon tu risques de mauvaises surprises. (bien que dans ce cas-ci, je pense que ton problème ne vient pas de là).

22/09/2011, 16h56
Patrice-83

Comme je suis totalement ignare en matiere de javascript, j'ai pensé pour mieux faire comprendre mes probls à télécharger dans un vieux site une page d'exemple...

Dans un autre fil de ce forum, on m'avait judicieusement conseillé de remplacer

Code:

var getEls = document.getElementsByTagName('DIV');

par

Code:

var getEls = document.getElementById('gallery').getElementsByTagName('div');

Mais dans ce cas, les tabs s'empilent quand on les ouvre...
Pour l'exemple, j'ai mis le js d'origine...

Adresse :
http://www.agences-83.com/a/test.htm

Encore merci de vous intéresser à la chose !
22/09/2011, 18h31
Patrice-83

Euh... J'ai dis une bêtise ? Plus personne pour me secourir ? Bon, je suis certain que vous avez plein d'autres choses à faire, hein ! Je comprends parfaitement.
J'ai mis en ligne une deuxième page de test où sont appliquées vos recommandations. C'est à dire le changement de code, et l'ajout d'un ; (enfin j'espère qu'il est bien placé...
Là on ne trouve pas d'interférence avec le menu, mais les tabs s'empilent lorsqu'on les appellent, au lieu de se remplacer... Il faudrait juste pouvoir les refermer quoi...

Si vous voulez jeter un oeil :
http://www.agences-83.com/a/test2.htm

Cordialement
22/09/2011, 21h40
Willpower

A mon avis l'erreur ne vient pas de là, mais c'est quoi ça pour des ID : "Hôtels" ? :aie:

Tu cherches les bugs toi non ? :D

Bien le bonsoir à tous...
je dois admettre que je me suis perdu à la lecture de ce post, entre le début et la fin il devient délicat de savoir quel est le réel problème, heureusement que l'exemple en ligne permet de voir l'objet du tourment.

Citation:

Envoyé par Willpower

A mon avis l'erreur ne vient pas de là, mais c'est quoi ça pour des ID : "Hôtels" ? :aie:

Tu cherches les bugs toi non ? :D

je suis bien d'accord avec cela même si cela fonctionne quand même bien que non recommandé

Je rappelle qu'une bonne indentation, ou un minimum, aide très souvent à repérer le loup...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div id="gallery"> <div class="on" title="Hôtels"> <span>Hôtels</span> </div> <div class="off" title="Chambres d'Hôtes"> <span>Chambres d'hôtes</span> </div> <div class="off" title="Terrains de camping"> <span>Campings</span> </div> <div class="off" title="Locations saisonnières"> Résidences de Vacances </div> </div>  <div id="Hôtels" class="show"> <h2>Hôtel Hermitage *****</h2> 
sur le bout de code ci dessus on se rend compte que la balise fermante DIV, en ligne 14, ferme la DIV gallery, ce qui est pour le moins gênant pour cacher les DIVs cocernées basculant de la class show à hide.

Il faut donc déplacer cette balise fermante pour englober les DIVs hôtels et autres...

edit je parle bien sûr du fichier test2.htm

22/09/2011, 22h21
headmax

Peut être tout simplement un problème de UID autorisation affecté a un domaine précis par google?
Ou un problème côté local qui empêcherais api google d'accédé à ton domaine local dns IP... configuration apache httpd.conf Listen ?....
Juste des pistes... A toi de voir si a ce niveau là ta pas de soucis.

Bonne chance
23/09/2011, 09h13
Patrice-83

Merci de vos réponses !
Bien entendu ces noms des "div" ne sont là que parce que c'est un essai... Je voulais juste me repérer plus facilement ! :oops:

Je viens de remettre en ligne le test2, et ça fonctionne parfaitement ! Merci !!

Par contre, pour ma compréhension, je voudrais savoir si vous pouviez m'expliquer deux choses :
d'abord, pour ce problème du placement des "div". Un précédent site, avec ces mêmes tabs, fonctionnaient parfaitement avec le code précédent ! Qui est la disposition originelle à laquelle je n'avais pas touchée... Donc je ne comprends pas bien...

Ensuite, et j'en reviens en fait à la question initiale du post : les tabs ne marchent toujours pas lorsque je test sur mon pc en local... Il n'y a qu'en ligne que je vois les tabs fonctionner... Pourtant mes paramètres de sécurité devraient me permettre ça... Et les pubs Google, le menu et la carte flash dans les tests fonctionnent.

En tout cas, merci à tous de m'avoir tiré une épine du pied !!!
23/09/2011, 11h56
Patrice-83

Suite à mon post au dessus...
Pour les div, j'ai compris. Le changement de code dans le fichier js rendait le changement nécessaire.

Pour la lecture en local, par contre, je ne vois toujours pas...

Bonne journée !

Voir 40 message(s) de cette discussion en une page