Afficher/cacher une div : ne fonctionne pas sur IE 8

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Afficher/cacher une div : ne fonctionne pas sur IE 8

Profil supprimé

Bonjour,
J'ai fait une petite fonction en javascript pour affiche ou cacher une DIV.
En fait j'ai un bbcode avec les boutons d'insertion, et pour ne pas encombrer la page, j'ai ajouté un bouton "+" qui lors du clic affiche les boutons de bbcode supplémentaires.

Voici mon code :

Code :

function manageDiv(name) {
    visible = document.getElementById(name).style.display;
    
    if(visible == 'none') {
        document.getElementById(name).style.display = 'block';
        return false;
    } else {
        document.getElementById(name).style.display = 'none';
        return true;
    }
}
    
window.onload = function() {
    manageDiv('more');
}

Et le bouton :

Code :

<input type="button" id="plus" name="plus" value="+" onclick="
    this.value = (manageDiv('more')) ? '+' : '-';" />
 
//onclick colorisé :
this.value = (manageDiv('more')) ? '+' : '-';

La suite :

Code :

<div id="more">
<!-- boutons bbcode -->
</div>

Mon problème : sous FF, ou google chrome, çà marche nickel... ...chrome
Mais sous IE 8, sous les autres je sais pas, mais sous IE 8 çà ne marche pas !
Lors du clic, la valeur du bouton reste "+" et les boutons contenus dans la DIV "more" sont vides ! aucune valeur !
Je ne comprends pas, je pense que çà vient de la gestion de display de IE 8 mais je ne suis pas sur.

Merci de votre aide !

Publicité

Profil supprimé

up /
.

aideinfo

Voir déjà l'erreur Javascript remontée. A noter qu'IE 8 est encore une beta, et que l'important est que ça marche sur les anciennes versions.

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

FR-DarkRod

Informag€€k

IE c'est à chier

Message cité 1 fois

Modération

FR-DarkRod a écrit :

IE c'est à chier

Oui, merci.
Sinon, tu as quelque chose d'un peu plus intéressant à dire ?

Message cité 1 fois

Mr Mala

Tu as sûrement déjà testé mais juste pour voir, tu as essayé un simple

Code :

alert(visible);

après l'assignation de visible pour voir ce qu'il contient ?

Message cité 1 fois

Profil supprimé

Mr Mala a écrit :

Tu as sûrement déjà testé mais juste pour voir, tu as essayé un simple

Code :

alert(visible);

après l'assignation de visible pour voir ce qu'il contient ?

bah au premier clic : none, puis block, puis none, etc.

Mr Mala

Ok donc la propriété est bien mise à jour ...
Bon, je lance des trucs comme ça pour cerner le truc :
Cela semblerait logique que ton this dans ton onclick soit bien la référence au bouton lui-même .. mais une fois de plus, juste pour tester, rajoute un peu un "alert(this.value);" dans ce onclick ... ( puisque tu dis que le bouton reste à '+' )
Et selon toute logique, tu devrais avoir la première fois '+' ... sinon ......

Message édité par Mr Mala le 05-01-2009 à 18:55:34

Profil supprimé

bah j'affiche this.value avec alert juste après l'appel de manageDiv et là il me dit '-' alors que visuellement parlant la valeur du bouton reste '+' :pt1cable:

Message cité 1 fois

FR-DarkRod

Informag€€k

Modération a écrit :

Oui, merci.
Sinon, tu as quelque chose d'un peu plus intéressant à dire ?

Quel est l'intérêt de tester d'une part Internet Explorer et d'autre part sa version "non-officiel" ?
Ca fait partit des risques

Si sont codes fonctionnent sur FF , Opera , Chrome , http://upload.wikimedia.org/wikipe [...] owsers.svg

C'est bon pour moi

Publicité

Mr Mala

'tain ... :heink:
IE8 "aurait" un problème de mise-à-jour dynamique d'élements d'une page ?! :sweat:

