Rechercher : dans
Par :

Javascript: parse error :(

Dernière réponse le 18 oct 2008 à 23:18:54 Winterboard, le 10 oct 2008 à 18:45:06 
 Signaler ce message aux modérateurs

Bonjour,

J'ai utiltisé le debug console pour essayer mon javascript qui ne marche pas mais je ne sais pas comment reparer et qoi reparer:

function addListener(o, e, f) { 
	if (o.addEventListener) {
		o.addEventListener(e, f, false);
	} else { 
		o.attachEvent('on' + e, f);
	}
}



function changeClass1() {
	document.getElementById('content').className='slidedone';
	document.getElementById('footer').className='slidedone';
	document.getElementById('list').className='slidedone';
}

function changeClass2() {
	document.getElementById('content').className='slidedone2';
	document.getElementById('footer').className='slidedone2';
	document.getElementById('list').className='slidedone2';
}


function bindAnchors() { 
	var collection1 = document.getElementById('topmenu').getElementsByTagName('a')­­­;
	var collection2 = document.getElementById('content').getElementsByTagName('a')­­;
	var collection3 = document.getElementById('toprightmenu').getElementsByTagName­­('a')­;
	var collection4 = document.getElementById('toprightbutton').getElementsByTagNa­­me('a')­;

	for (var i = 0; i <= collection1.length - 1; i++) {
		var lien = collection1.item(i);
		addListener(lien, 'click', changeClass2);
	}

	for (var i = 0; i <= collection2.length - 1; i++) {
		var lien = collection2.item(i);
		addListener(lien, 'click', changeClass1);
	} 

	for (var i = 0; i <= collection3.length - 1; i++) {
		var lien = collection3.item(i);
		addListener(lien, 'click', changeClass1); 
	}

	for (var i = 0; i <= collection4.length - 1; i++) {
		var lien = collection4.item(i);
		addListener(lien, 'click', changeClass1); 
	}
}

addListener(window, 'load', bindAnchors);


Il me dit qu'il y a un parse error :(

Meri pour toute reponse :)
Configuration: Windows XP
Safari 525.21

