11548 sujets

JavaScript, DOM et API Web HTML5

Erreurs Firebug

Bonjour Smiley smile

Je suis en train de créer un site qui me génère pas mal d'erreurs sur Firebug et qui provoque une grosse erreur sur Chrome (j'en parle par ailleurs)

Le site se trouve à cette adresse :
En effet, Firebug trouve des erreurs dont entre autres :
window.extend is not a function
dans mootools.js

et le problème est que je ne vraiment pas comment procéder pour le réparer.
J'aurais besoin d'un coup de main de personnes qui s'y connaissent svp, ce serait sympa car je n'avance pas

merci d'avance
Modifié par miltonis (12 Nov 2010 - 16:41)
Je n'obtiens pas d'erreur en console.

Corrige tes erreurs html et css pour partir sur une base saine et utilise des frameworks à jour.
miltonis a écrit :
Bonjour Smiley smile

et le problème est que je ne vraiment pas comment procéder pour le réparer.

Tu as vu que tu insères 2 fois jQuery (en version 1.3.2, et en version 1.4.2) ?
Libratoi a écrit :
Tu as vu que tu insères 2 fois jQuery (en version 1.3.2, et en version 1.4.2) ?

Euh non, je ne savais pas, à quel niveau stp ?
Je précise que j'ai intégré un script et que je ne connais que très peu le développement, donc je ne sais pas trop ce qu'il y a dedans... Smiley langue
Merci de ton aide
miltonis a écrit :

Euh non, je ne savais pas, à quel niveau stp ?


Dand ton head, le loader de Google charge :
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js


et il y a une inclusion ensuite de 
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
Libratoi a écrit :

Dand ton head, le loader de Google charge :
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
et il y a une inclusion ensuite de
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

Salut,

Je ne vois pas le deuxième appel à Jquery. Le seul que je vois est :
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

ça me fait peur ça, j'aimerais éviter de tout recommencer... Smiley sweatdrop
Pour info, j'utilise firefox et j'ai même regardé avec IE8 au cas où, mais je ne vois que l'appel au 1.3.2.
Tu continues à voir la même chose ?

Sinon, je continue à voir une erreur Javascript dans Firebug :
Break on ErrorCopier
reference to undefined property window.ActiveXObject dans l'onglet Script et mootools.js
et
window.extend is not a function
[Break on this error] return result;};Element.Styles={'borde...ents.push(el);el.$tmp={'opacity':1};}
dans l'onglet Console

Que dois-je faire? Cela a un rapport avec le doublon que tu signales ?

Merci d'avance
Modifié par miltonis (09 Nov 2010 - 11:38)
miltonis a écrit :

Salut,

Je ne vois pas le deuxième appel à Jquery. Le seul que je vois est :
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt;

ça me fait peur ça, j'aimerais éviter de tout recommencer... Smiley sweatdrop
Pour info, j'utilise firefox et j'ai même regardé avec IE8 au cas où, mais je ne vois que l'appel au 1.3.2.
Tu continues à voir la même chose ?


Oui utilise Firebug et parcours ton head.

miltonis a écrit :

Sinon, je continue à voir une erreur Javascript dans Firebug :

Que dois-je faire? Cela a un rapport avec le doublon que tu signales ?


Je ne connais pas bien Mootools. Mais disons qu'il y a 20% de chances.
Tu inclus 2 jQuery différents + Mootools. Il peut y avoir des conflits.
Jette un oeil là : http://blog.jaysalvat.com/article/faire-cohabiter-jquery-et-prototype-ou-mootools
Salut,
J'ai appliqué le script que tu me donnes pour faire cohabiter Mootols et JQuery mais cele provoque des erreurs su. En tout cas ça annule l'effet de slides glissants si je navigue avec le menu.

Voici la balise HEAD
<head>
...
  <script type="text/javascript" src="/eskindo-lele.com/media/system/js/mootools-uncompressed.js"></script>
  <script type="text/javascript" src="/eskindo-lele.com/media/system/js/caption.js"></script>

<link rel="stylesheet" href="/eskindo-lele.com/templates/mi_eskindolele/css/style_01.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="/eskindo-lele.com/templates/mi_eskindolele/css/style_01_IE6.css" type="text/css" />
<![endif]-->
<!--[if lte IE 7]><script type="text/javascript" src="/eskindo-lele.com/templates/mi_eskindolele/includes/roundies.js"></script><![endif]-->
<link href='http://fonts.googleapis.com/css?family=Molengo&subset=latin' rel='stylesheet' type='text/css'>
<!-- JQuery -->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

<script src="/eskindo-lele.com/templates/mi_eskindolele/scripts/jquery-on/js/jquery.localscroll-min.js" type="text/javascript"></script>
<script src="/eskindo-lele.com/templates/mi_eskindolele/scripts/jquery-on/js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
	$.localScroll.defaults.axis = 'x';
	$.localScroll();
});
</script>
<script type="text/javascript" src="http://www.selectionneur.net/eskindo-lele.com/plugins/system/comascon.js"></script>
</head>

et le code d'appel
<body>
<script type="text/javascript">
	// jQuery en action
	jQuery.noConflict();
	jQuery('#jquery').addClass('jquery');

	// Prototype en action
	$('mootols').addClassName('mootols');
</script>


J'ai fait une erreur mais où ?
Modifié par miltonis (10 Nov 2010 - 09:24)
Excuse-moi Libratoi, je ne comprends que très moyennement l'anglais. Et les tutos trouvés en français sont tous différents ce qui m'embrouille l'esprit... Smiley sweatdrop

De quelles classes parles-tu dans le HEAD ? tu te réfères à ceci ?
<script src="templates/mi_eskindo/scripts/jquery-on/js/jquery.localscroll-min.js" type="text/javascript"></script>
<script src="templates/mi_eskindo/scripts/jquery-on/js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
	$.localScroll.defaults.axis = 'x';
	$.localScroll();
});
</script>
Si c'est ça, cela sert à faire "glisser" les blocs/slides du site, donc nécessaires (je crois)

Je sais que c'est beaucoup demander, amis pourrais-tu me dire comment procéder stp ?
Merci d'avance
miltonis a écrit :

De quelles classes parles-tu dans le HEAD ?


Bonjour
De :
jQuery('#jquery').addClass('jquery');

et son équivalent Mootools.

Dans ce domaine, il est assez aisé de trouver des traductions comme :
http://www.lafermeduweb.net/billet/rendre-jquery-compatible-avec-mootools-ou-prototype-133.html
Comprendre noConflict Smiley fr : http://jquery.developpeur-web2.com/documentation/fonctions-de-base/jquery.noconflict.php

Et attention, petite précision je n'ai pas dit que la cohabitation jQuery / Mootools était la source de tes problèmes. Juste qu'il fallait y faire attention.
Bonne continuation.
Sujet clos
Aller à