lecture javascript sur pc

**Patrice-83** · 22/09/2011, 14h16

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 !

**SpaceFrog** · 22/09/2011, 14h30

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 ...

**Patrice-83** · 22/09/2011, 14h41

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 ?

**SpaceFrog** · 22/09/2011, 14h43

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 .

**Patrice-83** · 22/09/2011, 14h49

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...

**SpaceFrog** · 22/09/2011, 14h53

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

**Patrice-83** · 22/09/2011, 15h13

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 :

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
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 :

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

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>

**Willpower** · 22/09/2011, 15h17

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.

**SpaceFrog** · 22/09/2011, 15h18

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

**Patrice-83** · 22/09/2011, 15h23

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 !

**SpaceFrog** · 22/09/2011, 15h25

ben il te plait pas le tuto ?

**Willpower** · 22/09/2011, 15h48

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 :

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

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 ?

**Willpower** · 22/09/2011, 15h54

Envoy� par Patrice-83

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
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�).

**Patrice-83** · 22/09/2011, 16h56

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 :

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

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

par

Code :

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

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 !

**Patrice-83** · 22/09/2011, 18h31

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

**Willpower** · 22/09/2011, 21h40

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

Tu cherches les bugs toi non ?

**NoSmoking** · 22/09/2011, 22h02

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.

Envoy� par Willpower

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

Tu cherches les bugs toi non ?

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 html :

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
<div id="gallery">
  <div class="on" title="H&ocirc;tels">
    <span>Hôtels</span>
  </div>
  <div class="off" title="Chambres d'H&ocirc;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&egrave;res">
    R&eacute;sidences de Vacances
  </div>
</div> <!-- ICI FERMETURE DIV GALLERY -->
<div id="H&ocirc;tels" class="show">
  <h2>H&ocirc;tel Hermitage *****</h2>
 <!-- la suite du code -->

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

**headmax** · 22/09/2011, 22h21

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

**Patrice-83** · 23/09/2011, 09h13

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 !

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 !!!

**Patrice-83** · 23/09/2011, 11h56

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 !

lecture javascript sur pc

JavaScript

Discussions similaires

Partager

Partager