Autor |
Nachricht |
duckonline.be
Threadersteller
Dabei seit: 12.11.2003
Ort: Belgien
Alter: 40
Geschlecht:
|
Verfasst Do 04.08.2005 08:26
Titel Suche Javascript für Menuführung |
|
|
Hallo Leute !
hab da en Problem !
www.kgoudler.be
Die Seite ist nicht der knaller, ok, aber ich hab trotzdem ein problem.
Ich habe die Seite in 3 Frames aufgebaut.
Header, menu und Inhalt.
So, beim menu hab ich ja en Rollover.
Wenn ich zB auf Termine klicke, verschwindet der rollover natürlich und ich weiss nicht mehr in welcher kategorie ich dran bin !
Ich habe gehört das es ein script gibt, das den rollover beim anklicken "anhält" und man sieht wo man dran ist !
Wäre nett wenn einer weiss wie ich mein problem gelöst bekomme.
Danke
Gruss aus Belgien
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 04.08.2005 08:44
Titel
|
|
|
naja wie wär's mit nem onclick einfach das highlight festsetzen?
solltest natürlich irgendwas variablen technisch setzen, dass bei
nem onmouseout das highlight nicht wieder verschwindet.
|
|
|
|
|
Anzeige
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Do 04.08.2005 08:53
Titel
|
|
|
in etwa so
fuer die links:
Code: | onmouseover="bildwechsel_over();"
onmouseout="bildwechsel_out();"
onmouseclick="save_stat();" |
der js teil:
Code: | klickon_x = FALSE;
klickon_x+n = FALSE;
....
function bildwechsel_over(){
//bild wechseln....
}
function bildwechsel_out(){
if klickon_x = FALSE
//bild zurueck wechseln....
endif
}
function savestat(){
klickon_x = TRUE
klickon_x+n = FALSE
...
} |
jeder link hat ne variable die speichert ob geklickt oder nicht (x ist die id des aktuellen links)
bei onmouseover einfach bild wechseln
bei klick, wird die variable TRUE, alle anderen FALSE
beim onmouseout wird das bild dann zurückgewechselt, wenn die zugehörige variable TRUE ist.
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Do 04.08.2005 08:55
Titel
|
|
|
Eine CSS Methode ist auch denkbar.
Da gibts jedem <a> Element nen background-image, setzt nen entsprechendes hover (link_id:hover), und lässt dir in abhängigkeit einer body-klasse die hover-grafik auf der entsprechenden Seite anzeigen.
müsste halt so aussehen (in etwa):
Code: |
a#menupunkt {
width:100px;
background-image:url(bild.gif);
}
a#menupunkt:hover,body.menupunkt a#menupunkt {
background-image:url(bild_hover.gif);
}
|
Dann muss auf der Seite, auf die der menupunkt führt halt noch <body class="menupunkt"> stehen.
Zudem kannst du dann (was im hinblick auf Suma's sicherlich nicht verkehrt ist) in Verbindung mit ner "replacement-klasse" die <a> genauso bennen, als wenn du nen standard text-lnk hättest.
Da gabs glaub mal nen Artikel zu bei ALA. Mal sehen, ob ich den finde.
Nachteil: funzt - meines wissens nach - nicht im Konquerer.
Aber ansonsten ist das meines erachtens nach durchaus verwendbar.
Zuletzt bearbeitet von Glas am Do 04.08.2005 08:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Do 04.08.2005 09:56
Titel
|
|
|
Ich find die Event-handler in der Scriptquelle übrigends um einiges eleganter als diese fiesen HTML-Attribute:
Code: |
deinElement.onmouseover = function()
{
}
|
Zuletzt bearbeitet von am Do 04.08.2005 09:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
duckonline.be
Threadersteller
Dabei seit: 12.11.2003
Ort: Belgien
Alter: 40
Geschlecht:
|
Verfasst Do 04.08.2005 14:41
Titel
|
|
|
ok funzt wie ne 1 :--)
mega fettes danke an caZpa
|
|
|
|
|
|
|
|
Ähnliche Themen |
[javascript] mit <select> feld wert an javascript funk
Javascript Uhr
ist das javascript ?
Javascript im XML
javascript im javascript?!
Javascript
|
|