Fonction non accessible par IE et Safari (Objet attendu)
Fonction non accessible par IE et Safari (Objet attendu) - HTML/CSS - Programmation
Marsh Posté le 11-01-2008 à 10:55:37
J'ai eu la réponse sur une autre liste.
La voici:
Il y a 2 problèmes :
- tu utilises "class" comme nom de variable, c'est un mot réservé donc ça met le bazar. A renommer en "classe" par exemple, tu n'as plus l'erreur Javascript
- ensuite il y a un problème avec la propriété display "table-row", il ne vaut mieux pas l'utiliser.
Remplaces
CODE
allHTMLTags[i].style.display='table-row';
par
CODE
allHTMLTags[i].style.display='';
et ça fonctionne...
Sujets relatifs:
- Écrire une fonction indicatrice
- Fonction qui retourne un booléen
- fonction récursive et liste doublement chainée
- Fonction upload php
- ma fonction ne fonctionne pas
- Recherche une fonction
- [WSH/ADSI]objet getOject
- AS3 : appeler une fonction a partir d'une fonction...
- Probléme avec fonction foreach
- Nombre de valeurs passées à une fonction, inconnue.
Marsh Posté le 11-01-2008 à 08:33:02
Bonjour,
J'ai un soucis avec une page en XHTML 1.0 Transitional. qui contient du code Javascript/CSS affichant ou masquant des lignes tr.
Tout fonctionne bien excepté sous IE et Safari ou rien ne se passe, hormis l'erreur 'Objet attendu' super explicite sous Windows.
Voici le début de mon code ainsi qu'une des lignes appelant la fonction js:
<!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" xml:lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Quantinemo</title>
<script type='text/javascript'>
function showHide(class, ID)
{
var allHTMLTags = new Array();
var allHTMLTags=document.getElementsByTagName('tr');
for (i=0; i<allHTMLTags.length; i++) {
if (allHTMLTags[i].className==class) {
if (allHTMLTags[i].style.display == 'none') {
allHTMLTags[i].style.visibility='visible';
allHTMLTags[i].style.position='static';
allHTMLTags[i].style.display='table-row';
ID.innerHTML='Hide';
} else {
allHTMLTags[i].style.visibility='hidden';
allHTMLTags[i].style.position='absolute';
allHTMLTags[i].style.display='none';
ID.innerHTML='Show';
}
}
}
}
...
</script>
...
<tr>
<td colspan='10' align='center'><a href='#' onclick="showHide('Name-and-Time', this); return false;" id='show0'>Show</a> <i>Name and Time</i> category</td>
</tr>
<tr class="Name-and-Time" style="position:absolute; margin: 0 auto; display: none; visibility:hidden;">
<td align="center">base_file_name</td>
...
Le debuggeur de script Microsoft me dit que la première erreur vient de cette ligne: <script type='text/javascript'>
Cette page fonctionne bien sous Linux (Firefox, Konqueror, Opera, Netscape) ainsi que sous Windows XP pour les mêmes navigateurs (Hors Konqueror).
Je précise en plus que la page est bien W3C conforme (Ca veut pas dire grand chose pour IE mais quand même) et que la console javascript de Firefox ne renvoie aucune erreur.
Une idée ?
Merci
--
Sébastien