[JavaScript] Klick-Counter

Dieses Thema im Forum "Webentwicklung" wurde erstellt von PoweRanga, 1. Oktober 2007 .

Schlagworte:
  1. 1. Oktober 2007
    Klick-Counter

    Guten Tag,
    Ich habe in meiner Website eine Art Spiel und nun wollte ich euch mal fragen wie ich es über Javascript realisierbar machen kann, das wenn man auf ein Bild klickt, irgendwo auf der Website eine Zahl erscheint, die anzeigt wie oft schon auf dieses Bild geklickt worden ist. Also einen Counter für die Klicks auf das Bild.

    Wäre sehr sehr nett wenn mir jemand helfen könnte, da ich am verzweifeln bin!

    BW sind selbstverständlich!
     
  2. 1. Oktober 2007
    AW: Klick-Counter

    naja du könntest die zahl in einem textfeld ausgeben lassen, die aber auf readonly gestellt ist. dann rufst du per Onlick eine JS funktion auf, die das feld ausliest und die zahlum 1 erhöht und dann wieder in das feld einträge?
    wäre vielleicht am simpelsten.
    ansonsten nuja könntest du die werte auch einfach in datenbank eintragen lassen, aber hat mit PHP + Mysql eben und dann einfach in irgendeiner Form ausgeben lassen
     
  3. 1. Oktober 2007
    AW: Klick-Counter

    Gut und das ganze für Neulinge? ^^

    Bin ein ziemlicher Frischling im scripten. Geht das ganze auch ohne PHP und MySQL?
     
  4. 1. Oktober 2007
    AW: Klick-Counter

    ist eigentlich ganz einfach
    du legst eine variable an var counter = 0;
    und dann erhöhst du sie bei jedem klick mit counter++; und trägst das ganze mit document.getElementById().innerHTML = counter; irgentwo ein
    bei einem formularfeld müsstest du document.getElementById().value = counter; benutzen
     
  5. 2. Oktober 2007
    AW: Klick-Counter

    da javascript zum glück keine files öffnen und schreiben kann wird der counter aber nur zählen wie oft du gerade geklick hast und das jedesmal von vorn

    HTML:
    <html>
    <head>
    <script type="text/javascript"> 
     var counter = {
     element : '',
     counter : 0,
     init : function() {
     this.element = document.getElementById('counter');
     },
     count : function() {
     this.counter++;
     this.element.value = this.counter;
     },
     refresh : function() {
     this.counter = 0;
     this.element.value = 0;
     }
     }
    </script>
    </head>
    <body onload="counter.init();">
     <input type="text" id="counter" value="0" /> Klicks bisher,
     <a href="javascript:counter.count();">Zählen</a>
     <a href="javascript: counter.refresh();">Zurücksetzen</a>
    </body>
    </html>
    
     
  6. 2. Oktober 2007
    AW: Klick-Counter

    Ein richtiger Counter läuft leider nur mit PHP , aber ohne SQL
    ;-)

    Wobei sich die Ausgabe des Wertes wieder mir JS realisieren lässt =)
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.