Zur Navigation

Banner Problem

1 Karl (Gast)

Ich habe ein Problem!
Ich wollte ein Banner einbauen das immer wechselt und im 2 verschiedene Banner anzeigt..
Hat auch geklaapt! habe nur ein Problem! Das Banner wechselt zwar aber verweist immer nur auf eine url!? wenn man neu läd auf die andere aber das hilft mir ja nicht.
die url sollte ja schon zum bild passen:)
hier der code. vielleicht kann mir wer helfen!
DANKE


<html>
<body>

<script language="JavaScript"><!--
function Href(dest,image,text) {
this.dest = dest;
this.image = image;
this.text = text;
}

function setHref(dest,image,text) {
myHref[hrefItems++] =
new Href(dest,image,text);
}

var random = 0;
var lastrandom = -1;

function replace() {
var now = new Date();
random = now.getSeconds()%hrefItems;

if (random == lastrandom) {
if (random == hrefItems-1)
random--;
else
random++;
}

document ['banner'].src =
myHref[random].image;

document.links[0].href =
myHref[random].dest;

window.setTimeout('replace()',5000);

lastrandom = random;
}

var hrefItems = 0;
var myHref = new Array();

setHref(
'http://www.usas.de',
'banner2.jpg',
'Click to go to articles page'
);

setHref(
'http://www.dsfo.de',
'banner3.jpg',
'Click to go to home page'
);

if (navigator.appName == "Netscape") {
var now = new Date();
random = now.getSeconds()%hrefItems;
lastrandom = random;

document.write(
'<a href="' + myHref[random].dest + '">' +
'<img name="banner" width=180 height=80 border=1 ' +
'alt="Image" src="' + myHref[random].image + '"><\/a>'
);
}

if (navigator.appName == "Netscape" &&
parseInt(navigator.appVersion) >= 3
) {
window.setTimeout('replace()',5000);
}
//--></script>

<iframe
frameborder="0"
width="0"
height="0"
marginheight="0"
marginwidth="0"
scrolling="no"
src="banner.htm"
>
</iframe>

</body>
</html>

28.01.2006 00:05

2 Jörg Kruse

Hallo Karl,

in Firefox läuft das Script korrekt; wenn man mit der Maus länger über dem Bild stehenbleibt, bleibt die URL, die in der Statuszeile angezeigt wird, allerdings auch nach dem Bildwechsel dieselbe, meinst du vielleicht das? wenn man nur kurz über dem Bild verweilt, wird aber immer die dazugehörige URL angezeigt, und wenn man auf das Bild klickt, landet man auch auf der richtigen Seite...

28.01.2006 00:33 | geändert: 28.01.2006 00:34

3 karl (Gast)

also bei mir gehts nicht! (firefox)
bei mir wird immer nur eine url geladen und ich lade egal bei welchem bild bei dieser url!??


hier mal die ganze index html


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aus-Forum</title>
<link href="stylesa.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap">
<div class="head_wrap">
<div class="row1">
<div class="headleft">
<h1>. AUS-FORUM</h1>
<h2> </h2>
</div>
<div class="headright"><br />
<br />

<br />
</div>
</div>
<div class="row2">
<div class="barleft">
<form action="" name="form1" id="form1">
<select class="pullmenus" name="menu01" size="1"
onchange="window.open(document.form1.menu01.options[document.form1.menu01.selectedIndex].value);">
<option value="">Google Translation</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cde&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">German &uuml;bersetzen Sie</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Ces&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Spanish traduzca</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cfr&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">French traduisez</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cit&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Italian traduca</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cpt&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Portuguese traduza</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cja&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Japan &#32763;&#35379;&#12375;&#12394;&#12373;&#12356;</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Cko&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Korea &#48264; &#50669;&#54616;&#49901;&#49884;&#50836;</option>
<option
value="http://translate.google.com/translate?u=http%3A%2F%2Fwholives.com&amp;langpair=en%7Czh-CN&amp;hl=en&amp;ie=UTF-8&amp;oe=UTF-8&amp;prev=%2Flanguage_tools">Chinese &#32763;&#35793;</option>
<option value="http://www.google.com/translate_t">Translation Tool</option>
</select>
</form>
</div>
<div class="barmid">
<ul class="topmenu">
<li><a title="Startseite"
href="#">Home</a> | </li>
<li><a title="Information"
href="/phpbb">Forum</a> | </li>
<li><a title="designs"
href="index2">English</a> | </li>
<li><a title="thoughts"
href="#">Contact Us</a></li>
</ul>
</div>
<div class="barright">
<div class="searchbox_wrap">
<form method="get" action="http://www.google.com/search"
target="_blank">
<input name="ie" value="UTF-8" type="hidden" />
<input
name="oe" value="UTF-8" type="hidden" />
<table class="searchtable" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><select class="searchbox1" name="sitesearch" size="1"
style="text-align: left;">
<option selected="selected" value="wholives.com">Here </option>
<option value="">Web</option>
</select>
</td>
<td style="width:100%;"><input class="searchbox2" name="q" size="1" maxlength="255" value="" style="width:100%;" type="text" />
</td>
<td><input class="searchbutton" name="btnG" value="Search"
type="submit" /></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
<div class="mainbody">
<div class="left">
<div class="submain_container">
<div class="submain_nav">
<h3>Navigation</h3>
<ul>

