skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009
-
23 mai 2009 à 19:20
lezouave33
Messages postés8Date d'inscriptionmardi 24 février 2004StatutMembreDernière intervention 2 février 2013
-
5 févr. 2010 à 09:19
Bonjour à tous,
Je sais que le sujet que je vais exposer a déjà été présenté un certains nombre de fois, mais magrès mes recherches sur divers forums et après beaucoup d'essais je n'ai pas encore trouvé mon bonheur.
Sur une page web j'ai souhaité utiliser un Accordéon qui permet de n'afficher que les éléments que l'on désire. Pour cela j'ai utilisé mootools v1.11 que je trouve très pratique. J'ai configuré mon accordéon et en testant ma page sur Firefox aucun problème, le résultat est exactement celui escompté. En revanche en testant la page sur IE7 l'accordéon apparait complètement déroulé et on ne peut avoir aucune action sur celui-ci.
J'aimerai pourtant que ce script fonctionne sous FF et IE.
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 24 mai 2009 à 11:36
Bonjour,
bah.. si j'essaye tel quel ce que tu nous donnes, avec FF
( ou k-meleon ) les erreurs suivantes s'affichent :
Erreur : element has no properties
Fichier source : file:///D:/Mes%20documents/Mes%20Sources/JavaScript/FrameWork/mootools/mootools-release-1.11.js Ligne : 7064
----------
Erreur : missing ; before statement
Fichier source : file:///D:/Mes%20documents/%C3%A0%20D%C3%A9truire/!test.htm
Ligne : 1, Colonne : 18
Code source : javascript:Toggle $$('squadID')
----------
Erreur : el has no properties
Fichier source : file:///D:/Mes%20documents/Mes%20Sources/JavaScript/FrameWork/mootools/mootools-release-1.11.js Ligne : 7091
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 25 mai 2009 à 09:17
>>elles n'empêchent pas de fonctionner correctement sur Firefox
aller ??? alors, si les erreurs ne te gênent pas,
dit à IE de continuer malgré tout, comme le fait FF ;o)
désactiver le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : cocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
mais franchement, il vaudrait mieux rectifier tes erreurs !
car je doute que tout fonctionne...
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 25 mai 2009 à 09:19
il fallait lire :
désactiver le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" :
décocher : o Afficher une notification de chaque erreur de script
cocher o Désactiver le débogage de Scripts (Internet Explorer)
Vous n’avez pas trouvé la réponse que vous recherchez ?
skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009 25 mai 2009 à 14:46
Tu as sûrement inverser cocher et décocher ;)
Bref merci de ton aide j'ai bien corrigé les erreurs de ';' signalées par internet explorer, il ne m'en déclare pas d'autres.
Mais sans succès :s
Des idées?
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 25 mai 2009 à 14:55
>>j'ai bien corrigé les erreurs de ';' signalées par internet explorer
celles que je t'indiquais l'étaient par FireFox....
>> il ne m'en déclare pas d'autres.
tu n'as pas invalidé la gestion des erreurs sous IE ?
( [dé]cocher ce qu'il faut ? )
tu as regardé la console d'erreurs de FF ?
où en est ton script ?
skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009 25 mai 2009 à 21:41
Justement j'ai corrigé les erreurs qu'annonçaient mon IE, la console FF n'annonce que quelques petits avertissements pas très importants.
Le script n'a pas beaucoup changer:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var accordion = new Accordion($$('table.atStart'), $$('div.atStart'),
{
show: true,
alwaysHide: true,
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#ff3300');
},
Apparemment beaucoup d'autres personne sont eu le même problème avec Accordion de Mootools mais je n'ai pas trouvé de solution qui fonctionne pour moi (ils parlaient notamment d'introduire chaque élément par $$ ce que j'ai ttenté (si j'ai bien mis les $$ là ou il fallait) mais sans succès).
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 26 mai 2009 à 09:19
bah....
c'est comme tu le sens, mais avec :
Erreur : element has no properties
Fichier source : file:///D:/Mes%20documents/Mes%20Sources/JavaScript/FrameWork/mootools/mootools-release-1.11.js
Ligne : 7064
----------
Erreur : Toggle$$ is not defined
Fichier source : file:///D:/Mes%20documents/%C3%A0%20D%C3%A9truire/!test.htm
Ligne : 1
----------
Erreur : el has no properties
Fichier source : file:///D:/Mes%20documents/Mes%20Sources/JavaScript/FrameWork/mootools/mootools-release-1.11.js
Ligne : 7091
ça ne peut pas fonctionner ( et ça ne fonctionne d'ailleurs pas ! )
avec IE, il s'arrête ( car je l'ai paramétré ainsi ) sur
if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'});
enn disant : 'null' a la valeur Null ou n'est pas un objet.
skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009 26 mai 2009 à 12:12
Oep
Alors la 2ème erreur je l'ai corrigée IE me l'affichait bien.
Par contre les 2 autres il ne me les affiches pas mais je sait sûrement pourquoi.
En revanche je ne comprends ces erreurs "element has no properties" peut-être que tu peux m'en dire plus?
J'essaie de chercher dans mon code.
Le problème c'est que je fonctionne avec un CMS (webspell) et que cela marche par document php (members.php) et uns ystème de template html (un template par élément de page).
Les lignes du script doivent être inséré dans le template squadhead.html (avec biensur mootools.js à la racine du site). Mais ducou les lignes qu'affichent les erreurs ne correspondent pas du tout à celles du code du template. Donc pour retrouver l'erreur c'est un petit peu difficile.
Tu sais ce que l'erreur "element has no properties" veut dire?
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 26 mai 2009 à 12:58
bah, ce n'est qu'un nom de fichier,
ce n'est sûrement pas du à une version différente.
Navigateurs |Quelques Explications |----
Chrome
, contrôler page actuelle / Options pour développeurs
/ Console Javascript, ----
FireFox
, Outils / Console d'erreurs
et mieux : télécharger FireBug, ----
Internet
Explorer
, activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux (pour IE < 8) : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS, ----
K-Meleon
, utils / Cons, ----
Opera
, utils / Asole d'erreurs, ----
Safari
, Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
----
skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009 26 mai 2009 à 14:12
Ok merci mais comme je te l'ai dit j'ai déjà fait cette manip sur internet explorer, plus de messages d'erreur depuis mes dernières corrections.
Console firefox: seulement des avertissements css
Firebug: script: aucun point d'arrêt
Donc je ne vois pas.
En revanche les 2 erreurs que tu m'a cité plus haut:
"element has no properties"
elles ne s'affichent pas chez moi.
J'aimerai tout de même essayé de les corriger mais je ne voit absoluement pas à quoi elles correspondent (je n'ai jamais vraiment manipulé de javascript).
Sais-tu ce que cela veut dire?
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 26 mai 2009 à 14:18
>>...Console firefox: seulement des avertissements css...
pas de css du tout dans ce que tu nous montres ? si ??
si on ne regarde pas le même "script"...
skatospag
Messages postés9Date d'inscriptionjeudi 9 octobre 2008StatutMembreDernière intervention26 mai 2009 26 mai 2009 à 14:33
Oui en fait je te dis des bétises. Il me donne des avertissements à propos du stylesheet quand je regarde la page du site complète (http://www.liquefy-gaming.com/index.php?site=members&ws_session=818322b8e665b0cdb5bb8d05658a4f23). En revanche je vois a nouveau 2 erreurs identiques (seulement qand j'ouvre directement squad_head.html avec FF pas lorsque j'ouvre via le site):
"element is null" sur la ligne " if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'});" du fichier mootools.
Je ne comprends pas trop...
lezouave33
Messages postés8Date d'inscriptionmardi 24 février 2004StatutMembreDernière intervention 2 février 2013 5 févr. 2010 à 09:19
Ca n'a peut etre rien à voir, mais je n'ai pas vu de balise body dans ton script. Des fois c'est bien utile pour insérer un "onload". Et d'autant plus important pour un avoir un script de base sans erreur.