Michael: Bild tauschen wenn cookie vorhanden

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

  1. 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

    1. 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