Hervorhebung von Textbereichen

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,
und zwar versuche ich schon länger einen Text (div) hervorzuheben, wenn die Maus darüber fährt. Leider funktioniert das nicht.
Weiss jemand was falsch ist an meinem Code?

Texthervorhebung

function getHervorhebungText(‚div1‘)

if(document.getElementById(‚hervorhebung‘).checked == true)
{
onMouseOver=this.style.border=‚1px solid #999999‘;
onMouseOut=this.style.border=‚0px solid #999999‘;
}

Dieser Text soll hervorgehoben werden, wenn die Maus darüber fährt.

Ach so, das ganze soll auch über eine Checkbox funktionieren. Wenn in dieser Häkchen gesetzt ist, soll der Textbereich hervorgehoben werden können ansonsten nicht.
Wäre für Hilfe sehr dankbar!

#2

Hallo,
und zwar versuche ich schon länger einen Text (div)
hervorzuheben, wenn die Maus darüber fährt. Leider
funktioniert das nicht.
Weiss jemand was falsch ist an meinem Code?

naja, falsch ist alles was geaendert wurde… jetzt tut es zumindest
es ist besser die border-farbe zu schalten, wenn man die border-width schaltet springt da layout …

Texthervorhebung

function getHervorhebungText(o,anaus)
 {
 var c = document.getElementById('hervorhebung').checked

 o.style.borderColor = anaus && c ? '#999999' : '#ffffff'; //fff sollte der hintergrundfarbe entspechen
 }

 
Dieser Text soll hervorgehoben werden, wenn die Maus darüber fährt.
#3

Hallo Ines,

hier nur die relevanten Teile:

function getHervorhebungText(idName)
if(document.getElementById(‚hervorhebung‘).checked == true)
{
document.getElementById(idName).style.border=‚1px solid #999999‘;
}

function resetHervorhebungText(idName)
{
document.getElementById(idName).style.border=’’;
}

Das ist er Inhalt!

Wichtigste Änderungen:
document.getElementById(idName).style.border =’’;
so, oder so ähnlich, wird eine Eigenschaft eines Elementes ein Wert zugeweisen. Wenn ich mich nicht täusche, muss die Eigenschaft vorher vorhanden sein. Ggfs. also leer ins div schreiben.

Der Event onMouseOver stößt dann ddie Funktion an. Als Parameter übergibt er die ID des Divs. Damit kann man auch aus anderen Divs die function nutzen.

onMouseOut setzt die Hervorhebung zurück. Wenn das nicht gewünscht ist einfach weglassen.

Getestet habe ich das nicht, aber das Prinzip sollte so klar werden.
Insbesondere bei
…border=‚1px solid #999999‘;
bin ich mir nicht sicher, da unter .net die Eigenschaften zu border einzeln angeboten werden …

mfg

Dirk.Pegasus

#4

Hey, danke Dir! Nur leider funktioniert das nicht mehr, wenn ich den Anfangsrahmen schwarz wegnehme. Ausserdem soll nicht nur der Rahmen veränderbar sein, sondern auch Hintergrund, Farbe etc. Geht das zu implementieren??

#5

Danke für Deine ausführliche Erklärung, aber leider funktioniert es nicht und ich habe noch nicht herausgefunden warum :frowning:…

#6

Okay, habe das alles hinbekommen. Danke Dir nochmal! Aber hast Du eventuell eine Idee, wie man eine Drop down liste umsetzen könnte, in der man hintergrundfarbe etc. dann auswählen kann??

#7

Okay, habe das alles hinbekommen. Danke Dir nochmal! Aber hast
Du eventuell eine Idee, wie man eine Drop down liste umsetzen
könnte, in der man hintergrundfarbe etc. dann auswählen kann??

naja, sinngemaess halt :wink:

function getHervorhebungText(o,anaus)
 {
 var c = document.getElementById('hervorhebung').checked

 o.style.backgroundColor = anaus && c ? '#999999' : '#ffffff';
 // o.style. ... nach belieben erweitern...
 }