mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 01.10.2020 02:07 Benutzername: Passwort: Auto-Login

Thema: onmouseover Problem vom 28.05.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> onmouseover Problem
Autor Nachricht
sascha_kote
Threadersteller

Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht: Männlich
Verfasst Do 28.05.2015 14:12
Titel

onmouseover Problem

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich hänge gerade an einem Javascript Problem bei einer Navi *Schnief*

Momentan hab ich das so, mouse over - klappt.
<a href="#" onmouseover="this.style.color='orange';" onmouseout="this.style.color='#black';">Link</a>

Jetzt hätte ich gerne beim mouse over nicht nur einen Farbwechsel, sondern auch noch oben einen blauen rand.
Mit meinen Ansatz scheitere ich leider total.
Kann mir da jemand weiterhelfen?

Danke
Sascha


<div style="position:relative;width:100px;background:#ddffdd;overflow:hidden;" onmouseover="this.style.overflow='';" onmouseout="this.style.overflow='hidden';">first hover

<div style="width:100px;position:absolute;top:5px;left:110px;background:white;border-top:5px solid #d9d9d9;">stuff inside</div></div>
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 28.05.2015 15:56
Titel

Antworten mit Zitat Zum Seitenanfang

sie möchten sich mit den möglichkeiten zeitgenössischer css beschäftigen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
sascha_kote
Threadersteller

Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht: Männlich
Verfasst Do 28.05.2015 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

Lächel css geht in diesem Fall nicht.
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 32
Geschlecht: Männlich
Verfasst Do 28.05.2015 23:35
Titel

Antworten mit Zitat Zum Seitenanfang

sascha_kote hat geschrieben:
Lächel css geht in diesem Fall nicht.

Du sprichst doch aber über deine Javascript-Events auch Styles an, von demher scheint CSS ja sehr wohl zu gehen. Dein Problem lässt sich eben simpel und sauber mit CSS lösen, oder dreckig und kompliziert mit Javascript. Selbst wenn du per Mouseover / Mouseout dem Element immer eine andere CSS-Klasse, mit passendem Styling, zuweist - CSS ist und bleibt die Lösung, die du wählen solltest...

Ansonsten bordertop über JS:
http://www.w3schools.com/jsref/prop_style_bordertop.asp
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Fr 29.05.2015 00:56
Titel

Antworten mit Zitat Zum Seitenanfang

sascha_kote hat geschrieben:
Lächel css geht in diesem Fall nicht.


nein. ihr steinzeitshit geht nicht. bitte sehen sie sich im webfrickler-idiotenkontext nach ihrem horizont entsprechenden behelfen um.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Fr 29.05.2015 01:26
Titel

Antworten mit Zitat Zum Seitenanfang

DEKONSTRUKTIV hat geschrieben:
sascha_kote hat geschrieben:
Lächel css geht in diesem Fall nicht.


nein. ihr steinzeitshit geht nicht. bitte sehen sie sich im webfrickler-idiotenkontext nach ihrem horizont entsprechenden behelfen um.


Sach ma! Ab und an glaub ich du hast einem im Kahn wenn du deine Antworten verfasst…
  View user's profile Private Nachricht senden
hilson

Dabei seit: 05.09.2005
Ort: Pforzheim
Alter: 50
Geschlecht: Männlich
Verfasst Fr 29.05.2015 09:00
Titel

Antworten mit Zitat Zum Seitenanfang

In vino veritas *bäh*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 36
Geschlecht: Männlich
Verfasst Mo 01.06.2015 16:49
Titel

Antworten mit Zitat Zum Seitenanfang

@TE:
Ein vernünftig gesetzter C(ontent) S(security) P(olicy) würde dir sowas aber eh unterbinden - im HTML hat CodeLogik nichts zu suchen.

easteregg hat schon genannt, wie es mit JS gehen würde, aber CSS kann das auch sehr einfach mit der ":hover"-PseudoKlasse

/*PS
Zim hat geschrieben:
Sach ma! Ab und an glaub ich du hast einem im Kahn wenn du deine Antworten verfasst…

Das "ab und an" fand ich gut ^^ */


Zuletzt bearbeitet von fyll am Mo 01.06.2015 17:02, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen onMouseOver Problem
OnMouseover Problem
onmouseover und <area> Problem
Problem bei onmouseover button in IE
JavaScript OnMouseOver, kleines Problem
onmouseover
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.