Et tu disais que ton <div id="more"> "s'ouvrait" quand même mais était vide ?

( désolé de pas pouvoir tester en même temps mais, pour éviter le troll, je vais juste dire que "actuellement, je ne suis pas en mesure de tester sous IE" :whistle: )

Message cité 1 fois

FR-DarkRod

Informag€€k

Et sous IE 7 ça fonctionne ? :??:

Message cité 1 fois
Message édité par FR-DarkRod le 05-01-2009 à 22:58:58

Profil supprimé

Mr Mala a écrit :

Oui la div s'ouvre... mais reste vide.
je comprends pas bien ce qu'il se passe mais merci de ton aide

FR-DarkRod a écrit :

Et sous IE 7 ça fonctionne ? :??:

j'ai pas IE 7 et je sais pas ou télécharger la version pour vista :pfff:

FR-DarkRod

Informag€€k

Sérieux ?

Normalement c'est intégré

http://www.01net.com/telecharger/w [...] 33081.html

(ne me remercie pas )

Message édité par FR-DarkRod le 06-01-2009 à 18:17:09

Profil supprimé

sauf que c'est la version Windows XP [:dawa]
Et que l'install de IE 8 écrase IE 7 [:dawa]

FR-DarkRod

Informag€€k

abba ... c'est foutu ^^

maintenant il faut formater

Message édité par FR-DarkRod le 06-01-2009 à 18:36:02

Mr Mala

Bon mauvaise nouvelle...
Je viens de tester sur un IE7 et ça passe ..
Le passage + / - pour le bouton et l'ouverture + affichage de la div ..
Maintenant dans le div, j'ai juste tapé un paragraphe de lorem ipsum , pas une structure complexe ...

Ta page est quelque-part en ligne pour pouvoir tester ?

Profil supprimé

oui mais avec un interface d'administration à laquelle je suis seul à avoir accès (enfin j'espère )

FR-DarkRod

Informag€€k

Ouais on peut avoir tester stp ?

Profil supprimé

non mais considérez ce sujet comme clos, tant que çà marche sous IE 7...
:jap:

Message cité 1 fois

FR-DarkRod

Informag€€k

On peut essayez où ?

Profil supprimé

j'ai donné les scripts

Mr Mala

Heuuu oui enfin je te dis, j'ai juste c/c ton code ici plus haut pour tester dans une p'tite page html minable hein !
Faut voir si TA page n'a pas un autre problème.

Enfin, si pour toi c'est ok, tant mieux ! ;-)

FR-DarkRod

Informag€€k

Oh la flème de taper le code

Profil supprimé

