nicht angemeldet
Bei Cursorberührung Schriftfarbe ändern
0 0 0 0 0 0 
Gernot Back
Bei Cursorberührung Schriftfarbe ändern
Hallo,
kann mir jemand eine Anleitung/ein Beispiel zeigen, wo bei der Cursorberührung eines Textes sich dieser in einer anderen Schriftfarbe darstellt. Wenn man den Cursor wegbewegt, soll wieder die normale Schriftfarbe angezeigt werden. Ich hab das bisher nur gesehen, dass, wenn man einen bestimmten Text mit dem Cursor berührt, dieser dann größer wird. Geht das auch mit der Schriftfarbe?
Danke im Voraus!
-
-
"soll das auch im IE bei "normalem" Text funktionieren, brauchst du wohl eine Javascript-Lösung."
Schonmal vielen Dank für deine Antwort. Aber gibt es denn irgendwo ein Beispiel für deine angesprochene "Javascript-Lösung"? Es reicht mir eigentlich irgendeine Seite, wo man das mal sehen und den Quelltext einsehen kann. Oder gibt's sowas auch hier bei Selfhtml?
-
Hallo Tim_22.
Schonmal vielen Dank für deine Antwort. Aber gibt es denn irgendwo ein Beispiel für deine angesprochene "Javascript-Lösung"?
Was du brauchst:
· Die Eventhandler http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover und http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseout@title=onmouseout
· Das http://de.selfhtml.org/javascript/objekte/style.htm@title=style-Objekt, über welches du jegliche CSS-Eigenschaften modifizieren kannst
· Eine Zugriffsmethode wie http://de.selfhtml.org/javascript/objekte/document.htm@title=getElement* oder http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this.Damit kannst du dein Problem lösen.
Einen schönen Samstag noch.
Gruß, Ashura
-
Hallo Tim_22.
Schonmal vielen Dank für deine Antwort. Aber gibt es denn irgendwo ein Beispiel für deine angesprochene "Javascript-Lösung"?
Was du brauchst:
· Die Eventhandler http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover und http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseout@title=onmouseout
· Das http://de.selfhtml.org/javascript/objekte/style.htm@title=style-Objekt, über welches du jegliche CSS-Eigenschaften modifizieren kannst
· Eine Zugriffsmethode wie http://de.selfhtml.org/javascript/objekte/document.htm@title=getElement* oder http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this.Damit kannst du dein Problem lösen.
Einen schönen Samstag noch.
Gruß, Ashura
möchtest du den Code aufgeschrieben bekommen?
-
Hallo Saju.
möchtest du den Code aufgeschrieben bekommen?
Nein, danke.
Einen schönen Samstag noch.
Gruß, Ashura
-
Nochmal vielen Dank an alle für eure Hilfe,
zwar haben mir die Einträge hier bei Selfhtml, die ihr angegeben hat, sehr geholfen und ich bin um einige Erfahrungen reicher geworden, doch kenne ich mich wirklich nicht so gut mit JavaScript aus, als dass ich mit jetzt den gesamten Code zusammenstellen könnte.
Deshlab bin ich (leider) nochmals auf eure Hilfe angewiesen und nehme das Angebot an, mir den Code aufschreiben zu lassen. Danke schon im Voraus an denjenigen, der das mal macht!-
Hallo Tim_22.
Deshlab bin ich (leider) nochmals auf eure Hilfe angewiesen und nehme das Angebot an, mir den Code aufschreiben zu lassen. Danke schon im Voraus an denjenigen, der das mal macht!
Du wirst doch nicht so schnell aufgeben wollen, oder?
Wie sieht dein derzeitiger Versuch aus (Code), woran bist du gescheitert und welche Fehlermeldungen sind gegebenenfalls aufgetreten?
(Letzteres kann man zur Zeit am Besten in der JS-Console vom Firefox ablesen.)Einen schönen Samstag noch.
Gruß, Ashura
-
Also alles was ich bis jetzt habe ist der Script-Tag und der kann auch völlig falsch sein. Aber ich poste ihn einfach mal:
<script type="test/javascript">
function farbe()
{
document.all.Test.style.color = "red"
}
<script><p id="Test"
onmouseover=""
onmouseout="">Mein Text
</p>Vorausgesetzt dieses Script wäre richtig, so besteht immer noch das Problem, wie ich das hinkriege, dass wenn ich über den Text fahre, sich dieser dann auch gemäß dem Script rot färbt. Auch weiß ich nicht, ob das onmouseover bzw. onmouseout irgendwo in das Script rein muss oder doch irgendwo anders hin.
Wie gesagt ich bin völliger Laie in Sachen Javascript.-
Hallo Tim_22.
<script type="test/javascript">
function farbe()
{
document.all.Test.style.color = "red"
}
<script>Der Zugriff über document.all funktioniert zwar in den gängigen Browsern, sollte jedoch nicht mehr genutzt werden. Warum hast du die von mir erwähnten Zugriffsmethoden nicht genutzt? > ~~~html <p id="Test" > onmouseover="" > onmouseout="">Mein Text > </p>Soll der Farbwechsel allein für diesen einen Absatz erfolgen, oder sollen noch weitere Absätze damit versehen werden?
Davon hängt ab, ob du das im ersten Fall nützlichere this-Objekt verwendest, um direkt auf den Absatz zuzugreifen, oder ob du eine Funktion definierst, welche einen Parameter entgegen nimmt.
Der Einfachheit halber empfehle ich dir, mit Ersterem zu beginnen. Wie du mit this umgehen musst, findest du auf der von mir bereits verlinkten Seite heraus.Vorausgesetzt dieses Script wäre richtig, so besteht immer noch das Problem, wie ich das hinkriege, dass wenn ich über den Text fahre, sich dieser dann auch gemäß dem Script rot färbt.
Mit veränderter Zugriffsmethode genau so, wie du es bereits versucht hast.
Soll sich der Text beim Verlassen wieder zurück färben?Auch weiß ich nicht, ob das onmouseover bzw. onmouseout irgendwo in das Script rein muss oder doch irgendwo anders hin.
Die von dir definierte Funktion farbe() gehört in die von dir gewählten Eventhandler im HTML-Code, anders kann sie nicht ausgeführt werden.
Wie gesagt ich bin völliger Laie in Sachen Javascript.
Was nicht ist, kann noch werden.
Einen schönen Samstag noch.
Gruß, Ashura
-
-
-
-
-
Hallo Saju,
möchtest du den Code aufgeschrieben bekommen?
Das hat Ashura nicht nötig, aber vielleicht kommt Tim ja auf dein Angebot zurück. Ich glaube aber, der versucht es mit Ashuras Hinweisen auch erst mal selbst. Das ist ja dann ein viel größeres Erfolgserlebnis, wenn er das alleine schafft. Aber wenn es hakt, helfen wir natürlich alle gern.
Gruß Gernot
-
-
-
-