Kurs 15: L�r dig spr�ket JavaScript - �ppna nya f�nster

JavaScript.nu / JavaScript-kurs / �ppna nya f�nster, window.open() och focus()

L�R DIG SPR�KET JAVASCRIPT
�ppna nya f�nster, window.open() och focus()

Nu n�r du har l�st min kurs har du ofta st�tt p� att du har �ppnat nya f�nster. Detta har jag gjort med JavaScript.

F�r att �ppna ett nytt f�nster skriver du (resultatet blir s�h�r):

<SCRIPT LANGUAGE="JavaScript">
<!--

window.open("hemsida.shtml","fonstrets_namn","");

//-->
</SCRIPT>

Jaha, s� l�tt var det, men man kan g�ra det mycket mer komplicerat, t.ex. genom att ange storlek p� f�nstret, best�mma om det ska kunna g� att scrolla, om man kan �ndra storlek etc.

Till att b�rja med s� ska jag ber�tta vad som �r vad:
hemsida.shtml �r namnet (kan ocks� vara en adress) p� sidan som �ppnas, detta kan ocks� vara t.ex. en textfil (namn.txt) eller n�got liknande.
fonstrets_namn �r namnet p� f�nstret. Observera att funktioner och t.ex. f�nster-namn inte f�r inneh�lla �, � och �. Du kan dock skriva �, � och � i dina texter (t.ex. i en alertruta).
Sist ser du att det st�r "". Vad sjutton betyder detta?
Jo h�r kan man skriva in en massa saker (som jag tidigare n�mnde). H�r nedan har jag skrivit upp flera viktiga saker som man kan skriva, v�rdena och deras funktioner:

Man kan skriva:     V�rden:          Funktion:
-----------------------------------------------------------------
toolbar             yes|no           F�nstret har en toolbar (back, stop, reload etc.).
location            yes|no           F�nstret har ett adressf�lt (d�r man skriver hemsidans adress).
directories         yes|no           F�nstret har ett "personligt-f�lt" (Personal toolbar).
status              yes|no           F�nstret har ett status-f�lt (det som finns l�ngst ner p� sidan).
menubar             yes|no           F�nstret har en meny (d�r det st�r file (eller arkiv) etc).
scrollbars          yes|no           F�nstret kan scrollas.
resizable           yes|no           F�nstret kan �ndras i storlek.
fullscreen          yes|no           F�nstret visas �ver hela sk�rmen (bara f�r Internet Explorer).
width               ett nummer       F�nstrets bredd  st�lls in (fr�n v�nster till h�ger).
height              ett nummer       F�nstrets h�jd st�lls in (fr�n toppen till botten).
top                 ett nummer       F�nstrets position fr�n sk�rmens topp.
left                ett nummer       F�nstrets position fr�n sk�rmens v�nstra sida.

Dessa ska separeras med ett kommatecken (,).
En giltig JavaScriptrad blir t.ex. s�h�r (testa h�r):

window.open("hemsida.shtml","fonstrets_namn","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,fullscreen=no,width=350,height=250,top=200,left=200");

Denna funktion kan anv�ndas f�r t.ex. en fj�rrkontroll som man kan ha som ska l�nka till den stora sidan. Dina TARGET-attribut anv�nder du p� ett vanligt s�tt om du har frames.
Vill du att f�nstret som har �ppnats hela tiden ska vara ovanf�r alla andra f�nster f�r du skriva onBlur="this.focus() i BODY-taggen. Resultatet kan t.ex. vara s�h�r:
<BODY TEXT="black" BGCOLOR="white" onBlur="this.focus()">

Du b�r dock t�nka p� f�ljande:

Detta fungerar inte med frames, varken om du skriver onBlur="this.focus()" i framesidan eller i n�gon sida i framesidan.
Detta �r ytterst irriterande om du inte anv�nder det p� r�tt s�tt, t.ex. till en fj�rrkontroll eller liknande.
Anv�nd aldrig denna funktion i en vanlig sida.

Nu �r �terigen en del f�rdig. N�sta del ligger h�r.

L�R DIG SPR�KET JAVASCRIPT �ppna nya f�nster, window.open() och focus()

L�R DIG SPR�KET JAVASCRIPT
�ppna nya f�nster, window.open() och focus()