Avatar billede jansvendsen Nybegynder
15. januar 2006 - 22:11 Der er 7 kommentarer og
1 løsning

Count down til sideskift

Hej

Har en side der vises som tak efter at have sendt en e-mail.

På denne side skal der vises en tekst der hedder "Du reroutes automatisk til forsiden om 15 sekunder"

Og så skal der være en tæller der tæller ned til 0 hvorefter der skiftes til www.minside.dk

Hvilken kode skal jeg indsætte?
Avatar billede thesurfer Nybegynder
15. januar 2006 - 23:17 #1
Du reroutes automatisk til forsiden om <span id="info">10 sekunder</span>

<script type="text/JavaScript" language="JavaScript">
// indeholder antallet af sekunder den skal tælle ned fra (eksempel 10):
var antal_sek = 10;

// denne variabel kommer til at indeholde ordet "sekund" eller "sekunder":
var sekunder = "";

function vis()
{
    antal_sek--;
    if (antal_sek < 1) {
    // stop timeren:
        window.clearInterval(interval);

        // send brugeren videre (husk "http"):
        window.location.href = "http://www.minside.dk";

    } else {

        // se om der skal stå "sekund" eller "sekunder":
        slutning = (antal_sek!=1)?"sekunder":"sekund";

        // opdater beskeden:
        document.getElementById("info").innerHTML = antal_sek + " " + slutning;
    }

}

// start timeren når siden er loadet:
window.onload = function() { interval = setInterval("vis()", 1000); }
</script>

/theSurfer
Avatar billede thesurfer Nybegynder
15. januar 2006 - 23:17 #2
- Svar.

/theSurfer
Avatar billede jansvendsen Nybegynder
16. januar 2006 - 19:29 #3
Jeg er i tvivl hvor i min kode jeg skal indsætte scriptet. Jeg har sat koden under /div men det virker ikke rigtigt.

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=FrontPage.Editor.Document>
<meta name=Generator content="Microsoft FrontPage 6.0">
<meta name=Originator content="Microsoft Word 9">
<link rel=Edit-Time-Data href="../Forside%20midt-filer/editdata.mso">
<title>Klub 3</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
  <o:Author>Jan Svendsen</o:Author>
  <o:Template>Klub 3 - Blank papir med logo - stående</o:Template>
  <o:LastAuthor>Jan Svendsen</o:LastAuthor>
  <o:Revision>5</o:Revision>
  <o:TotalTime>89</o:TotalTime>
  <o:LastPrinted>2005-09-04T17:37:00Z</o:LastPrinted>
  <o:Created>2005-12-31T11:13:00Z</o:Created>
  <o:LastSaved>2005-12-31T11:15:00Z</o:LastSaved>
  <o:Pages>1</o:Pages>
  <o:Words>92</o:Words>
  <o:Characters>527</o:Characters>
  <o:Company>Capto</o:Company>
  <o:Lines>4</o:Lines>
  <o:Paragraphs>1</o:Paragraphs>
  <o:CharactersWithSpaces>647</o:CharactersWithSpaces>
  <o:Version>9.6926</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:PunctuationKerning/>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
    {font-family:Verdana;
    panose-1:2 11 6 4 3 5 4 4 2 4;
    mso-font-charset:0;
    mso-generic-font-family:swiss;
    mso-font-pitch:variable;
    mso-font-signature:536871559 0 0 0 415 0;}
@font-face
    {font-family:"Arial Unicode MS";
    panose-1:2 11 6 4 2 2 2 2 2 4;
    mso-font-charset:128;
    mso-generic-font-family:swiss;
    mso-font-pitch:variable;
    mso-font-signature:-1 -369098753 63 0 4129023 0;}
