Utilisateur:Pierro78/testcollapsible : Différence entre versions

De wiki.gentilsvirus.org
Aller à : Navigation, rechercher
(test of paragraph)
(Liens Utiles)
 
(13 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
coucou dsfj  ksdlkfdkljds<span class="mw-collapsible mw-collapsed">hello1</span>
+
http://test.wikipedia.org/wiki/User:Krinkle/CollapsingTestpageMw
 +
 
 +
http://test.wikipedia.org/wiki/User:Pierro78/TestCollapsible
 +
 
 +
== Liens Utiles ==
 +
 
 +
{{A_Lien3|Groupes Locaux (facebook)|44}}
 +
 
 +
{{A_Lien|Groupes Locaux (facebook)}}
 +
 
 +
{{#show:Groupes Locaux (facebook)|?CREATIONTIMESTAMP}}
 +
 
 +
 
 +
coucou <hr style="visibility:hidden;">dsfj  ksdlkfdkljds<span class="mw-collapsible mw-collapsed">hello1</span>
 
<br>fdsf<span class="mw-collapsible mw-collapsed">hello1</span>
 
<br>fdsf<span class="mw-collapsible mw-collapsed">hello1</span>
 
<br class="mw-collapsible mw-collapsed">ssd
 
<br class="mw-collapsible mw-collapsed">ssd
Ligne 8 : Ligne 21 :
  
 
# coucou dsfj  ksdlkfdklj sdlkj dsfkl ds d sdfsidof sd fisdif sdifo sdf uisdf sdf isdf sdf sdf sdif sdf sdf sdio sdif sdfi sdfi sdf sdf sdf sdfsdf sdfsdfsfsdkfsd fsdfisdfsdf sdf sdf sdf sdf sdsdifisdfsdiofio sdfui ds isdfuisdf sd sidf sdif sdfisdofu sdifuf uisdof sdif sd sdfsd dsf sdf sdf sdf sdfsdfds sdfdsffds<span class="mw-collapsible mw-collapsed">hello1</span>
 
# coucou dsfj  ksdlkfdklj sdlkj dsfkl ds d sdfsidof sd fisdif sdifo sdf uisdf sdf isdf sdf sdf sdif sdf sdf sdio sdif sdfi sdfi sdf sdf sdf sdfsdf sdfsdfsfsdkfsd fsdfisdfsdf sdf sdf sdf sdf sdsdifisdfsdiofio sdfui ds isdfuisdf sd sidf sdif sdfisdofu sdifuf uisdof sdif sd sdfsd dsf sdf sdf sdf sdfsdfds sdfdsffds<span class="mw-collapsible mw-collapsed">hello1</span>
# <p>hello2</p>
+
# <p>hello2</p><p>hello3<p>hello4
 +
 
  
  
Ligne 15 : Ligne 29 :
 
</div>
 
</div>
 
<div class="mw-customcollapsible1">Show/Hide c1</div>
 
<div class="mw-customcollapsible1">Show/Hide c1</div>
 
  
 
== test of paragraph ==
 
== test of paragraph ==
 +
a&#13;b
  
 
# hello1 <p class="mw-collapsible">hello1</p>
 
# hello1 <p class="mw-collapsible">hello1</p>
# <div  style="float:left;" class="mw-collapsible mw-collapsed">hello6<br></div> coucou
+
# <div  style="float:left;">coucou6</div> <div class="mw-collapsible mw-collapsed">hello6<br></div>  
 
# hello2
 
# hello2
  
 
* coucou <p class="mw-collapsible mw-collapsed">hello3</p>
 
* coucou <p class="mw-collapsible mw-collapsed">hello3</p>
* <div  style="float:left;">coucou5</div> <div class="mw-collapsible mw-collapsed">hello5</div>
+
* <div  style="float:left;">coucou5</div> <div class="mw-collapsible mw-collapsed">hello5
 +
sdfsd
 +
sdfsdf</div>
 
* <p>hello4</p>
 
* <p>hello4</p>
  
Ligne 36 : Ligne 52 :
  
 
<div class="mw-customtoggle-myTable">Show/Hide table</div>
 
<div class="mw-customtoggle-myTable">Show/Hide table</div>
 +
 +
= Test suite for mw-collapsible =
 +
__NOTOC__
 +
 +
<big>''' Collapsible div '''</big>
 +
----
 +
<div class="mw-collapsible" data-collapsetext="You may collapse me by clicking here" data-expandtext="Let me back out !">
 +
{{User:Krinkle/Lorem}}
 +
</div>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Collapsible div (collapsed by default) '''</big>
 +
----
 +
<div class="mw-collapsible mw-collapsed">
 +
{{User:Krinkle/Lorem}}
 +
</div>
 +
 +
<div style="clear:both"></div>
 +
 +
<big id="head-colapsible_div_nested_in_collapsed_div">''' Collapsible div nested in collapsed div '''</big>
 +
----
 +
<div class="mw-collapsible mw-collapsed">
 +
Hi there this is text in the outer div.
 +
<div class="mw-collapsible" style="background:#eee">
 +
This content is inside the nested collapsible div.
 +
</div>
 +
</div>
 +
 +
<div style="clear:both"></div>
 +
 +
<big id="head-collapsible_table">''' Collapsible table '''</big>
 +
----
 +
{| class="wikitable sortable mw-collapsible"
 +
! Hello
 +
! World
 +
|-
 +
| Content
 +
| Goes
 +
|-
 +
| In
 +
| Here
 +
|}
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Collapsible table (collapsed by default) '''</big>
 +
----
 +
{| class="wikitable mw-collapsible mw-collapsed"
 +
! Hello
 +
! World
 +
|-
 +
| Content
 +
| Goes
 +
|-
 +
| In
 +
| Here
 +
|}
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Collapsible table in collapsed div '''</big>
 +
----
 +
<div class="mw-collapsible mw-collapsed">
 +
Some text in the div here.
 +
{| class="wikitable sortable mw-collapsible"
 +
! Hello
 +
! World
 +
|-
 +
| Content
 +
| Goes
 +
|-
 +
| In
 +
| Here
 +
|}
 +
Some more text in the div.
 +
</div>
 +
 +
<div style="clear:boh">
 +
 +
<big>''' Collapsible table-cell content in a table'''</big>
 +
----
 +
 +
<table class="wikitable">
 +
<tr>
 +
<th>X</th> <th>Y</th> <th>Z</th>
 +
</tr>
 +
<tr>
 +
<td>Hi, the content in the cell below me is collapsible and collapsed by default</td> <td>35</td> <td>91</td>
 +
</tr>
 +
<tr>
 +
<td class="mw-collapsible mw-collapsed">I'm the mw-collapsible cell content!</td> <td>42</td> <td>63</td>
 +
</tr>
 +
</table>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Collapsible unordered list '''</big>
 +
----
 +
<ul class="mw-collapsible">
 +
<li>Lorem
 +
<li>Ipsum
 +
<li>Dolor
 +
</ul>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Collapsible ordered list '''</big>
 +
----
 +
<ol class="mw-collapsible">
 +
<li>One
 +
<li>Two is more than one
 +
<li>..a total of three items!
 +
</ol>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Pre-made toggle 1'''</big>
 +
----
 +
<div id="collapse-pre-one" class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="width: 100%"><span class="down">[[File:Arrow-down-dash-2.0.svg|50px|center|link=]]</span><span class="up">[[File:Arrow-up-dash-2.0.svg|50px|center|link=]]</span></div>
 +
<div class="mw-collapsible-content">
 +
{{User:Krinkle/Lorem}}
 +
</div></div>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange; cursor:pointer;">@</sup>'''</big>
 +
----
 +
 +
:<strong class="mw-customtoggle-myDivision">@</strong>
 +
 +
<div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div>
 +
 +
<div class="mw-customtoggle-myDivision" style="cursor:pointer">[[File:At_char.svg|100px|left|link=|title=Click me!]] &lArr; @@Clicking here or on At-image will toggle also@@<div style="clear:both"></div></div>
 +
 +
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
 +
<div class="toccolours mw-collapsible-content">{{User:Krinkle/Lorem}} <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup></div>
 +
</div>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Custom collapsible 2 (table)'''</big>
 +
----
 +
 +
<div class="usermessage mw-customtoggle-myTable">Click here to toggle the table.</div>
 +
 +
{| class="wikitable sortable mw-collapsible" id="mw-customcollapsible-myTable"
 +
! Hello
 +
! World
 +
|-
 +
| Content
 +
| Goes
 +
|-
 +
| In
 +
| Here
 +
|}
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Custom collapsible 3 (list)'''</big>
 +
----
 +
 +
<div class="usermessage mw-customtoggle-myList">Click here to toggle the list.</div>
 +
 +
<ul class="mw-collapsible" id="mw-customcollapsible-myList">
 +
<li>A
 +
<li>B
 +
<li>C
 +
<li>D
 +
</ul>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Custom collapsible 4 (table-row)'''</big>
 +
----
 +
 +
<table class="wikitable">
 +
<tr>
 +
<th>X</th> <th>Y</th> <th>Z</th>
 +
</tr>
 +
<tr>
 +
<td><span class="mw-customtoggle-AA mw-customtoggle-BB mw-customtoggle-CC">I'm the mw-customtoggle for A, B and C. Click me to toggle three table-rows at once!</span></td> <td>20</td> <td>11</td>
 +
</tr>
 +
<tr id="mw-customcollapsible-AA" class="mw-collapsible mw-collapsed">
 +
<td>I'm the mw-customcollapsible row A</td> <td>20</td> <td>7</td>
 +
</tr>
 +
<tr id="mw-customcollapsible-BB" class="mw-collapsible mw-collapsed">
 +
<td>I'm the mw-customcollapsible row B</td> <td>21</td> <td>11</td>
 +
</tr>
 +
<tr id="mw-customcollapsible-CC" class="mw-collapsible mw-collapsed">
 +
<td>I'm the mw-customcollapsible row C</td> <td>29</td> <td>1</td>
 +
</tr>
 +
<tr>
 +
<td>This is just a plain table cell</td><td>0</td><td>30</td>
 +
</tr>
 +
</table>
 +
 +
<div style="clear:both"></div>
 +
 +
<big>''' Combination example '''</big>
 +
----
 +
<ul class="mw-collapsible mw-collapsed" data-collapsetext="I understand" data-expandtext="Click here for more information">
 +
<li>Table is collapsed by default
 +
<li>Second row contains collapsible list
 +
<li>Third row contains a collapsible block with custom labels
 +
</ul>
 +
 +
{| class="wikitable plainlinks mw-collapsible mw-collapsed"
 +
!colspan="3" | <strong class="mw-collapsible-toggle mw-collapsible-toggle-expanded" style="color:#FF00EE;float:none">Collapse</strong> '''{{FULLPAGENAME}}'''
 +
|-
 +
|width="14%" | #1
 +
|
 +
Hello, [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit this page]
 +
Hello, [{{fullurl:{{FULLPAGENAME}}|action=purge}} purge this page]
 +
Hello, [{{fullurl:{{TALKPAGENAME}}|action=edit&section=new}} add new section to talkpage]
 +
|width="14%"| [[File:Example.svg|25x25px]]
 +
|-
 +
|width="14%" | #2
 +
|
 +
<ul class="mw-collapsible">
 +
<li>Lorem
 +
<li>Ipsum
 +
<li>Dolor
 +
</ul>
 +
|width="14%"| [[File:Example.svg|25x25px]]
 +
|-
 +
|width="14%" | #3
 +
|
 +
There's a lot more secret content hidden !
 +
<div style="background:red" class="mw-collapsible mw-collapsed" data-collapsetext="Hide me" data-expandtext="Reveal me">
 +
'''This following code is top secret:'''<br />
 +
: ''kmnd ihwkxucnskdf''
 +
</div>
 +
|width="14%"| [[File:Example.svg|25x25px]]
 +
|-
 +
|colspan=3 style="text-align:center"|Last edited by [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] on {{REVISIONTIMESTAMP}}
 +
|-
 +
|colspan=3 style="text-align:center"|[{{fullurl:{{FULLPAGENAME}}|oldid={{REVISIONID}}}} Permalink to this revision]
 +
|}

Version actuelle en date du 8 juin 2013 à 11:44

http://test.wikipedia.org/wiki/User:Krinkle/CollapsingTestpageMw

http://test.wikipedia.org/wiki/User:Pierro78/TestCollapsible

[modifier] 1 Liens Utiles

[infos]
afficher encore plus d'infos ou modifier les infos - cacher infos
Groupes Locaux de Gentils Virus sur facebook. Document facebook.
(Lien vers la "Carte de Contagion" ( carte google indiquant l'emplacement des gentils virus))
Groupes Locaux (facebook) [infos]
afficher encore plus d'infos ou modifier les infos - cacher infos
Groupes Locaux de Gentils Virus sur facebook. Document facebook.
(Lien vers la "Carte de Contagion" ( carte google indiquant l'emplacement des gentils virus))

18 février 2013 00:10:21


coucou
dsfj ksdlkfdkljdshello1


fdsfhello1
ssd

  • coucou dsfj ksdlkfdklj sdlkj dsfkl ds d sdfsidof sd fisdif sdifo sdf uisdf sdf isdf sdf sdf sdif sdf sdf sdio sdif sdfi sdfi sdf sdf sdf sdfsdf sdfsdfsfsdkfsd fsdfisdfsdf sdf sdf sdf sdf sdsdifisdfsdiofio sdfui ds isdfuisdf sd sidf sdif sdfisdofu sdifuf uisdof sdif sd sdfsd dsf sdf sdf sdf sdfsdfds sdfdsffdshello1
  • coucou dsfj ksdlkfdklj sdlkj dsfkl ds d sdfsidof sd fisdif sdifo sdf uisdf sdf isdf sdf sdf sdif sdf sdf sdio sdif sdfi sdfi sdf sdf sdf sdfsdf sdfsdfsfsdkfsd fsdfisdfsdf sdf sdf sdf sdf sdsdifisdfsdiofio sdfui ds isdfuisdf sd sidf sdif sdfisdofu sdifuf uisdof sdif sd sdfsd dsf sdf sdf sdf sdfsdfds sdfdsffdshello1


  1. coucou dsfj ksdlkfdklj sdlkj dsfkl ds d sdfsidof sd fisdif sdifo sdf uisdf sdf isdf sdf sdf sdif sdf sdf sdio sdif sdfi sdfi sdf sdf sdf sdfsdf sdfsdfsfsdkfsd fsdfisdfsdf sdf sdf sdf sdf sdsdifisdfsdiofio sdfui ds isdfuisdf sd sidf sdif sdfisdofu sdifuf uisdof sdif sd sdfsd dsf sdf sdf sdf sdfsdfds sdfdsffdshello1
  2. hello2

    hello3<p>hello4


This text is collapsible. Modèle:Lorem

Show/Hide c1

[modifier] 2 test of paragraph

a b

  1. hello1 <p class="mw-collapsible">hello1

  2. coucou6
    hello6
  3. hello2
  • coucou

    hello3

  • coucou5
    hello5

sdfsd

sdfsdf
My Header
Some content
and stuff.
Show/Hide table

[modifier] 3 Test suite for mw-collapsible

Collapsible div


Collapsible div (collapsed by default)


Collapsible div nested in collapsed div


Hi there this is text in the outer div.

This content is inside the nested collapsible div.

Collapsible table


Hello World
Content Goes
In Here

Collapsible table (collapsed by default)


Hello World
Content Goes
In Here

Collapsible table in collapsed div


Some text in the div here.

Hello World
Content Goes
In Here

Some more text in the div.

Collapsible table-cell content in a table


X Y Z
Hi, the content in the cell below me is collapsible and collapsed by default 35 91
I'm the mw-collapsible cell content! 42 63

Collapsible unordered list


  • Lorem
  • Ipsum
  • Dolor

Collapsible ordered list


  1. One
  2. Two is more than one
  3. ..a total of three items!

Pre-made toggle 1


Remote collapsible 1 (div, multiple togglers) @


@
Click here or on one of the @'s to expand the hidden element.
⇐ @@Clicking here or on At-image will toggle also@@

Custom collapsible 2 (table)


Click here to toggle the table.
Hello World
Content Goes
In Here

Custom collapsible 3 (list)


Click here to toggle the list.
  • A
  • B
  • C
  • D

Custom collapsible 4 (table-row)


X Y Z
I'm the mw-customtoggle for A, B and C. Click me to toggle three table-rows at once! 20 11
I'm the mw-customcollapsible row A 20 7
I'm the mw-customcollapsible row B 21 11
I'm the mw-customcollapsible row C 29 1
This is just a plain table cell030

Combination example


  • Table is collapsed by default
  • Second row contains collapsible list
  • Third row contains a collapsible block with custom labels
Récupérée de « http://wiki.gentilsvirus.org/index.php?title=Utilisateur:Pierro78/testcollapsible&oldid=10291 »
Outils personnels
Espaces de noms

Variantes
Navigation
Lister ou Créer des vidéos / documents / sites web / initiatives / demandes d'aide
Communauté : Réseau social, Mumble, Radio, IRC, Evénements, ...
Groupes ou Pages facebook non locaux - twitter - google+ - Bookmarks sociaux
Groupes locaux - cartes
Boîte à outils
Articles en chantier
Cette plateforme web