</li>
<li><a href="#">Startseite</a> </li>
<li><a href="#">FORUM</a> </li>
<li><a href="#">Englisch</a> </li>
<li><a href="#">Impressum</a> </li>
</ul>
</div>
</div>
<div class="login_container">


<h3>Werbung</h3>









<html>
<body>

<script language="JavaScript"><!--
function Href(dest,image,text) {
this.dest = dest;
this.image = image;
this.text = text;
}

function setHref(dest,image,text) {
myHref[hrefItems++] =
new Href(dest,image,text);
}

var random = 0;
var lastrandom = -1;

function replace() {
var now = new Date();
random = now.getSeconds()%hrefItems;

if (random == lastrandom) {
if (random == hrefItems-1)
random--;
else
random++;
}

document ['banner'].src =
myHref[random].image;

document.links[0].href =
myHref[random].dest;

window.setTimeout('replace()',5000);

lastrandom = random;
}

var hrefItems = 0;
var myHref = new Array();

setHref(
'http://www.eee.de',
'banner2.jpg',
'Click to go to articles page'
);

setHref(
'http://www.xxx.de',
'banner1.jpg',
'Click to go to home page'
);

if (navigator.appName == "Netscape") {
var now = new Date();
random = now.getSeconds()%hrefItems;
lastrandom = random;

document.write(
'<a href="' + myHref[random].dest + '">' +
'<img name="banner" width=185 height=90 border=1 ' +
'alt="Image" src="' + myHref[random].image + '"><\/a>'
);
}

if (navigator.appName == "Netscape" &&
parseInt(navigator.appVersion) >= 3
) {
window.setTimeout('replace()',5000);
}
//--></script>

<iframe
frameborder="0"
width="0"
height="0"
marginheight="0"
marginwidth="0"
scrolling="no"
src="banner.htm"
>
</iframe>

</body>
</html>

















</div>
<div class="headlines_container">
<div class="headlines_nav">
<h3>Bücher zum Thema</h3>
<ul>
<li><a

href="http://rcm-de.amazon.de/e/cm?t=aussteigerfor-21&o=3&p=8&l=as1&asins=3879438099&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr">Selbstversorger und der richtige Anbau</a></li>
<li>




<a href="http://rcm-de.amazon.de/e/cm?t=aussteigerfor-21&o=3&p=8&l=as1&asins=3922708668&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr">Selbstversorger: Tips und Erfahrungsberichte</a> </li>


<li><a href="http://rcm-de.amazon.de/e/cm?t=aussteigerfor-21&o=3&p=8&l=as1&asins=3802515110&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr">Aussteigen auf Zeit. Das Sabbatical- Handbuch</a></li>



<li><a href="http://rcm-de.amazon.de/e/cm?t=aussteigerfor-21&o=3&p=8&l=as1&asins=3896023357&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr">Aussteigen: Sich einfach auf den Weg machen.</a></li>


<li><a href="http://rcm-de.amazon.de/e/cm?t=aussteigerfor-21&o=3&p=8&l=as1&asins=3833430311&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr">Schwedentraum Erfahrungsberi einer Auswanderung
</a></li>
</ul>
</div>
</div>
</div>
<div class="center">
<div class="center_content">
<h3>Herzlich Willkommen beim Aussteiger Forum:</h3>
<p><br />
<br />
&nbsp; &nbsp;
Wie unser alten Nutzer feststellen werden haben wir die Seite neu überarbeitet. Ich hoffe Sie gefällt euch und freu mich auf viele neue Beiträge im neuen Forum!Leider konnten wir die alten Beiträge und Logins nicht retten.<br /><br />
Ich hoffe ihr seid nicht allzu traurig und sorgt dafür das wir dieses Defizit bald wieder aufgeholt haben!<br />
Ihr könnt unter dem folgenden Link noch ins alte Forum schauen und etwas nachlesen...aber bitte nur noch im neuen Posten!<br />

