Snel en eenvoudig een index maken
Nu heb ik dit probleem opgelost met het volgende javascriptje op basis van, hoe kan het ook anders: mootools!
Kijk eens naar het volgende voorbeeldje!
edit: ik heb overwogen om dit met php te doen maar dat leek me veel te complex voor eigenlijk zo'n korte nette oplossing met javascript...
Gewijzigd op 01/01/1970 01:00:00 door Crispijn -
Gesponsorde koppelingen:
Scriptlib waardig?
Crispijn schreef op 17.03.2009 09:27:
Meer of jullie dit geschikt vinden en er het nut van inzien. Suggesties wat betreft het scriptje mogen ook natuurlijk :)
Scriptlib waardig?
Scriptlib waardig?
Of ik het nut zie? Nee xD Wat is het? Suggestie: leg uit wat het doet.
@wes: wat bedoel je met 'scroll gewoon zichtbaar'? daar heb ik toch ook niet aan willen zitten?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<h2>Titel 1</h2>
<p>Hier een hele hoop tekst</a>
<h2>Titel 2</h2>
<p>Hier een hele hoop tekst</p>
<h2>Titel 3</h2>
<p>Hier een hele hoop tekst</p>
<h2>Titel 4</h2>
<p>Hier een hele hoop tekst</p>
<p>Hier een hele hoop tekst</a>
<h2>Titel 2</h2>
<p>Hier een hele hoop tekst</p>
<h2>Titel 3</h2>
<p>Hier een hele hoop tekst</p>
<h2>Titel 4</h2>
<p>Hier een hele hoop tekst</p>
Hier kan ik door middel van dit scripje het volgende van maken:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div id="index_list">
<a name="index" id="index">
<ol>
<li><a href="index.php#Titel 1">Titel 1</a></li>
<li><a href="index.php#Titel 2">Titel 2</a></li>
<li><a href="index.php#Titel 3">Titel 3</a></li>
<li><a href="index.php#Titel 4">Titel 4</a></li>
</ol>
</index_list>
<a name="Titel 1" id="Titel 1">
<a href="index.php#index"><h2>Titel 1</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 2" id="Titel 2">
<a href="index.php#index"><h2>Titel 2</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 3" id="Titel 3">
<a href="index.php#index"><h2>Titel 3</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 4" id="Titel 4">
<a href="index.php#index"><h2>Titel 4</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="index" id="index">
<ol>
<li><a href="index.php#Titel 1">Titel 1</a></li>
<li><a href="index.php#Titel 2">Titel 2</a></li>
<li><a href="index.php#Titel 3">Titel 3</a></li>
<li><a href="index.php#Titel 4">Titel 4</a></li>
</ol>
</index_list>
<a name="Titel 1" id="Titel 1">
<a href="index.php#index"><h2>Titel 1</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 2" id="Titel 2">
<a href="index.php#index"><h2>Titel 2</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 3" id="Titel 3">
<a href="index.php#index"><h2>Titel 3</h2></a>
<p>Hier een hele hoop tekst</p>
<a name="Titel 4" id="Titel 4">
<a href="index.php#index"><h2>Titel 4</h2></a>
<p>Hier een hele hoop tekst</p>
Kunnen jullie er nu wijzer uit worden? ;)
om het misschien duidelijker te maken: index lees: inhoudsopgave...
Gewijzigd op 01/01/1970 01:00:00 door Crispijn -
Ik ben nog bezig met een ignore functie. Op die manier kan je dus sommige h2 elementen NIET in de inhoudsopgave laten weergeven. Ik laat jullie weten wanneer ik het netjes in een wordpress plugin heb gegoten!
Crispijn
Gewijzigd op 01/01/1970 01:00:00 door Crispijn -
Crispijn schreef op 17.03.2009 10:31:
beheersbaar
beheeeeerbaar :)
Gewijzigd op 01/01/1970 01:00:00 door wes
Ik schrijf overigens zelf nooit berichten in Wordpress langer dan zo'n 100 regels, dus heb dit niet nodig. Maar goed idee. :)
Doet ut bij mij ook niet in Firefox.. :(
Not :P
@Peter: Hou je mond maar als je niks nuttigs te zeggen hebt
Ik denk zo dat als je deze plugin gaat gebruiken je veel conflict krijgt met andere plugins. :)
Edit: Nee, firebug is stilletjes en alsnog zie ik hier niets op de nieuwste firefox. :)
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
je kan het ook met php makkelijk laten generen, kost je minder regels, minder laad tijd want je moet dat hele koetools script includen enz. enz. Alleen maar positiefe dingen als je geen koetools gebruikt.
Voorbeeldje:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$tekst = "<h2>titel1</h2>blablabla<h2>titel2</h2>blablabla";
preg_match_all("#\<h2>(.+?)\</h2>#si", $tekst, $matches, PREG_SET_ORDER);
echo "Alle titels:<br>";
foreach ($matches as $nmr=>$val) {
echo ($nmr+1).": <a href='#".$val[1]."'>" . $val[1] . "</a><br>";
}
$tekst = preg_replace('#\<h2>(.+?)\</h2>#si', str_repeat('<br>', 50).'<h2 id="\\1">\\1</h2>', $tekst);
echo $tekst;
?>
$tekst = "<h2>titel1</h2>blablabla<h2>titel2</h2>blablabla";
preg_match_all("#\<h2>(.+?)\</h2>#si", $tekst, $matches, PREG_SET_ORDER);
echo "Alle titels:<br>";
foreach ($matches as $nmr=>$val) {
echo ($nmr+1).": <a href='#".$val[1]."'>" . $val[1] . "</a><br>";
}
$tekst = preg_replace('#\<h2>(.+?)\</h2>#si', str_repeat('<br>', 50).'<h2 id="\\1">\\1</h2>', $tekst);
echo $tekst;
?>
Dus stap over naar php generisatie :), dan hoef je je ook niet rekening te houden voor mensen die geen js aan hebben staan ;)
Gewijzigd op 01/01/1970 01:00:00 door Kumkwat Trender
