nicht angemeldet
Linkrahmen erzwingen
Hallo
Ich würde gerne per <label> Tag nicht nur eine Checkbox sondern auch den dazugehörigen Text anklickbar machen. Das hab ich auch geschafft. Nun würde ich gerne um den Text einen gestrichelten Rahmen haben wie man es aus Windows Anwendungen kennt. Da der <a> Tag hier nicht funktioniert, muss ich es mit Javascript lösen. Gibt es einen Befehl mit onClick, der den Linkrahmen um das <label> Element erscheinen lässt, auch wenn gar kein <a> Tag existiert?
mfg
Christian
-
Ich würde gerne per <label> Tag nicht nur eine Checkbox sondern auch den dazugehörigen Text anklickbar machen. Das hab ich auch geschafft. Nun würde ich gerne um den Text einen gestrichelten Rahmen haben wie man es aus Windows Anwendungen kennt. Da der <a> Tag hier nicht funktioniert, muss ich es mit Javascript lösen. Gibt es einen Befehl mit onClick, der den Linkrahmen um das <label> Element erscheinen lässt, auch wenn gar kein <a> Tag existiert?
SelfHTML > CSS > Eigenschaften > border-style und irgendeine document.style-Geschichte von Javascript.
Gruß,
soenk.ePS: Daß der Rahmen erscheint, wenn man auf einen Verweis klickt, ist ein Trugschluss.
PPS: Dummerweise kann der Internet Explorer erst ab Version 6 gepunktete Linien, im 5er malt er stattdessen lieber gestrichelte.
-
Hier ist mein Script. Es funktioniert nicht.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.checkbox {
cursor:hand;
}
</style>
<script type="text/javascript">
<!--
function checkboxdotted() {
document.checkbox.style.border = "1px dotted #000000";
}
//-->
</script>
</head>
<body>
<div align="center">
<br>
<label for="checkbox01" onClick="Javascript:checkboxdotted();"><span id="checkbox" class="checkbox">Option 1 <input id="checkbox01" type="checkbox"></span></label><br>
</div>
</body>
</html>-
Hi,
Hier ist mein Script. Es funktioniert nicht.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.checkbox {
cursor:hand;cursor kennt keinen Wert hand. Meinst Du pointer?
}
</style>
<script type="text/javascript">
<!--
function checkboxdotted() {
document.checkbox.style.border = "1px dotted #000000";document.getElementById('checkbox').style.border = "1px dotted #000000";
}
//-->
</script>
</head>
<body>
<div align="center">
<br>
<label for="checkbox01" onClick="Javascript:checkboxdotted();"><span id="checkbox" class="checkbox">Option 1 <input id="checkbox01" type="checkbox"></span></label><br>onclick="checkboxdotted();" (javascript: ist keine gültige Javascript-Anweisung)
Das span ist überflüssig, id und class können genausogut im label stehen.</div>
</body>
</html>Andreas
-