De tekst van de titelbalk veranderen
De titelbalk van een browser-venster bevat soms een regel tekst. Het eerste deel bepaal je zelf. Dat doe je met de <title>-tag, die in de <HEAD> van de HTML-code staat. Het tweede deel wordt toegevoegd door de browser zelf. Zo zou de titelbalk van deze web-pagina kunnen luiden (gesteld dat je FireFox gebruikt):
Ben's Hobbyhoekje - Mozilla FirefoxEen eenmaal ingestelde titel kun je met "gewone" HTML niet zonder meer veranderen. Maar met behulp van JavaScript kan dat wel. Hier staat beschreven hoe je dat kunt aanpakken.
Bij een browser met tabs (en dat zijn de meeste) verschijnt de titel ook in de kop van het tabblad. Dit verhaal geldt ook voor de tab-titel.
De code staat onderaan deze bladzijde. Je kunt hem ook downloaden voor je eigen toepassingen.
- Bij een pagina zonder frames wordt de titel getoond die in de HTML-file zelf staat. Als er wel frames zijn wordt de titel gebruikt die in de HTML-file staat waarin de frames worden gedefinieerd. Er moet daarom onderscheid worden gemaakt tussen pagina's met frames en pagina's die zonder meer in een browser-venster staan. Beide mogelijkheden worden hier besproken.
- Het maken van onderscheid tussen wel of geen frames wordt besproken in het item "Frames van de aanroepende pagina overschrijven".
- Als er frames zijn verander je:
parent.document.title
- Als er géén frames zijn verander je:
- Je kunt hier een beetje mee spelen. Als je op de knop hieronder drukt verschijnt er een prompt die om
de nieuwe titel vraagt. Type deze in en druk op OK. De nieuwe tekst verschijnt nu in de titelbalk.
- Als je de titel-string leeg maakt verschijnt de URL van de pagina in de titelbalk.
Als de pagina in een frame staat verschijnt de URL van de pagina waarin de frames zijn gedefiniëerd.
document.title
Gebruik:
- De code staat in de <HEAD> of in de <BODY> op de plaats waar je hem nodig hebt.
- Als je dit wilt gebruiken voor het veranderen van de titelbalk van een site met frames kun je het ook zetten in een pagina die je in een frame plaatst.
De code ziet er als volgt uit:
<script>
// Variabele 'tekst' kun je instellen zoals je wilt.
var tekst = 'De tekst van de titelbalk wordt anders';
if (self != top) { // Frames. Verander de title van de parent
parent.document.title = tekst;
} else { // Geen frames. Verander de title van het document
document.title = tekst;
}
</script>
Downloaden:
Druk op de knop:
File: voorb076.zip, 401 bytes.
Opmerking:
Het is op deze manier ook mogelijk om de dag, de datum en de tijd in de titelbalk te zetten, en zelfs een
lopend klokje. Zie daarvoor het item "Klokje in de titelbalk".
