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

scripts script scripting koder asp dhtml html java javascript javascripts css funktioner programmering web
tips tricks scripts script scripting funktioner søgemaskiner webhoteller layout webdesign server optimering html hjemmesider programmering web ftp

Hvis du finder fejl i vore links eller scripts, vil vi blive glade for en ...
Fejlmelding >>
scripts, scripting, script, koder, tips, tricks, asp, dhtml, html, java, javascript, javascripts, css, funktioner, password, login, brugerbeskyttelse, print, hjemmesider, hjemmeside, homepage, websted, websteder, webprogrammering, programmering, web
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

Animerede vinduer

Dette script gør, at din side åbner ved først at folde sig ud i højden og dernæst sidelæns.

Samtidig er animationen så tilpas hurtig, at man ikke bliver irriteret over at skulle vente på animationen. Du kan i øvrigt selv styre både hastighed og de fleste andre attributter.

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 - maksimer vindue -->

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

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


top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight|| top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//-->
</script>

<!-- SCRIPT - maksimer vindue - SLUT -->

Definer selv værdierne markeret med rødt!

Du kan bl.a. vælge om vinduet skal fylde hele skærmen eller ej ... altså uafhængig af brugerens skræmopløsning. Hvis du vælger "yes" vil de efterfølgende værdier for højde og bredde ikke blive brugt.

 

 

Trin 2

Herefter skal dine linktags se således ud:

<a href="#" onClick="expandingWindow('dinside.htm');return false">Åben animeret vindue</a>

Værdierne markeret med rød er url til den side, som skal åbnes i det nye vindue, samt din 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
//----------------------------------------------------------

// Skal vinduet fylde hele skærmen? yes eller no
var fuldskaerm="no"

function expandingWindow(website) {
var windowprops='width=40,height=60,scrollbars=no, status=no,resizable=no'
var bredde="500"
var hojde="300"
var heightspeed = 15; // vertikal hastighed
var widthspeed = 20;  // horisontal hastighed
var leftdist = 00;    // Afstand fra venstre kant af vinduet
var topdist = 00;     // Afstand fra toppen af vinduet


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

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = bredde
var winheight = hojde
if (fuldskaerm=="yes"){
winwidth = window.screen.availWidth - leftdist;
winheight = window.screen.availHeight - topdist;
}
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",height=" + hojde + ",width=" + bredde + ","+ windowprops);
//http://www.a-begynder.dk
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}

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

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

<body>
<a href="#" onClick="expandingWindow('dinside.htm');return false">Åben animeret vindue</a>
</body>

</html>

Eksempel:  Åben animeret vindue >>

 

 

Bemærk

Scriptet skal indsættes på den side, hvor linket til den animerede side er. Ikke på den side som skal animeres.

 

 

Endnu en gang god fornøjelse

Venlig hilsen
@-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 ...!