Supportnet / Forum / Webseiten/HTML
Zufälliger bildwechsel mit link zu window.open!!!
Frage
Also mein Problem ist folgendes:
Ich habe auf meiner Seite [url=http://www.elChaka.de]www.elChaka.de[/url]
unter dem menüpunkt "Clan-Links"
einen effekt eingebaut.
Dieser bewirkt das bei jedem laden der seite ein zufälliges von 3 zur verfügung stehenden bildern gewählt und dargestellt werden soll.
Dies funktioniert auch WUNDERBAR.
Nur (Jetzt kommt mein Problem):
ich kann auf die bilder einen http:// link anbringen.
Ich möchte die Bilder allerdings mit einem Javascript link (window.open) versehen:
-----------------------
<a href='javascript:' onclick='window.open("bncode.htm", "Sourcecode", "height=480, width=460, scrollbars=yes, locationbar=no, menubar=no, resizable=no, status=no");'>
---das bild das gewählt wird---</a>
-----------------------
verlinken.
Das war jetzt die beschreibung meines Problems.
--------------
so sieht mein Quellcode aus:
--------------
<html>
<head>
<title>Clan Links</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/elchakscss.css">
<script LANGUAGE="JavaScript">
<!--
var z= 3;
Banner = new Array(z);
Banner[0] = '<A HREF="bncode.htm" target="_blank"><IMG SRC="../images/main/info/elchakabn.jpg" ALT="banner1" WIDTH=400 HEIGHT=75 BORDER=0></A>';
Banner[1] = '<A HREF="bncode.htm" target="_blank"><IMG SRC="../images/main/info/elchakabn2.jpg" ALT="banner2" WIDTH=400 HEIGHT=75 BORDER=0></A>';
Banner[2] = '<A HREF="bncode.htm" target="_blank"><IMG SRC="../images/main/info/elchakabn3.jpg" ALT="banner3" WIDTH=400 HEIGHT=75 BORDER=0></A>';
//-->
</script>
</head>
<body style="cursor:crosshair">
<table width="530" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="57" valign="top" colspan="2"><br>
<img src="../images/main/clanlinkbalk.gif" width="530" height="19"> </td>
</tr>
.
.
.
<br>
<script LANGUAGE="JavaScript">
<!--
var jetzt=new Date();
var z=(jetzt.getSeconds())%3;
document.write(Banner[z]);
//-->
</script>
<br>
.
.
.
<tr>
<td valign="top" height="19" colspan="2">Wollt ihr auch auf meiner Link-Liste erscheinen?<br>
Eine mail und der rest wird sich zeigen... ;-)<br>
<a href="mailto:webmaster@elChaka.de" class="Link">Em@il an elChaka</a>
</td>
</tr>
</table>
</body>
</html>
----Ich hoffe mal der QC wird richtig dargestellt ansonsten schaut einfach auf meiner page rein...----
---------------------
im Head-Bereich steht (wie oben zu sehen).
<script LANGUAGE="JavaScript">
<!--
var z= 3;
Banner = new Array(z);
Banner[0] = '<A HREF="http://" target="_blank"><IMG SRC="../images/main/info/elchakabn.jpg" ALT="banner1" WIDTH=400 HEIGHT=75 BORDER=0></A>';
Banner[1] = '<A HREF="http://" target="_blank"><IMG SRC="../images/main/info/elchakabn2.jpg" ALT="banner2" WIDTH=400 HEIGHT=75 BORDER=0></A>';
Banner[2] = '<A HREF="http://" target="_blank"><IMG SRC="../images/main/info/elchakabn3.jpg" ALT="banner3" WIDTH=400 HEIGHT=75 BORDER=0></A>';
//-->
</script>
Dies sind alle bilder von denen ausgewählt werden soll.
Wie ihr sehen könnt kann ich dort einen link um das bild anbringen:
<A HREF="http://" target="_blank"> ... </a>
wie gesagt funktionier ein einfacher http link!
Aber nur kein Javascript link nicht!!
Der Javascript link soll folgendermassen aussehen:
<a href='javascript:' onclick='window.open("bncode.htm", "Sourcecode", "height=480, width=460, scrollbars=yes, locationbar=no, menubar=no, resizable=no, status=no");'>
</a>
Im QC ist ausserdem noch folgendes zu sehen:
<script LANGUAGE="JavaScript">
<!--
var jetzt=new Date();
var z=(jetzt.getSeconds())%3;
document.write(Banner[z]);
//-->
</script>
Dies ist lediglich der bereich wo auch das bild durch zufällige wahl angebracht werden soll...
eine art "Platzhalter" halt (wenn auch nicht ganz..)*g*
Leider kann ich meinen gewünschten Javascript code nicht einfach oben in den headerbereich anbringen wie die html links.... das führt zu einem fehler.
Ich hoffe das ich das jetzt in etwa rüberbringen konnte und ihr alle infos habt um meinem Problem auf die schliche zu kommen...
Ich würd mich WAHNSINNIG freuen.
Bis gleich also...
ciao
www.elChaka.de
Antwort 1 von pusher
keiner weiss rat?
Antwort 2 von semi
Hier das ganze am Beispiel des ersten Banners:
Die Funktion popup dazu:
War es so gemeint?
Banner[0] = '<A HREF="Javacript:popup()">'
+ '<IMG SRC="../images/main/info/elchakabn.jpg" '
+ 'ALT="banner1" WIDTH=400 HEIGHT=75 BORDER=0></A>';
Die Funktion popup dazu:
function popup() {
window.open("bncode.htm", "Sourcecode", "height=480, width=460, scrollbars=yes,
locationbar=no, menubar=no, resizable=no, status=no");
}
War es so gemeint?
Antwort 3 von elChaka
Cool,
es klappt!
Vielen Dank!
Funzt.
kannst es dir unter
http://www.elChaka.de
ansehen!
Danke nochmal...
Hatte schon nen anderen lösungsweg...
das klappte zwar auch nur wollten die Scrollbalken einfach nicht auftauchen!
Aber jetzt klappt es ja dank dir...
ciao
es klappt!
Vielen Dank!
Funzt.
kannst es dir unter
http://www.elChaka.de
ansehen!
Danke nochmal...
Hatte schon nen anderen lösungsweg...
das klappte zwar auch nur wollten die Scrollbalken einfach nicht auftauchen!
Aber jetzt klappt es ja dank dir...
ciao