Avatar billede -kenner- Nybegynder
14. juni 2006 - 17:49 Der er 2 kommentarer og
1 løsning

Skifte banner efter given tidsrum.

Hej eksperter,

Jeg sidder og mangler et lille banner system, der skifter banneret ud med et nyt efter x sekunder, og da bannerne er iframe koder, skal hele den iframe kode erstattes med en ny. jeg har ca. 3 bannere der skal køres igennem, og de sidste skal blive vist intil brugere skifter side eller noget, dvs. at den skal stoppe med at rotere bannere når den kommer til de tredie.

Det bliver sådan at banner et bliver vist i f.eks 5 sekunder, så bliver banner 2 vist i 5 sekunder, og så bliver banner 3 vist resten af tiden, brugeren er på siden.

Jeg søger jeres hjælp, da jeg ikke har meget forstand på javascript.

Venlig hilsen kenneth
Avatar billede o-zone Nybegynder
14. juni 2006 - 19:39 #1
er det noget i den her stil du søger:
---8<----------
<html>
<head>
<script language="javascript" type="text/javascript">
    banners = new Array("http://www.un.org","http://www.tv2.dk","http://www.google.dk");
    pointer = 0;
    delaySecs = 10;
   
    function rollBanner(){
        document.getElementById("banner1").src = banners[pointer++];
        if (pointer < banners.length ){ setTimeout("rollBanner();",delaySecs*1000); }
    }
</script>
</head>
<body onload="rollBanner();">
<iframe id="banner1" height="200" width="300" scrolling="no"></iframe>
</body>
</html>
---8<----------
Avatar billede -kenner- Nybegynder
14. juni 2006 - 23:11 #2
Lige præcist, tak :)
Avatar billede -kenner- Nybegynder
15. juni 2006 - 00:26 #3
ov, kan du lige tjekke, hvorfor koden ikke virker når den bliver sat ind i mit design?

Source:
<html>
<head>
<title>HoTML.dk | Det hotteste HTML!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="HTML, HoTML.dk, HoTML, scripts, CSS, Javascript, Gejl, Profiltekst, Arto, webdesign, programmering">
<link href="indexSheet.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript">
    banners = new Array("http://pulje.adfair.dk/showbanner.asp?annonceid=5767&statid=495&kampagneid=588","http://pulje.adfair.dk/showbanner.asp?annonceid=5381&statid=495&kampagneid=562","http://pulje.adfair.dk/showbanner.asp?annonceid=5776&statid=495&kampagneid=587","http://pulje.adfair.dk/showbanner.asp?annonceid=5709&statid=495&kampagneid=586");
    pointer = 0;
    delaySecs = 10;
 
    function rollBanner(){
        document.getElementById("banner1").src = banners[pointer++];
        if (pointer < banners.length ){ setTimeout("rollBanner();",delaySecs*1000); }
    }
</script>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body onLoad="rollBanner();MM_preloadImages('images/Home/Nyheder_over.gif','images/Home/Koder_over.gif','images/Home/Gejl_over.gif','images/Home/Kontakt_over.gif','images/Menu/arrow_hide.gif');"><div style="display:none;">
<img src="#" id="statsimg" style="display: none;">
<img src="images/Menu/2nd_menu_1-7_over.gif">
<img src="images/Menu/2nd_menu_8_over.gif">
<img src="images/Menu/2nd_menu_9_over.gif">
<img src="images/Menu/2nd_menu_10-14_over.gif">
</div>
        <script language="JavaScript">
window.onload = function() {
  document.getElementById('statsimg').src ='stats.php?w='+screen.width+'&h='+screen.height;
}
</script>
<center>
  <table width="800" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="17" colspan="3"><img src="images/top.gif"></td>
    </tr>
    <tr>
      <td height="77" colspan="3" valign="center" align="right" class="banner">
        <table width="600" height="65" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td align="left" valign="top"><iframe id="banner1" height="60" width="468" scrolling="no" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 bordercolor="#000000"></iframe></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="20" colspan="3">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="146" valign="top"><img src="images/spacer_to_menu.gif" width="146" height="23"></td>
            <td width="386" valign="bottom"><img src="images/Home/Home.gif"><a href="index.php?H=Nyheder" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Nyheder','','images/Home/Nyheder_over.gif',1)"><img name="Nyheder" border="0" src="images/Home/Nyheder.gif"></a><a href="index.php?H=Koder" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Koder','','images/Home/Koder_over.gif',1)"><img name="Koder" border="0" src="images/Home/Koder.gif"></a><a href="index.php?H=Gejl" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gejl','','images/Home/Gejl_over.gif',1)"><img name="Gejl" border="0" src="images/Home/Gejl.gif"></a><a href="index.php?H=Kontakt" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','images/Home/Kontakt_over.gif',1)"><img name="Kontakt" border="0" src="images/Home/Kontakt.gif"></a></td>
            <form action="index.php?H=Home&U=9" method="POST" name="soeg">
            <td width="268" class="soegebar" align="right" valign="bottom">
            <input type="text" style="border:0px;width:110px;height:18px" name="sSearch" value="">
              <img src="#" height="1" width="5"><a href="#" onclick="document.soeg.submit();" style="cursor: pointer; cursor: hand;" ><img src="images/soeg_button.gif"></a><img src="#" height="1" width="50">
              </td></form>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="36" colspan="3"><img src="images/location.gif"></td>
    </tr>
    <tr>
      <td width="138" valign="top" height="100%" class="left-margen-bg">
        <table border="0" cellpadding="0" cellspacing="0" class="menu">
          <tr><!-- 1 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=1"><img src="images/spacer.gif">Betingelser</a></td>
