Difference between revisions of "FP Solution"

From Marek Běhálek Wiki
Jump to navigation Jump to search
Line 9: Line 9:
 
----
 
----
 
Soluiton
 
Soluiton
<div class="mw-collapsible mw-collapsed">
+
<div class="mw-collapsible mw-collapsed" data-collapsetext="Hide solution" data-expandtext="Show solution">
 
Some text in the div here.
 
Some text in the div here.
 
<syntaxhighlight lang="Haskell">
 
<syntaxhighlight lang="Haskell">
Line 165: Line 165:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<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>
 
<li>Second row contains collapsible list</li>
 
<li>Third row contains a collapsible block with custom labels</li>
 
</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>
 
<li>Ipsum</li>
 
<li>Dolor</li>
 
</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]
 
|}
 

Revision as of 10:29, 23 September 2020

fact1 :: Int -> Int
fact1 0 = 1
fact1 n = n * fact1 (n-1)



Soluiton

Some text in the div here.

fact1 :: Int -> Int
fact1 0 = 1
fact1 n = n * fact1 (n-1)

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


<templatestyles src="Manual:Collapsible elements/Demo/Advanced/styles.css" />

Pre-made toggle with link in it


This is a toggle with link to the top of the page

Remote collapsible 1 (div, multiple togglers) @


@
Click here or on one of the @'s to expand the hidden element.
title=Click me!
⇐ @@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

Custom collapsible 5 (double purpose toggle)



I am custom collapsible "DPT".

I am a toggle for my parent ("collapsible div") and custom toggle for "DPT".

I am a collapsible div.