Bild tauschen wenn cookie vorhanden
Michael
- javascript
Hallo,
ich möche auf einer Seite eine Art Gutschein anbieten.
Dieser soll aber nur einmal pro Person geladen werden.
Ich habe mich für cokkies entschieden.
(ja kann man umgehen, aber das egal-die zielgruppen kann sowas nicht)
am besten ich poste mal mein script und erkläre es dann weiter
//
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from older browsers
expireDate = new Date
expireDate.setMonth(expireDate.getMonth()+6)
hitCt = eval(cookieVal("pageHit"))
hitCt++
document.cookie = "pageHit="+hitCt+";expires=" + expireDate.toGMTString()
function cookieVal(cookieName) {
thisCookie = document.cookie.split("; ")
for (i=0; i<thisCookie.length; i++) {
if (cookieName == thisCookie[i].split("=")[0]) {
return thisCookie[i].split("=")[1]
}
}
return 0
}
// End hiding script -->
</script>
<script language="javascript">
var top = new Image();
var top2 = new Image();
snow.src="../img/top.jpg";
header.src="../img/top2.jpg";
function wegblend()
{
top.src=top2.src;
}
</script>
</head>
<body>
<div align="center" class="advent">
<p class="text">
Gutschein für .....!
<img src="../img/top.jpg" id="top">
<script language="Javascript" TYPE="TEXT/JAVASCRIPT">
if hitCt!=1
wegblend ();
</script>
</p></body></html>
//
ich denke ich muss hier [<img src="../img/top.jpg" id="top">] dem bild n wert zuweisen aufden das js zugreifen kann, habe es mit id="top" verscht aber es spricht nicht an
habt ihr ne idee
vielen dank im vorraus
Hallo,
also ich empfehle ja den FireFox, da gibts ne schöne Error-Konsole und man kann ganz schnell feststellen (mit der WebdeveloperToolbar) ob Cookies geschrieben werden oder nicht:
Bei mir wird kein Cookies gesetzt (hast Du all Deinen Code gepostet?)
und wenn das mit dem "ansprechen" nicht klappt, dann guck doch einfach nochmal in der Doku:
document.images[0].src = top.src=top2.src;
http://de.selfhtml.org/javascript/objekte/images.htm im Beispiel
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id um das Element per ID anzusprechen
Gruß
Paul
mein script sieht jetzt so aus
---------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Adventskalender</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">@import url(style.css) all;</style>
<script type="text/javascript">
function WertHolen () {
var Wert = "";
if (document.cookie) {
var Wertstart = document.cookie.indexOf("=") + 1;
var Wertende = document.cookie.indexOf(";");
if (Wertende == -1)
Wertende = document.cookie.length;
Wert = document.cookie.substring(Wertstart, Wertende);
}
return Wert;
}
function WertSetzen (Bezeichner, Wert, Verfall) {
var jetzt = new Date();
var Auszeit = new Date(jetzt.getTime() + Verfall);
document.cookie = Bezeichner + "=" + Wert + "; expires=" + Auszeit.toGMTString() + ";";
}
function Zaehlerstand () {
var Verfallszeit = 1000 * 60 * 60 * 24;
var Anzahl = WertHolen();
var Zaehler = 0;
if (Anzahl != "")
Zaehler = parseInt(Anzahl);
Zaehler = Zaehler + 1;
WertSetzen("Zaehler", Zaehler, Verfallszeit);
return (Zaehler);
}
</script>
</head>
<body>
<div align="center" class="advent">
<br />
<p class="text">
Gutschein für .....!
<img src="top.jpg" id="blub">
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "top.jpg";
b[1] = new Image(); b[1].src = "top2.jpg";
</script>
<script type="text/javascript">
if (Anzahl!=1)
document.images[0].src = b[1].src;
</script>
</p>
</body>
</html>
-----------------------------------------------
ka wie ich das bild anspreche, habs mit id tag versucht
nix hilft
ich bin mit meinem latein am ende