Meilleures réponses pour « javascript: parse error :( » dans :
Parse error: syntax error, unexpected $end Voir Lorsque l'on programme en Php, on se retrouve inévitablement un jour devant ce genre d'erreur: Parse error: syntax error, unexpected $end in Command line code on line 1 En français, ça signifie grossièrement: "Erreur d'analyse du code: il y a une...
PHP Parse error: unexpected '&lt;' in ... eval()'d code on l Voir Symptômes Lors de l'utilisation de la fonction eval() en PHP, ce dernier se plaint et vous affiche un message de la forme suivante : PHP Parse error: syntax error, unexpected '
[PHP] Parse error, unexpected T_STRING, expecting ',' or ';' VoirCette erreur, fréquente, se produit notamment lorsqu'un guillemet est présent dans une chaîne délimitée par ce même type de guillemets, par exemple :

1

jmg78, le 10 oct 2008 à 20:46:59
  • +1

Le lien merci voir profil je suis enregistré

Répondre à jmg78

2

Winterboard, le 10 oct 2008 à 21:32:46

Alors pour le fichier js c'est:

m.iwebkit.net/slide2.js

pour la page internet c'est m.iwebkit.net
en ce moment je n'utilise pas le fichier mais un autre fichier moins developé donc tu ne peut pas voir l'erreur.

De toute facon ca dit: parse error on line 25

Répondre à Winterboard

3

Posotaz, le 11 oct 2008 à 00:33:17

Salut,

En général, "parse error" porte bien son nom et indique une erreur de structure du document XML (ou HTML dans ton cas). Donc, il est probable que le document que ce code JavaScript est censé manipuler ne soit pas bien formé (soit un tag est mal fermé, soit un attribut mal formé,...). Tu peux essayer de valider ton fichier HTML sur http://validator.w3.org/ et essayer de trouver le vilain tag en question.

Répondre à Posotaz

4

Winterboard, le 12 oct 2008 à 18:33:26

Mon fichier est du xhtml 1.0 strict valide.

http://validator.w3.org/...

Personne n'a une solution?? :(

Répondre à Winterboard

5

Posotaz, le 13 oct 2008 à 00:25:25
  • +1

Quelle est la ligne 25 ? Ton mode de débuggage JavaScript ne donne pas l'instruction qui pose problème ?

Répondre à Posotaz

6

Winterboard, le 13 oct 2008 à 19:29:17
  • +1

L'erreur c'est ca:
SyntaxError: Parse Error (line25)

ligne 25 c'est a dire: var collection1 = ....

Répondre à Winterboard

7

Posotaz, le 13 oct 2008 à 23:08:54

Merci pour les infos... ben écoute le seul truc que je constate c'est que tu n'as aucun élément ayant pour identifiant "topmenu" dans ta page alors que tu fais un getElementById et qu'ensuite tu demandes des tags sur un élément null...

Répondre à Posotaz

8

toto, le 13 oct 2008 à 23:16:03

Bonsoir

Très curieux : quand je fais un copier-coller de ton script vers mon éditeur de texte (pspad), il apparaît effectivement des caractères supplémentaires (code ASCII 0xAD, 173 en décimal) qui provoquent cette erreur.
Tu peux virer complètement les 4 lignes collection1.. collection4 et les remplacer par le texte ci-dessous qui ne contient pas ces caractères bizarres.
Mais ce serait intéressant de savoir d'où ils viennent

	var collection1 = document.getElementById('topmenu').getElementsByTagName('a')­;
	var collection2 = document.getElementById('content').getElementsByTagName('a')­;
	var collection3 = document.getElementById('toprightmenu').getElementsByTagName­('a');
	var collection4 = document.getElementById('toprightbutton').getElementsByTagNa­me('a');

Répondre à toto

9

toto, le 14 oct 2008 à 13:25:02

Désolé, je viens de voir qu'en fait ils sont revenus quand j'ai collé dans le forum ! pas au même endroit d'ailleurs
J'essaye sans la balise code
Si ça ne marche toujours pas, retape-les à la main...
var collection1 = document.getElementById('topmenu').getElementsByTagName('a')­;
var collection2 = document.getElementById('content').getElementsByTagName('a')­;
var collection3 = document.getElementById('toprightmenu').getElementsByTagName­('a');
var collection4 = document.getElementById('toprightbutton').getElementsByTagNa­me('a');

Répondre à toto

10

toto, le 14 oct 2008 à 13:28:56

Ben si, il y en a encore. Systématiquement en colonne 79 cette fois.
Moralité : pas de copier-coller de lignes de plus de 79 caractères depuis CCC. J'ai l'impression que c'est nouveau.

Répondre à toto

11

Winterboard, le 14 oct 2008 à 18:45:42
  • +1

Salut! merci pour la solution (partielle). Voici mon code propre:

function slide()
{
function addListener(o, e, f)
{
if (o.addEventListener)
{
o.addEventListener(e, f, false);
}
else
{
o.attachEvent("on" + e, f);
}
}
function changeClass1()
{
document.getElementById("content").className = "slidedone";
document.getElementById("footer").className = "slidedone";
document.getElementById("list").className = "slidedone";
}
function changeClass2()
{
document.getElementById("content").className = "slidedone2";
document.getElementById("footer").className = "slidedone2";
document.getElementById("list").className = "slidedone2";
}
function bindAnchors()
{
var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
var collection2 = document.getElementById("content").getElementsByTagName("a");
var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
for (i = 0; i <= collection1.length - 1; ++i)
{
var lien = collection1.item(i);
addListener(lien, "click", changeClass2);
}
for (i = 0; i <= collection2.length - 1; ++i)
{
var lien = collection2.item(i);
addListener(lien, "click", changeClass1);
}
for (i = 0; i <= collection3.length - 1; ++i)
{
var lien = collection3.item(i);
addListener(lien, "click", changeClass1);
}
for (i = 0; i <= collection4.length - 1; ++i)
{
var lien = collection4.item(i);
addListener(lien, "click", changeClass1);
}
}
addListener(window, "load", bindAnchors);


Il y a encore une erreur mais cette fois ca viens d'une balise non terminée. Il manque un }
Je ne sais pas ou le placer :p. Il donne lerreur sur la dernierre ligne c-a-d: addlistener(window...

Merci pour toute votre aide.

Répondre à Winterboard

12

Winterboard, le 15 oct 2008 à 20:37:30

Ok les gars ca marche!!!!!!!!!!!!!!!!

mais que si j'enleve les tags du script qui ne sont pas presents sur la page... comme:

var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");


Y a til un moyen de dire au navigateur dignorer ces tag s'ils n'existent pas??

merci :)

Répondre à Winterboard

13

Posotaz, le 16 oct 2008 à 14:03:54

Salut, je ne pense pas qu'il existe une instruction globale permettant de détourner l'utilisation correcte du DOM en JS. Si tu ne veux pas supprimer ces instructions tu peux tester

if(null != document.getElementById("toprightbutton"))

pour n'accéder aux tags "a" que si l'élément n'est pas null.

Répondre à Posotaz

14

Winterboard, le 16 oct 2008 à 15:36:19

Merci je vais essayer ca!

Répondre à Winterboard

15

Winterboard, le 16 oct 2008 à 20:08:56

C'est bon j'ai resolu le probleme:

function addListener(o, e, f)
{
if (o.addEventListener)
{
o.addEventListener(e, f, false);
}
else
{
o.attachEvent("on" + e, f);
}
}
function changeClass1()
{
document.getElementById("content").className = "slidedone";
document.getElementById("footer").className = "slidedone";
document.getElementById("list").className = "slidedone";
}
function changeClass2()
{
document.getElementById("content").className = "slidedone2";
document.getElementById("footer").className = "slidedone2";
document.getElementById("list").className = "slidedone2";
}
function bindAnchors()
{
try {
  var collection1 = document.getElementById("topmenu").getElementsByTagName("a");
  for (i = 0; i <= collection1.length - 1; ++i) {
    var lien = collection1.item(i);
    addListener(lien, "click", changeClass2);
  }
} catch(e) { }try {
  var collection2 = document.getElementById("content").getElementsByTagName("a");
  for (i = 0; i <= collection2.length - 1; ++i) {
    var lien = collection2.item(i);
    addListener(lien, "click", changeClass1);
  }
} catch(e) { }try {
  var collection3 = document.getElementById("toprightmenu").getElementsByTagName("a");
  for (i = 0; i <= collection3.length - 1; ++i) {
    var lien = collection3.item(i);
    addListener(lien, "click", changeClass1);
  }
} catch(e) { }try {
  var collection4 = document.getElementById("toprightbutton").getElementsByTagName("a");
  for (i = 0; i <= collection4.length - 1; ++i) {
    var lien = collection4.item(i);
    addListener(lien, "click", changeClass1);
  }
} catch(e) { }}
addListener(window, "load", bindAnchors);


pour le resultat: http://m.iwebkit.net

allez voir sur safari. ca marchera pas sinon. C'est l'effet de transition ente pages quand on clique sur un lien

merci pour tout les aides!

Répondre à Winterboard

16

Posotaz, le 18 oct 2008 à 22:38:18

Pour résumer, il a utilisé des blocs "essai/erreur" (try/catch), ainsi si une erreur se produit dans un bloc try, il passe directement au bloc catch associé où il indique au programme de ne rien faire... et il continue son bout de chemin juste après le catch... Je ne dis pas que c'est super propre d'attraper des erreurs si générales et de laisser un bloc catch vide mais bravo ! ;-)

Répondre à Posotaz

17

 Winterboard, le 18 oct 2008 à 23:18:54

Si tu as d'autres proposition plus "propres" pourrais tu me les donner?

meci :)

Répondre à Winterboard
Collection CommentÇaMarche.net