[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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

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 /

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

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.063 secondes