Een UBB-bar met JavaScript
Ik maak dus zo'n UBB-bar. Je vind hem voor zover als hij is hier.
Ik heb geleerd dat het netjes is om JavaScript buiten de HTML te houden. Daarom heb ik de functie AddEvent die ik uit de AJAX tutorial van Jelmer heb gebruikt.
In mijn HTML zien de knoppen er (voorlopig) nog zo uit:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<a class="schrijftag" rel="i" href="#">i</a>
<a class="schrijftag" rel="b" href="#">b</a>
<a class="schrijftag" rel="u" href="#">u</a>
<a class="schrijftag" rel="center" href="#">center</a>
<a class="schrijftag" rel="left" href="#">left</a>
<a class="schrijftag" rel="right" href="#">right</a>
<a class="schrijftag" rel="url" href="#">[url][/url]</a>
<a class="schrijftag" rel="b" href="#">b</a>
<a class="schrijftag" rel="u" href="#">u</a>
<a class="schrijftag" rel="center" href="#">center</a>
<a class="schrijftag" rel="left" href="#">left</a>
<a class="schrijftag" rel="right" href="#">right</a>
<a class="schrijftag" rel="url" href="#">[url][/url]</a>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function init()
{
var aSchrijfTagsLinks = document.getElementsByTagName('a');
for ( i = 0 ; i < aSchrijfTagsLinks.length ; i++ )
{
if ( aSchrijfTagsLinks [ i ].className == 'schrijftag' )
{
var sTag = aSchrijfTagsLinks [ i ].rel;
addEvent ( aSchrijfTagsLinks [ i ] , 'click' , function () { schrijfTag ( sTag , 'textarea' ) } );
}
}
}
addEvent ( window , 'load' , init );
{
var aSchrijfTagsLinks = document.getElementsByTagName('a');
for ( i = 0 ; i < aSchrijfTagsLinks.length ; i++ )
{
if ( aSchrijfTagsLinks [ i ].className == 'schrijftag' )
{
var sTag = aSchrijfTagsLinks [ i ].rel;
addEvent ( aSchrijfTagsLinks [ i ] , 'click' , function () { schrijfTag ( sTag , 'textarea' ) } );
}
}
}
addEvent ( window , 'load' , init );
Hoe kan ik ervoor zorgen dat dit niet gebeurt?
Alvast bedankt,
Henk
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function init()
{
var aSchrijfTagsLinks = document.getElementsByTagName('a');
for ( i = 0 ; i < aSchrijfTagsLinks.length ; i++ )
{
if ( aSchrijfTagsLinks [ i ].className == 'schrijftag' )
{
var sTag = aSchrijfTagsLinks [ i ].rel;
addEvent ( aSchrijfTagsLinks [ i ] , 'click' , schrijfTag );
}
}
}
function schrijfTag () {
// doe hier iets met 'this' en 'textarea'
// 'this' verwijst binnen deze functie naar aSchrijfTagsLinks[i]
}
addEvent ( window , 'load' , init );
{
var aSchrijfTagsLinks = document.getElementsByTagName('a');
for ( i = 0 ; i < aSchrijfTagsLinks.length ; i++ )
{
if ( aSchrijfTagsLinks [ i ].className == 'schrijftag' )
{
var sTag = aSchrijfTagsLinks [ i ].rel;
addEvent ( aSchrijfTagsLinks [ i ] , 'click' , schrijfTag );
}
}
}
function schrijfTag () {
// doe hier iets met 'this' en 'textarea'
// 'this' verwijst binnen deze functie naar aSchrijfTagsLinks[i]
}
addEvent ( window , 'load' , init );
Ik weet niet wat de functie schrijfTag precies doet, maar binnen die functie kun je met het keyword 'this' verwijzen naar het object aSchrijfTagsLinks[i]
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Ah bedank! En ik hoef het natuurlijk niet te zeggen, maar ik doe het toch: het werkt! :-)
Hoe kan jij nou ook Henk hete??
Zijn moeder/vader zullen hem wel zo genoemd hebben,,
Maar zijn naam is met een hoofdletter H geschreven......
henk schreef op 09.08.2007 11:08:
Hoe kan jij nou ook Henk hete??
Offtopic:
Wanneer een mannetje en een vrouwtje naar bed gaan, dan raakt het vrouwtje zwanger door het mannetje. In de zwangerschap ontstaat er een embryo en uiteindelijk een volgroeid kind (in zijn geval in ieder geval). Het vrouwtje gaat baren en uiteindelijk, na veel weeën blablabla kreun kreun kreun, pers pers pers huil huil huil, komt er een kindje. Het mannetje en vrouwtje zijn gelukkig ( :D ) met het kind en gaan naar het gemeentehuis om het kind officieel een naam toe te kennen.
Een naam voor het kind kan van alles zijn. Van Mark tot Frits. Maar het (dominante) vrouwtje wilde Henk. Ja, Henk is nou een naam met POWERRRRRRRRRRRRRRRRRRRRRRR!
Dit is kort samengevat hoe een mannetje en een vrouwtje nou een kind tot Henk benoemen.
Prettige dag nog verder.
Gewijzigd op 01/01/1970 01:00:00 door GaMer B
GaMer13 schreef op 09.08.2007 11:28:
Het mannetje en vrouwtje zijn gelukkig ( :D ) met het kind...
In het geval van Henk kan ik me voorstellen dat dat niet zo was. :P
Juist ja
Enkel de loginnaam is uniek hier. Ik kan mezelf ook Henk noemen als ik wil ...
Erik, was dat @henk of @Henk?
Herjan, is dit een foutje op phphulp OF had je zin om ff te bumpen?
Hij klikte gewoon te vaak op "Plaats bericht"
Uhm, erik, dat is denk ik niet mogelijk. Als ik tien keer op die knop drukt komt er maar 1 bericht.
Alexander schreef op 09.08.2007 13:15:
Uhm, erik, dat is denk ik niet mogelijk. Als ik tien keer op die knop drukt komt er maar 1 bericht.
You may never know ;)
[/offtopic]
Erik schreef op 09.08.2007 13:13:
Hij klikte gewoon te vaak op "Plaats bericht"
Nee, er zit ergens een bug in Firefox/PHPhulp, waardoor ik soms een triple-/dubbelpost maak. Erg vervelend. Als er een mod is op IRC, vraag ik altijd gelijk of ze verwijderd kunnen worden, mja, er was nu niemand.
Het heeft trouwens wel het voordeel dat mijn posts lekker hard gaan :P