/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
script placering
Fra : Ulrik


Dato : 13-02-08 22:32

Hej

Jeg har fundet mig et script til bannerrotation, men har ikke
kunne finde svaret på hvordan jeg få scriptet til at vies øverst
på siden hverg gang.
som det er nu ligges det automatisk midt på siden, men jeg vil
gerne have det låst til toppen (eller 10-20 pixels fra toppen)


------ scriptet ---------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"
lang="da">
<head>
<title>Javascript banner rotation</title>
<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

bannerpics=new Array;
bannerurls=new Array;

bannerpics[1]="banner1.gif";
bannerurls[1]="http://www.html.dk/tutorials";

bannerpics[2]="banner2.gif";
bannerurls[2]="http://www.html.dk/artikler";

bannerpics[3]="banner3.gif";
bannerurls[3]="http://www.html.dk/scripts";

bannerpics[4]="banner4.gif";
bannerurls[4]="http://www.html.dk/faq";

bannerpics[5]="banner5.gif";
bannerurls[6]="http://www.html.dk/nyhedsgrupper";

// Nye bannere kan indsættes her
// Følg blot samme form som for de ovenstående bannere

function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);

document.write("<div><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
document.write("</a></div>");
}
// Slut -->
</script>
</head>
<body>

<-- Bannervisning start -->
<script type="text/javascript">
ShowBanner();
</script>
<-- Bannervisning slut -->

<h1>På denne side roteres bannere</h1>
</body>
</html>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (13-02-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-02-08 23:14

Ulrik wrote:

document.write("<div id='banner'><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
document.write("</a></div>");

Så kan du med css placere banneret lige hvor du vil.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk



Ulrik (14-02-2008)
Kommentar
Fra : Ulrik


Dato : 14-02-08 09:34

Erik Ginnerskov wrote in dk.edb.internet.webdesign.clientside:
> Ulrik wrote:
>
> document.write("<div id='banner'><a href='" + bannerurls[num] + "'>");
> document.write("<img src='" + bannerpics[num] + "' border='0' ");
> document.write("alt='Click here to find out more!'>");
> document.write("</a></div>");
>
> Så kan du med css placere banneret lige hvor du vil.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
> http://html-faq.dk
>
> tak for dit svar, men desværre er jeg langt fra en haj til kodning, er
der ikk en mulighed for at ligge en kort kode ind i scriptet som gør at
det f.eks placeres på min side 20 pixels fra toppen.
problemet er lige nu at det ligger centralt og derfor vil bannerne i
nogle tilfælde rykkes meget langt ned på siden hvis det ligger på en side
med f.eks. lang takst.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Reichstein Nie~ (14-02-2008)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 14-02-08 07:56

Ulrik <teamchef72@gmail.com> writes:

Lige en kommentar til scriptet ...

> num = Math.random();
> num = 1 + ( num * ((bannerpics.length - 1)-1));
> num = Math.round(num);

Dette giver ikke lige stor chance for hvert banner. Det første
og sidste banner har kun halv så stor chance for at blive vist som
de andre.

Brug i stedet:

var num = 1 + Math.floor(Math.random() * (bannerpics.length - 1))

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Allan Vebel (14-02-2008)
Kommentar
Fra : Allan Vebel


Dato : 14-02-08 22:13

Ulrik skrev:

> som det er nu ligges det automatisk midt
> på siden

Ifølge din kode ligger det i toppen, lige under
<body>.

> men jeg vil gerne have det låst til toppen (eller
> 10-20 pixels fra toppen)

document.write("<div id='banner'><a href='" +
bannerurls[num] + "'>");

og dette i din css-fil:

body{
margin:0;
}
#banner{
margin-top:20px;
}

Ellers giv et link til din side, så vi kan sé hvad der er
galt.

Du er vel også klar over at html.dk ikke har været
opdateret i mange år?

--
Allan Vebel
http://html-faq.dk
http://vebel.dk




Søg
Reklame
Statistik
Spørgsmål : 177455
Tips : 31962
Nyheder : 719565
Indlæg : 6408149
Brugere : 218880

Månedens bedste
Årets bedste
Sidste års bedste