; &quot;<a href="http://www.gratis-forum.de/forum/?fnr=61648">ALTES FORUM</a>&quot;.<br /><br />


Ich freue mich natürlich über jede Mithilfe!
Ihr könnt euch gerne an mich wenden wenn Ihr interessante Seiten, Links findet oder Ihr seht das bald etwas das etwas zum Thema passt im TV kommt.<br />
Ihr könnt mir auch gerne schreiben wenn ihr im Forum helfen und oder Moderieren wollt oder sonst irgendetwas beisteuern wollt.<br />

Auch einen schönen eigenen Reisebericht und oder Fotos von euch könnte man hier einbauen.<br />
Desweiteren könnt ihr natürlich gerne im Forum Lob, Kritik und Verbesserungsvorschläge Posten.<br /><br />

Wünsche euch viel Spaß hier, hoffe es bringt euch weiter und würde mich freuen wenn ihr uns oft besucht und weiterempfehlt!<br /><br />

Pat



<br />
<br />

<br />
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br />
</p>
</div>
</div>
<div class="right">
<div class="featuredservices_container">
<div class="featuredservices_title"> &nbsp;Forum<br />
&nbsp;TopThemen</div>
<div class="featuredservices_nav">
<ul>
<li><a href="http://www.wetter.com/v2/?LANG=DE">WetterInfo</a></li>
<li><a href="#">Noch leer</a></li>
<li><a href="#">Noch leer</a></li>
<li><a href="#">Noch leer</a></li>
<li><a href="#">Noch leer</a> </li>
<li><a href="#">Noch leer</a></li>
<li><a href="#">Noch leer</a></li>
</ul>
</div>
</div>
<div class="standards_container">
<h3>Info Tips:</h3>
<div
<li><a href="http://mypage.bluewin.ch/caccia/deutschland.html">
<img src="media/1.jpg" alt="image" align="left" class="img" />
<h4>Botschaften</h4>
Verzeichniss der Webseiten aller Botschaften in Deutschlan<br /></li></a></li>


<br /><li><a href="http://www.wikipedia.org"
<img src="media/2.jpg" alt="image" align="left" />
<h4>Wikipedia</h4>
Hier finden Sie gute Informationen zu jedem Land!<br />
<br /></li></a></li>






<br /><li><a href="http://www.selbstversorger.de.vu/"
<img src="media/3.jpg" alt="image" align="left" />
<h4>Selbstversorger</h4>
Private Seite zum Thema Selbstversorger.<br />
<br /></li></a></li>






<br /></li>
</div>
</div>
</div>
<div class="footer_top">
<ul class="basemenu">



Copyright &reg; eee™ 2006 |

28.01.2006 01:23

4 karl (Gast)

das beste ist das ich grade feststell das der ie sogar garnichts anzeigt an dieser stelle:)

28.01.2006 01:28

5 Jörg Kruse

Hallo Karl,

das Script ist wohl von dieser Seite:

Random Banner Adverts

Hast du den unteren Code in die Datei banner.htm - die im Iframe geladen wird - eingefügt? Der ist ja für den Internet Explorer

Der Code ist allerdings fehlerhaft, da muss in Zeile 27 noch ein Zeilnumbruch raus:

  '<a href="' + parent.myHref[random].dest + '"  target="_parent">' +

In Firefox sieht man den Banner dann doppelt, wenn banner.htm seinen Inhalt hat - am besten diesen Codeabschnitt in der Hauptseite auskommentieren oder entfernen:

if (navigator.appName == "Netscape") {
  var now = new Date();
  random = now.getSeconds()%hrefItems;
  lastrandom = random;

  document.write(
    '<a href="' + myHref[random].dest + '">' +
    '<img name="banner" width=400 height=40 border=1 ' +
    'alt="Image" src="' + myHref[random].image + '"><\/a>'
  );
}

if (navigator.appName == "Netscape" &&
    parseInt(navigator.appVersion) >= 3
) {
    window.setTimeout('replace()',5000);
}

Der war eigentlich wohl gedacht für Netscape bis Version 4, der noch keinen Iframe anzeigen konnte. Wenn der Abschnitt entfernt ist, zeigen alle modernen Browser den wechselnden Banner nur im Iframe an

28.01.2006 07:17 | geändert: 28.01.2006 07:27

Zum Schreiben einloggen

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]