@font-face
    {font-family:"\@Arial Unicode MS";
    panose-1:2 11 6 4 2 2 2 2 2 4;
    mso-font-charset:128;
    mso-generic-font-family:swiss;
    mso-font-pitch:variable;
    mso-font-signature:-1 -369098753 63 0 4129023 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
    {mso-style-parent:"";
    margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:12.0pt;
    font-family:"Times New Roman";
    mso-fareast-font-family:"Times New Roman";}
h1
    {mso-style-next:Normal;
    margin-top:12.0pt;
    margin-right:0cm;
    margin-bottom:3.0pt;
    margin-left:0cm;
    mso-pagination:widow-orphan;
    page-break-after:avoid;
    mso-outline-level:1;
    font-size:16.0pt;
    font-family:Arial;
    mso-fareast-font-family:"Times New Roman";
    mso-font-kerning:16.0pt;
    font-weight:bold;}
p.MsoHeader, li.MsoHeader, div.MsoHeader
    {margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    tab-stops:center 240.95pt right 481.9pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    mso-fareast-font-family:"Times New Roman";}
p.MsoFooter, li.MsoFooter, div.MsoFooter
    {margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    tab-stops:center 240.95pt right 481.9pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
    {color:blue;
    text-decoration:underline;
    text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
    {color:purple;
    text-decoration:underline;
    text-underline:single;}
p
    {margin-right:0cm;
    mso-margin-top-alt:auto;
    mso-margin-bottom-alt:auto;
    margin-left:0cm;
    mso-pagination:widow-orphan;
    font-size:12.0pt;
    font-family:"Arial Unicode MS";}
@page Section1
    {size:595.3pt 841.9pt;
    margin:3.0cm 2.0cm 35.95pt 89.85pt;
    mso-header-margin:35.45pt;
    mso-footer-margin:35.45pt;
    mso-paper-source:0;}
div.Section1
    {page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
<base target="_self">
</head>

<body lang=DA link=blue vlink=purple style='tab-interval:65.2pt'>

<div class=Section1>

<table border=0 cellpadding=0 width="100%" style='width:100.0%;mso-cellspacing:
1.5pt;mso-padding-alt:0cm 0cm 0cm 0cm'>
<tr>
  <td width="22%" style='width:22.0%;padding:.75pt .75pt .75pt .75pt'>
  <p class=MsoNormal><a name=Top></a><img width=86 height=48 id="_x0000_i1040"
  src="../images\Klub_3_logo.jpg"><a href="../Index.htm"></a><a href="../Index.htm"
  target="_blank"></a><span style='font-family:"Arial Unicode MS"'><o:p></o:p></span></p>
  </td>
  <td width="67%" style='width:67.0%;padding:.75pt .75pt .75pt .75pt'>
  <p align=center style='text-align:center'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p>
  </td>
  <td width="11%" style='width:11.0%;padding:.75pt .75pt .75pt .75pt'>
  <p class=MsoNormal align=right style='text-align:right'><span
  style='font-family:"Arial Unicode MS"'><img border=0 width=46 height=46
  id="_x0000_i1036" src="../images\TopFra1.gif"><o:p></o:p></span></p>
  </td>
</tr>
</table>

<p class=MsoNormal><span style='font-family:Verdana'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p>

<p class="MsoNormal" align="center"><font face="Verdana">Tak for din
tilbagemelding</font></p>
<p class="MsoNormal" align="center">&nbsp;</p>
<p class="MsoNormal" align="center"><font face="Verdana">Klik
<a href="../Forside_midt.htm">her</a> for at komme tilbage til forsiden</font></p>
<p class="MsoNormal" align="center">&nbsp;</p>
<p class="MsoNormal" align="center">&nbsp;</p>
<p class="MsoNormal" align="center">&nbsp;</p>
<p class="MsoNormal" align="center">&nbsp;</p>

<table border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;
border-collapse:collapse;mso-padding-alt:0cm 3.5pt 0cm 3.5pt'>
<tr>
  <td width="33%" valign=top style='width:33.32%;padding:0cm 3.5pt 0cm 3.5pt'>
  &nbsp;</td>
  <td width="33%" valign=top style='width:33.32%;padding:0cm 3.5pt 0cm 3.5pt'>
  &nbsp;</td>
  <td width="33%" valign=top style='width:33.34%;padding:0cm 3.5pt 0cm 3.5pt'>
  &nbsp;</td>
</tr>
</table>

<p style='margin:0cm;margin-bottom:.0001pt'><span lang=EN-GB style='font-family:
Verdana;mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:"Times New Roman";
mso-ansi-language:EN-GB'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p>

</div>

<script type="text/JavaScript" language="JavaScript">
// indeholder antallet af sekunder den skal tælle ned fra (eksempel 10):
var antal_sek = 10;

// denne variabel kommer til at indeholde ordet "sekund" eller "sekunder":
var sekunder = "";

function vis()
{
    antal_sek--;
    if (antal_sek < 1) {
    // stop timeren:
        window.clearInterval(interval);

        // send brugeren videre (husk "http"):
        window.location.href = "http://www.minside.dk";

    } else {

        // se om der skal stå "sekund" eller "sekunder":
        slutning = (antal_sek!=1)?"sekunder":"sekund";

        // opdater beskeden:
        document.getElementById("info").innerHTML = antal_sek + " " + slutning;
    }

}

// start timeren når siden er loadet:
window.onload = function() { interval = setInterval("vis()", 1000); }
</script>

</body>

</html>
Avatar billede thesurfer Nybegynder
17. januar 2006 - 01:00 #4
Sæt scriptet ind lige før afslutningen på HEAD-tag'et:

<script type="text/JavaScript" language="JavaScript">
// indeholder antallet af sekunder den skal tælle ned fra (eksempel 10):
var antal_sek = 10;

// denne variabel kommer til at indeholde ordet "sekund" eller "sekunder":
var sekunder = "";

function vis()
{
    antal_sek--;
    if (antal_sek < 1) {
    // stop timeren:
        window.clearInterval(interval);

        // send brugeren videre (husk "http"):
        window.location.href = "http://www.minside.dk";

    } else {

        // se om der skal stå "sekund" eller "sekunder":
        slutning = (antal_sek!=1)?"sekunder":"sekund";

        // opdater beskeden:
        document.getElementById("info").innerHTML = antal_sek + " " + slutning;
    }

}

// start timeren når siden er loadet:
window.onload = function() { interval = setInterval("vis()", 1000); }
</script>
</head>

Så kan du indsætte denne linie, hvor du vil:

Du reroutes automatisk til forsiden om <span id="info">10 sekunder</span>


Et godt råd:
Skift din editor ud, med en anden.. MS Word og MS Frontpage indsætter alt for mange overflødige koder, i dine HTML fil..
Man kan faktisk reducere filens størrelse, med mere end 50%, hvis man fjerner den overflødige kode..

/theSurfer
Avatar billede roenving Novice
17. januar 2006 - 16:44 #5
-- og så er windows-tegntabel vel ikke det mest smarte at bruge på www, hvor du vel forventer at alle mulige skal komme på besøg, uanset hvilket styresystem, de tilfældigvis har !-)
Avatar billede jansvendsen Nybegynder
17. januar 2006 - 17:44 #6
Det spiller bare max. Ja du har ret, jeg kikker på en anden editor på et tidspunkt. Tak for hjælpen
Avatar billede thesurfer Nybegynder
18. januar 2006 - 15:31 #7
roenving> Interessant kommentar.. forstod den bare ikke.. :-)
Uddyb den..?

/theSurfer
Avatar billede roenving Novice
18. januar 2006 - 15:44 #8
tegntabellen i dokumentet er windows-1252, hvilket sikkert forstås udmærket af browsere benyttet i M$-styresystemer, men sikkert har trange tider på alle andre styresystemer !-)
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