Click-counter eines Buttons

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Das ganze sollte möglichst ohne PhP funktionieren

So geht's, wenn du JavaScript/jQuery nutzen kannst:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bild mit Nummer</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
            $(document).bind("contextmenu",function(e){
                  return false;
           });
            $('img#image').mousedown(function(e){
            var number = parseInt($('#number').text(), 10);
            switch(e.which){
                case 1: // Linke Maustaste
                    $('#number').text(number-1);
                break;
                case 2: // Mittlere Maustaste
                break;
                case 3: // Rechte Maustaste
                    $('#number').text(number+1);                    
                break; 
            }
        });
    });
</script>
<style type="text/css">
    #image-container{
        position: relative;
        border:1px solid blue;
        width:382px; /* Genauso groß, wie das Bild */
        height:326px; /* Genauso groß, wie das Bild */
    }
    #image{
        width:382px; 
        height:326px;
        border:1px solid red;
        position: relative;
    }
    #number{
        position:absolute;
        right:10px;
        bottom:10px;
        background-color:#ffffff;
        padding:1em;
        z-index:1;
    }
</style>
</head>
<body>

    <div id="image-container">
        <div id="number">0</div>
        <img src="[Pfad-zum-Bild]" id="image" alt="" />
    </div>

</body>
</html>

Da Rechts- und Linksklick erwünscht ist, muß Javascript ran.

http://harryboeck.dyndns.org/Experimente/GuteFrageNet/Click-counter%20eines%20Buttons.php?phpview

Super Ding! Geht das auch, dass ich da ein bild einbinden kann und das als button nutzen und womöglich noch in einer tabelle?

0
@Talaris

Ja, setze einfach statt dem Text halt ein Bild hin! Und in HTML kann man ja (fast) alles in alles schachteln, immer zu!

0

Was möchtest Du wissen?