Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier

hjemmesider
 
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

Link med centreret pop-up vindue

Med dette script kan du lave pop-up vinduer, som åbner ved et tryk på et link. Dette script adskiller sig fra andre ved at give mulighed for at centrere det nye pop-up vindue på brugerens skærm.

Du kan selv definere stort set alle attributter på pop-up vinduet.

Javascript

Eksempel >>

 

Sådan gør du:

Scriptet består af to dele. Selve scriptdelen som indsættes i dokumentets head og en lille kode, som indsættes i det pågældende link tag.

 

Trin 1

Indsæt dette javascript i din <head> sektion:

<!-- SCRIPT - pop-up vindue -->

<script language="javascript">
<!-- Start på javascript

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------

// Definer udseende af vinduet her.
// Værdierne er næsten selvforklarende, men prøv dig lidt frem hvis du er i tvivl.
var hojde="250"
var bredde="600"
var scroll="no"
var resize="no"
var toolbar="no"
var location="no"
var directories="no"
var status="no"
var menubar="no"

// Vælg om siden skal centreres eller ej
var centrer="yes" // "yes" centrerer

// Definer afstand fra hhv. venstre og top ... kun nødvendigt, hvis siden ikke skal centreres
var LeftPosition="10"
var TopPosition="10"

// Du skal IKKE ændre noget efter denne linie //
////////////////////////////////////////////////

var win = null;
function NewWindow(mypage,navn){
if (centrer=="yes") {
LeftPosition = (screen.width) ? (screen.width-bredde)/2 : 0;
TopPosition = (screen.height) ? (screen.height-hojde)/2 : 0;
//http://www.a-begynder.dk
}
settings =
'toolbar='+toolbar+',location='+location+',directories='+ directories+',status='+status+',menubar='+menubar+', height='+hojde+',width='+bredde+',top='+TopPosition+ ',left='+LeftPosition+',scrollbars='+scroll+',resizable=' +resize
win = window.open(mypage,navn,settings)
}

// javascript slutter her -->
</script>

<!-- SCRIPT - pop-up vindue - SLUT -->

Definer selv værdierne markeret med rødt!

Højde og bredde angives i pixel. De efterfølgende attributter kan enten antage værdien "no" eller "yes" ... alt efter om attributten skal vises eller ej. Prøv dig lidt frem med forskellige settings.

Herefter skal du vælge om vinduet skal centreres eller ej. Hvis du vælger "yes" vil de efterfølgende værdier for afstand fra venstre og top ikke blive brugt.

 

Trin 2

Herefter indsætter du denne kode i dit linktag:

onclick="NewWindow(this.href,'mitvindue');return false"

Definer selv navnet på dit nye vindue (markeret med rødt).

Indsat i et linktag ser det fx sådan ud:

<a href="minside.htm" onclick="NewWindow(this.href,'mitvindue');return false">Åben pop-up vindue</a>

Du skal naturligvis selv indsætte den rigtige url til den side, som skal åbnes i vinduet og skrive en passende linktekst.

 

 

Det færdige html-dokument <html>

<head>
<!-- SCRIPT - pop-up vindue -->

<script language="javascript">
<!-- Start på javascript

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------


// Definer udseende af vinduet her.
// Værdierne er næsten selvforklarende, men prøv dig lidt frem hvis du er i tvivl.
var hojde="250"
var bredde="600"
var scroll="no"
var resize="no"
var toolbar="no"
var location="no"
var directories="no"
var status="no"
var menubar="no"

// Vælg om siden skal centreres eller ej
var centrer="yes" // "yes" centrerer

// Definer afstand fra hhv. venstre og top ... kun nødvendigt, hvis siden ikke skal centreres
var LeftPosition="10"
var TopPosition="10"

// Du skal IKKE ændre noget efter denne linie //
////////////////////////////////////////////////

var win = null;
function NewWindow(mypage,navn){
if (centrer=="yes") {
LeftPosition = (screen.width) ? (screen.width-bredde)/2 : 0;
TopPosition = (screen.height) ? (screen.height-hojde)/2 : 0;
//http://www.a-begynder.dk
}
settings =
'toolbar='+toolbar+',location='+location+',directories='+ directories+',status='+status+',menubar='+menubar+', height='+hojde+',width='+bredde+',top='+TopPosition+ ',left='+LeftPosition+',scrollbars='+scroll+',resizable=' +resize
win = window.open(mypage,navn,settings)
}

// javascript slutter her -->
</script>

<!-- SCRIPT - pop-up vindue - SLUT -->

</head>

<body>
<a href="minside.htm" onclick="NewWindow(this.href,'mitvindue');return false">Åben pop-up vindue</a>
</body>

</html>

Eksempel:  Åben centreret pop-up vindue >>

 

 

Hint

Du kan godt have flere forskellige pop-up links på samme side. Så skal du bare give dem forskellige navne ... som forklaret i Trin 2.

Alle vinduer vil dog have samme attributter ... altså størrelse placering mv.

Du kan efterprøve det ved at åbne endnu et pop-up vindue >>

 

Endnu et super script fra
@-begynder

 

Til toppen >>


powered by FreeFind

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Annoncer her ...!