[HTML/Javascript/CSS] [resolu] spoiler une partie de tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML/Javascript/CSS] [resolu] spoiler une partie de tableau

wedgeant

Da penguin inside

[:papatte] les bizounours [:ginie]

[:noxauror]

Imaginons deux codes quasiment identiques:

Code :

<html>
    <head>
        <style type="text/css">.details { display:none; }</style>
        <script>
        function change() {
            if (document.getElementById("details" ).style.display == "none" ) {
                document.getElementById("details" ).style.display = "block";
                document.getElementById("caption" ).innerHTML = "Effacer";
            } else {
                document.getElementById("details" ).style.display = "none";
                document.getElementById("caption" ).innerHTML = "Afficher";
            }
        }      
        </script>
    </head>
    <body>
            <table style="width:100%; border:1px; border-style:solid;">
                <tr><td><a id="caption" href="#" onclick="change();">Afficher</a></td></tr>
                <tr><td><div class="details" id="details">Le texte qui va apparaitre sous le nom du texte 1</div></td></tr>
                <tr><td>Blabla</td></tr>
            </table>
    </body>
</html>

Code :

<html>
    <head>
        <script>
        function change() {
            if (document.getElementById("details" ).style.display == "none" ) {
                document.getElementById("details" ).style.display = "block";
                document.getElementById("caption" ).innerHTML = "Effacer";
            } else {
                document.getElementById("details" ).style.display = "none";
                document.getElementById("caption" ).innerHTML = "Afficher";
            }
        }      
        </script>
    </head>
    <body>
            <table style="width:100%; border:1px; border-style:solid;">
                <tr><td><a id="caption" href="#" onclick="change();">Afficher</a></td></tr>
                <tr><td><div style="display:none;" id="details">Le texte qui va apparaitre sous le nom du texte 1</div></td></tr>
                <tr><td>Blabla</td></tr>
            </table>
    </body>
</html>

Pourquoi, avec le premier, je suis obligé de cliquer 2 fois (la 1ere fois seulement) pour faire apparaitre le texte, alors qu'avec le second ça marche directement [:quardelitre dei]

Message édité par wedgeant le 21-11-2008 à 13:34:29

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Publicité

flo850

moi je

parceque dans le premier cas .style.display est vide

---------------

wedgeant

Da penguin inside

beuh [:toukc]
la balise <style> n'est pas prise en compte pour remplir .style ? :??:

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

flo850

moi je

nan

document.getElementById("details" ).style ne contient que les styles inline de ton element

Message cité 2 fois

---------------

masklinn

í dag viðrar vel til loftárása

flo850 a écrit :

nan

document.getElementById("details" ).style ne contient que les styles inline de ton element

raison pour laquelle on peut écrire elm.style = '' pour revenir au style par défaut (dans un taggle)

Message cité 1 fois

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

wedgeant

Da penguin inside

flo850 a écrit :

nan

document.getElementById("details" ).style ne contient que les styles inline de ton element

ah ok, bon ben j'aurais appris quelque chose aujourd'hui alors, mici [:romf]

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

wedgeant

Da penguin inside

Re [:pato el canardo]

Toujours dans ma quête du spoiler idéal, je cherche à pouvoir faire apparaitre/disparaitre (shazam [:prodigy] ) une cellule voir même ligne entière d'un tableau.

J'ai essayé de faire ça:

Code :

<table style="width:100%; border:1px; border-style:solid;">
    <tr><td colspan=2><a id="caption" href="#" onclick="spoiler();">Afficher</a></td></tr>
        <div id="details" style="display:none;">
            <tr><td>blabla</td><td>blabla</td></tr>
        </div>
    <tr><td>bloblo</td><td>bloblo</td></tr>
</table>

seulement voila, ça marche pas parce que "display:none" n'est pas un attribut de table [:transparency]

quelqu'un aurait une idée ? [:parisbreizh] [:islord]

Message cité 2 fois
Message édité par wedgeant le 21-11-2008 à 13:00:21

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

masklinn

í dag viðrar vel til loftárása

sudo rm -rf /

wedgeant

Da penguin inside

ça m'aide énormément [:cerveau dawak]

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

wedgeant

Da penguin inside

bon, j'ai trouvé quelque chose [:dawa]

Code :

<table style="width:100%; border:1px; border-style:solid;">
    <tr><td colspan=2><a id="caption" href="#" onclick="spoiler();">Afficher</a></td></tr>
        <tr id="details" style="visibility:collapse;"><td>blabla</td><td>blabla</td></tr>
    <tr><td>bloblo</td><td>bloblo</td></tr>
</table>

[:parisbreizh]

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Publicité

Elmoricq

Modérateur

tree

wedgeant

Da penguin inside

mézencore ? [:noxauror]

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Serial Coder

wedgeant a écrit :

Code :

<table style="width:100%; border:1px; border-style:solid;">
    <tr><td colspan=2><a id="caption" href="#" onclick="spoiler();">Afficher</a></td></tr>
        <div id="details" style="display:none;">
            <tr><td>blabla</td><td>blabla</td></tr>
        </div>
    <tr><td>bloblo</td><td>bloblo</td></tr>
</table>

seulement voila, ça marche pas parce que "display:none" n'est pas un attribut de table [:transparency]

quelqu'un aurait une idée ? [:parisbreizh] [:islord]

Tu cherches à faire quoi là ? T'as essayé de passer hidden displayed rawmode au lieu de ton infame bouillie ?

Uriaiche

masklinn a écrit :

raison pour laquelle on peut écrire elm.style = '' pour revenir au style par défaut (dans un taggle)

taggle [:ineffable]

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

Uriaiche a écrit :

taggle [:ineffable]

Ouais taggle

gatsu35

Blablaté par Harko

wedgeant a écrit :

Code :

<table style="width:100%; border:1px; border-style:solid;">
    <tr><td colspan=2><a id="caption" href="#" onclick="spoiler();">Afficher</a></td></tr>
        <div id="details" style="display:none;">
            <tr><td>blabla</td><td>blabla</td></tr>
        </div>
    <tr><td>bloblo</td><td>bloblo</td></tr>
</table>

seulement voila, ça marche pas parce que "display:none" n'est pas un attribut de table [:transparency]

quelqu'un aurait une idée ? [:parisbreizh] [:islord]

Depuis quand le display serait un attribut.
display c'est un attribut de l'objet Style de chaque élément et display:none marche sur n'importe quel élément.
Je te prie donc d'arrêter la drogue

Harkonnen

Modérateur
Un modo pour les bannir tous

à la demande de son auteur, je ferme le topic

---------------
J'ai un string dans l'array (Paris Hilton)

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML/Javascript/CSS] [resolu] spoiler une partie de tableau

Sujets relatifs
[Résolu] Problème pour lire et écrire des fichiers pgm en C++	derniere semaine du mois ? [VBA Excel] [RESOLU]
[Résolu] Problème de paramètre dans un IF	[résolu] Problème avec iframe et menu déroulant
Problème d'image d'arrière-plan en CSS	[X11] Gestion de la touche CONTROL dans les menus [Résolu].
[HTML/CSS] problème d'organisation - Résolu.	[RESOLU]jointure d'extraction de données
Plus de sujets relatifs à : [HTML/Javascript/CSS] [resolu] spoiler une partie de tableau

Page générée en 0.062 secondes