Bon, voilà le HTML généré (pas d'URL, c'est une page d'administration )

Code :

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lucasavoie.com | Administration | Edition de page</title>
<link rel="icon" href="favicon.gif" type="image/gif" />
<link rel="stylesheet" href="style.css" media="all" />
<script type="text/javascript"
        src="js/bbcode.js">
</script>
<script type="text/javascript">
    function manageDiv(name) {
        visible = document.getElementById(name).style.display;
        
        if(visible == 'none') {
            document.getElementById(name).style.display = 'block';
            return false;
        } else {
            document.getElementById(name).style.display = 'none';
            return true;
        }
    }
    
    window.onload = function() {
        manageDiv('more');
    }
</script>
</head>
 
<body>
<div id="header">
 
Lucasavoie.com</div>
 
<div id="main">
<div id="colonne1">
<ul class="menu">
    <li>Le Site</li>    <li> - <a href="page.php?id=1">Accueil</a></li>
    </ul>
</div>
 
<div id="colonne2">
<form action="search.php" method="get">
<input type="text" name="search" id="search" /><br />
<input type="submit" value="Rechercher" />
</form>
 
<hr />
 
<a href="admin.php">Administration</a></div>
 
<div id="centre">
<h3>Administration - Edition de page</h3>
 
<form action="admin_edit_page.php" method="post" name="formulaire">
<input type="hidden" name="id" value="1" />
 
<table>
<tr>
    <td class="legend">Titre de la page</td>
    <td><input type="text" name="title" value="Accueil" /></td>
</tr>
<tr>
    <td class="legend">Nom de la page</td>
    <td><input type="text" name="name" value="Accueil" /></td>
</tr>
<tr>
    <td class="legend">Cat&eacute;gorie</td>
 
    <td>
    <select name="category">
                        <option value="1" selected="selected">Le Site</option>
                        <option value="2" >Randos</option>
            </select>
    </td>
</tr>
<tr>
    <td class="legend">Formatage</td>
 
    <td>
    <input type="button" id="gras" name="gras" value="Gras" onClick="javascript:bbcode('', '');" />
    <input type="button" id="italic" name="italic" value="Italique" onClick="javascript:bbcode('', '');" />
    <input type="button" id="italic" name="italic" value="Souligné" onClick="javascript:bbcode('', '');" />
    <input type="button" id="image" name="image" value="Image" onClick="javascript:bbcode('[img]', '[/img]');" />
    <input type="button" id="lien" name="lien" value="Lien" onClick="javascript:bbcode('', '');" />
    <input type="button" id="p" name="p" value="§" onClick="javascript:bbcode('[align='+prompt('Choisissez un alignement : left, center, right, ou justify.')+']', '[/align]');" />
    <input type="button" id="plus" name="plus" value="+" onclick="
    this.value = (manageDiv('more')) ? '+' : '-';" />
    <div id="more">
 
    <input type="button" id="fontsize" name="fontsize" value="Taille" onclick="javascript:bbcode('[font size=16px]', '[/font]');" />
    <input type="button" id="color" name="color" value="Couleur" onclick="javascript:bbcode('[color=#000]', '[/color]');" />
    <input type="button" id="youtube" name="youtube" value="Youtube" onclick="javascript:bbcode('[youtube]', '[/youtube]');" />
    </div>
    </td>
</tr>
<tr>
    <td class="legend">Contenu</td>
    <td><textarea name="content" cols="55" rows="10" id="textarea">(texte avec bbcode)</textarea></td>
 
</tr>
<tr>
    <td class="legend">V&eacute;rifiez le contenu.</td>
    <td><input type="submit" value="Enregistrer" /></td>
</tr>
</table>
</form>
</div>
</div>
 
<div id="footer">
Lucas GAUTHERON &copy; 2008 - <a href="http://validator.w3.org/check?uri=referer&amp;charset=(detect+automatically)&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.606">xHTML Valid</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=referer&amp;profile=css21&amp;usermedium=all&amp;warning=1&amp;lang=fr">CSS Valid</a> | 0.023363 secondes.
 
</div>
 
</body>
</html>

Mr Mala

ok ben je confirme, je viens de tester sur un IE7 et ça passe sans problème ...
Il semblerait donc bien que ça soit un problème IE8 ... maintenant, comme ça a été dit, ça reste une béta ...

edit: d'un autre côté, sans vouloir troller, quelle idée aussi d'installer du Microsoft béta ! :whistle:

Message édité par Mr Mala le 07-01-2009 à 14:15:11

Profil supprimé

ok bah merci

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Afficher/cacher une div : ne fonctionne pas sur IE 8

Sujets relatifs
Cacher la fenetre API	Mise en page IE
[Résolue] afficher une video sur ma page	[ Resolu ] Ma requete ne fonctionne qu'à moité ! Avez-vous une idée ?
Script pour afficher des images de manière aléatoire: problèmes	Fonctionne sous Firefox mais pas sous IE 7
[HTML] Insérer un espace pour afficher un texte en bas de page	[Javascript] Neige (Firefox et IE 7)
Afficher les lignes ne contenant pas de chiffres
Plus de sujets relatifs à : Afficher/cacher une div : ne fonctionne pas sur IE 8

Page générée en 0.132 secondes