</tr><tr><!-- 2 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=7"><img src="images/spacer.gif">Om HoTML</a></td>
</tr><tr><!-- 3 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=9"><img src="images/spacer.gif">S&oslash;g</a></td>
</tr><tr><!-- 4 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=15"><img src="images/spacer.gif">Medlemmer</a></td>
</tr><tr><!-- 5 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=50"><img src="images/spacer.gif">Opret bruger</a></td>
</tr><tr><!-- 6 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=51"><img src="images/spacer.gif">Glemt kodeord</a></td>
</tr><tr><!-- 7 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_1-7.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_1-7.gif)';"><a href="index.php?H=Home&U=18"><img src="images/spacer.gif">Medlem fordele</a></td>
</tr><tr><!-- 8 -->
<td valign="center" align="left" width="138" height="18" style="background-image:url(images/Menu/2nd_menu_8.gif);" onmouseover="this.style.backgroundImage='url(images/Menu/2nd_menu_8_over.gif)';" onmouseout="this.style.backgroundImage='url(images/Menu/2nd_menu_8.gif)';"><a href="index.php?H=Home&U=53"><img src="images/spacer.gif">Sponsorer</a></td>
</tr><tr><!-- 9 -->
<td class="menu9" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr><tr><!-- 10 -->
<td class="menu10-14" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr><tr><!-- 11 -->
<td class="menu10-14" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr><tr><!-- 12 -->
<td class="menu10-14" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr><tr><!-- 13 -->
<td class="menu10-14" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr><tr><!-- 14 -->
<td class="menu10-14" valign="center" align="left" width="138" height="18"><img src="images/Menu/arrow_hide.gif"></td>
</tr>          <tr>
            <td><img src="images/left_margen_hak.gif"></td>
          </tr>
        </table>
      </td>
      <td width="494" valign="top" ROWSPAN="2" class="tekst"><center>
<table width="97%">
      <tr><td class="overskrift">Home</td></tr>
      </table><br><table width="97%" border="0">
      <tr><td class="overskrift" colspan="2">Sidste nyt</td></tr>
      <tr><td class="tekst" valign="top" width="70%"><table width="100%" border="0" cellspacing="0" cellspan="0">
      <tr><td class="tekst" width="100%" border="0"><b>drhgdrhw</b> <br><span class="note">[31/05/2006 - 20:53:14]</span><br>&lt;b&gt;&lt;u&gt;Hvas&aring; der<br><a href="index.php?H=Koder&K=26">Gå til koden »</a></td></tr></table> <br><table width="100%" border="0" cellspacing="0" cellspan="0">
      <tr><td class="tekst" width="100%" border="0"><b>Testen</b> <br><span class="note">[31/05/2006 - 20:52:36]</span><br>Testen<br><a href="index.php?H=Koder&K=1">Gå til koden »</a></td></tr></table> <br><table width="100%" border="0" cellspacing="0" cellspan="0">
      <tr><td class="tekst" width="100%" border="0"><b>Fed tilf&oslash;jelse</b> <br><span class="note">[31/05/2006 - 20:51:43]</span><br>Dette er beskrivelsen af tilf&oslash;jelsen til fed tekst.<br><a href="index.php?H=Koder&K=1">Gå til koden »</a></td></tr></table> <br></td><td valign="top"><iframe src="http://pulje.adfair.dk/showbanner.asp?annonceid=5355&statid=495&kampagneid=557" width=140 height=350 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no bordercolor="#000000"></iframe></td></tr>
      </table>        </center></td>
            <td width="168" valign="top" class="right-margen-bg">
             
<table width="168" height="274" cellpadding="0" cellspacing="0" class="log-in">
    <tr>
            <td valign="top" class="tekst" align="center"><img src="images/bruger-panel.gif">
           
            <table valign="top" class="tekst" width="97%">
                <tr>
                    <td>
                <b>Profil</b><br>
- <a href="index.php?R=Profil">Personligt</a><br>
- <a href="index.php?H=Gejl">Gejl</a><br>
<br>
<b>Admin</b> <img src="images/Admin.gif" title="Admin"><br>
- <a href="index.php?A=Opslagstavlen">Opslagstavlen</a><br>
- <a href="index.php?A=Koder">Koder</a><br>
- <a href="index.php?A=Nyheder">Nyheder</a><br>
- <a href="index.php?A=Menu">Menu</a><br>
- <a href="index.php?A=Brugere">Brugere</a><br>
- <a href="index.php?A=Reklamer">Reklamer</a><br>
- <a href="index.php?A=Statistik">Statistik</a><br>
- <a href="index.php?A=Nyhedsbreve">Nyhedsbreve</a><br>
<form action="index.php?H=Home" method="POST" name="log">
                          <input type="submit" name="log-af" value="Log af">
                        </form>                    </td>
                </tr>
            </table>
</td>
    </tr>
</table>            </td>
    </tr>
  </table>
</center>
</body>
</html>
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