In deze les wordt uitgelegd hoe je een tekst in je statusbalk kan zetten een stilstaande en een knipperende. Hoe je een nieuwe pagina kan openen met een bepaald formaat zonder extra balken. Natuurlijk zijn er nog andere maar die worden hier nog niet besproken.
we beginnen maar met het maken van een tekst in onze statusbalk. Hier een voorbeeldje:
<script language="javascript">
<!--
function statbar()
{
window.status = Hier zet je je bericht;
}
//-->
</script> |
Nu moet je hem nog aanroepen dit kan op verschillende manieren. Bijvoorbeeld body onload="statbar" maar dit wist u natuurlijk al. Omdat je tekst nu wordt overgeschreven door andere commando's van de browser is er deze oplossing.
<script language="javascript">
<!--
function statbar()
{
window.status = Hier zet je je bericht;
setTime-out("statbar()", 100);
}
//-->
</script> |
Door dit scriptje zorgt ie ervoor dat het om de 100 milliseconde weer wordt geschreven. Je ziet je kan heel veel verschillende dingen er mee laten doen een knipperende tekst een draaiende tekst. In deze les kunnen we dat niet allemaal bespreken maar de knipperende tekst kan nog wel zonder een grote uitleg. Eerste deel tussen head en head.
<script language="javascript">
<!--
function start()
{
setTimeout ("begin()", 1);
}
function begin()
{
window.status = ('Welcome at www.design-web.nl');
setTimeout ("starten()", 1000);
}
function starten()
{
window.status = ('De beste lessen javascript, html en php!');
setTimeout ("start()", 1000);
}
//-->
</script> |
Bij de body tag: onload="start()"
Nou dat viel best mee je kan alles nog anders in gaan stellen. In het volgende stukje leg ik een prompt uit.
Een prompt is een vakje wat naar boven komt waar je tekst in kan schrijven die je weer in een variable kan laten opslaan.
Dit is eigenlijk best wel simpel gewoon:
<script language="javascript">
<!--
var hyperlinks= prompt('Wat is je naam?');
document.write("Mijn naam");
//-->
</script> |
Nou ga ik uitleggen hoe je een pagina met een bepaalde grote en kenmerken geeft. Met het commando:
<script language="javascript">
<!--
window.open('url', 'vensternaam','width=200,height=200,status=no,
toolbar=no,menubar=no');
//-->
</script> |
Nee de spaties zijn niet vergeten het moet zo! In de volgende tabel wat het doet.
Optie |
Uitleg van de optie. | | height=pixels | hoogte van nieuwe venster in pixels. | | width=pixels | breedte va nieuwe venster in pixels. |
| status=yes/no | Wel of geen statusbalk. | | menubar=yes/no | Wel of geen menubar. | | toolbar=yes/no | Wel of geen toolbar. | | resizable=yes/no | Of je de venster grootte kan veranderen. | | scrollbars=yes/no | Wel of geen scrollbar. |
Het sluiten van een venster doe je zo:
<script language="javascript">
<!--
naamvenster.close();
//-->
</script> |
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics