gungosh: Bei Click auf Bild soll sich text auf das Bild legen

Beitrag lesen

SELF-Forum

Bei Click auf Bild soll sich text auf das Bild legen

gungosh
– Informationen zu den Bewertungsregeln

Hallo,

Ah, okay. Da ich mich mit JS nicht auskenne lasse ich das dann erst einmal weg. Oder hättest Du ein Codesnippet parat, andem ich mich versuchen könnte?

zum Beispiel wie unten angegeben. Bild ist Hintergrundgrafik, Zelle muss daher dieselben Abmessungen haben, Zelleninhalt wird onclick geändert.

Und immer schön mindestens mit Internet Explorer und Firefox testen, um zu gewährleisten, dass eine Seite in seltsamen und normalen Browsern funktioniert ;)

<html><head><title>Text auf Bild</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
<style type="text/css">
~~~~~~css
  
  
.sizeandfont {  
    height: 181px; width: 208px; /* Höhe/Breite der Grafik */  
    font-size: 24pt; font-weight: bold; color: red;  
    text-align: center; vertical-align: center;  
}  

~~~~~~html
</style>  
<script type="text/javascript">  

~~~~~~javascript
var wuff = false;  
function bellen()  
{  
    if (wuff == false)  
    {  
        wuff = true;  
        document.getElementById("wufftext").innerHTML = "Wuff!";  
    }  
    else  
    {  
        wuff = false;  
        document.getElementById("wufftext").innerHTML = "&nbsp;";  
    }  
}  

~~~~~~html
</script>  
</head><body>  
<table><tr>  
<td id="wufftext"  
    class="sizeandfont"  
    onclick="bellen()"  
    background="http://de.selfhtml.org/css/eigenschaften/anzeige/hund.gif">  
&nbsp;  
</td></tr></table>  
</body></html>

Grüße,
Gun

Beitrag melden
–
Informationen zu den Bewertungsregeln