Avatar billede ferdinand.k Mester
05. september 2008 - 15:01 Der er 10 kommentarer og
1 løsning

URL-redirection

Er der nogle der ligger inde med et fint script og animation til en URL-redirection ? Jeg har en side hvor der bare skal stå velkommen til, og om 5 sec bliver du viderestillet til den nye side... bla bla
Der må gerne være noget animation, et ur, eller en progressbar eller noget...
Avatar billede ssv Nybegynder
05. september 2008 - 15:37 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Titel</title>
<script type="text/javascript">
seconds=10;
function start()
{
  window.setInterval("countdown()",1000);
}
function countdown()
{
  seconds--;
  var count = document.getElementById("count");
  count.innerHTML = seconds;
  if (seconds == 0)
  {
      window.location.href = "http://www.dinurl.her";
  }
}
</script>
</head>

<body onload="start()">
<div style="background: #ffffcc; border: 1px dotted #d8d2a9; margin: 15px auto 0 auto; padding: 15px; width: 230px; text-align: center; font: 11px Verdana, Arial, Helvetica, sans-serif;">
<img src="http://proads.dk/simon/loading.gif" height="16" width="16"><br><br>
Du bliver viderstillet om<br><div style="display:inline; margin: 0 5px 0 0; font-weight: bold;" id="count">10</div>sekunder.
</div>
</body>
</html>
Avatar billede roenving Novice
05. september 2008 - 15:43 #2
>>ssv

Hvadfor bruger du ikke DOM til at indsætte tallet:

  document.getElementById("count").firstChild.nodeValue = seconds;
Avatar billede roenving Novice
05. september 2008 - 15:44 #3
-- og starter nedtællingen direkte i stedet for at gå en omvej om en funktion:

window.onload = function(){setInterval("countdown()",1000);}
Avatar billede ssv Nybegynder
05. september 2008 - 15:46 #4
Fordi Google er min ven - og det er der jeg har fundet scriptet ;-)
Jeg aner ikke en hujende fis om javascript, that's why.
Avatar billede ssv Nybegynder
05. september 2008 - 15:47 #5
Du må meget gerne omskrive det så det korrekt at bruge - jeg kunne da godt selv finde på at bruge det engang :-)
Avatar billede roenving Novice
05. september 2008 - 15:49 #6
-- måske det ville være meget godt, hvis du ligge kunne gennemskue noget af det !o]

-- det ligner også på et par andre måder en ting fra årtusindets start, og brugen af et div som tal-container vidner heller ikke om den store indsigt !-)
Avatar billede ssv Nybegynder
05. september 2008 - 15:54 #7
Tror bare at jeg from now on bare holder mig til CSS og HTML. Det er sgu mere mit område :-) Og så er det også bedst for brugeren at de ikke får noget invalidt-halløj og istedet får hjælp af dem som rent faktisk ved noget ;-)
Avatar billede roenving Novice
05. september 2008 - 15:58 #8
Een måde at gøre det på kunne være:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<style type="text/css">
html,body{padding:0;margin:0;height:100%;}
.mainDiv{background: #ffc; border: 1px dotted #d8d2a9; margin: 15px auto 0 auto; padding: 15px; width: 230px; text-align: center; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#count{font-weight: bold;}
</style>
<script type="text/javascript">
seconds=10;
function countdown(){
  seconds--;
  document.getElementById("count").firstChild.nodeValue = seconds;
  if (seconds == 0){
      window.location.href = "http://www.dinurl.her";
  }
}
window.onload = function(){setInterval("countdown()",1000);}
</script>
</head>

<body>
<div class="mainDiv">
<img src="http://proads.dk/simon/loading.gif" height="16" width="16"><br><br>
Du bliver viderstillet om<br><span id="count">10</span>&nbsp;sekunder.
</div>
</body>
</html>

-- og så synes jeg absolut ikke, at du skal holde dig væk, men måske tænke lidt i, at det så ikke er dit kerneområde, så du også kommer til at lære, når du nærmer dig scripts !-)

-- hvilket vi iøvrigt alle gør, uanset vores og andres meninger om, hvor lidt eller meget skrappe vi er !o]

-- og et svar er mange gange bedre end intet svar, og ingen af os er her jo 24/7 ...
Avatar billede ssv Nybegynder
05. september 2008 - 16:03 #9
Tjo, men et invalidt (og forældet) svar er i mine øjne ikke bedre end ingen svar ;-)

Men hey, så lærte jeg da lidt idag også. Pointene må vist ryge i din retning :-)
Avatar billede roenving Novice
05. september 2008 - 16:18 #10
Tjah, nu er begrebet invalidt i sammenhæng med html en stærkt overdrevet sag, da vi nok er oppe på langt over 2/3 af verdens sider, der i dag ikke til punkt og prikke overholder rekommendationerne, nogle pga. funktionalitet, som endnu ikke findes i standarderne, men langt de fleste pga. kodehovedernes større eller mindre uvidenhed ...

-- det er såmænd kun rigtigt slemt, når disse problemer findes i tutorials, referencer o.l. uden at det er angivet, at der kan være problemer !-)

-- hvilket så også lige får mig til at skrive, at det kunne du også have taget højde for, ved at skrive at en hurtig googling havde givet dig ovenstående kode !o]

-- og rettelser/tilpasninger af denne slags mener jeg ikke skal udløse point, så dem synes jeg bare, du skal have ...
Avatar billede ferdinand.k Mester
24. november 2008 - 09:24 #11
det var vist en længere smøre jeg fik rodet mig ind i...
tak for info
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester