javascript: parse error :( Résolu/Fermé

Question

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

jmg78 · Answer

le lien merci

Winterboard · Answer

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

Posotaz · Answer

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.

Winterboard · Answer

mon fichier est du xhtml 1.0 strict valide.

http://validator.w3.org/...

Personne n'a une solution?? :(

Posotaz · Answer

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

Winterboard · Answer

l'erreur c'est ca: 
SyntaxError: Parse Error (line25) 

ligne 25 c'est a dire: var collection1 = ....

Posotaz · Answer

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

toto · Answer

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').getElementsByTagName('a');

toto · Answer

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').getElementsByTagName('a');

toto · Answer

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.

Winterboard · Answer

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.

Winterboard · Answer

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

Posotaz · Answer

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.

Winterboard · Answer

merci je vais essayer ca!

Winterboard · Answer

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!

Posotaz · Answer

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

Winterboard · Answer

si tu as d'autres proposition plus "propres" pourrais tu me les donner?

meci :)

Javascript: parse error :(

17 réponses

Discussions similaires