You are not logged in.

Menü mit zusätzlichen Info's

wcf.regNote.message

Manuel

Trainee

  • "Manuel" started this thread

Posts: 64

  • Send private message

1

Tuesday, October 7th 2008, 6:56am

Menü mit zusätzlichen Info's

Hallo zusammen,

ich möchte mir gerne ein Menü bauen, das wenn ich mit der Maus über einen Menüpunkt gehe, das ich dann an position XYZ eine Kurz Info angezeigt bekomme.
Ich habe dazu einen Link gefunden. --> Hier <--

Das ist schon so wie ich mir das vorstelle, nur soll die Info nicht direkt unter dem Menüpunkt erscheinen, sondern an ganz anderer Stelle auf meiner Seite in einem DIV Container. ?(

Kann mir einer sagen wie ich das machen kann???

DANKE
Gruß M-Arens

codehai

Beginner

Posts: 4

Location: /home/$USER

Occupation: Ich bin das Gelbe vom Ei

  • Send private message

2

Tuesday, October 7th 2008, 8:14am

Im Prinzip reicht der Code den Du dort zu sehen kriegst in Abgewandelter Form total aus. Leider weis ich aber nicht unter welcher Lizenz die ihre Codes veröffentlicht haben daher kann es gut sein das man die nicht benutzen darf. Du musst den "p,div .info" halt nur noch um ein "position: absolute;" ergänzen und ebenfalls "top" und "left" anpassen und Fertig ist es!

Source code

 
1
2
3
4
5
6
7
8
9

p,div .info{
position: absolute;
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:normal;
left: 50%;
top: 20%;
}
Linus Tovalds: "Really, I'm not out to destroy Microsoft. That will just be a completely unintentional side effect."
Debian GNU/Linux Stable (lenny) 5.0 | Linux Kernel: 2.6.26-1-amd64
with kind regards: $USER

This post has been edited 1 times, last edit by "codehai" (Oct 7th 2008, 8:15am)

Manuel

Trainee

  • "Manuel" started this thread

Posts: 64

  • Send private message

3

Tuesday, October 7th 2008, 12:00pm

Der Code ist frei, habe mich informiert.

Danke ich werde das mal testen. Melde mich dann wieder.
Gruß M-Arens

Manuel

Trainee

  • "Manuel" started this thread

Posts: 64

  • Send private message

4

Thursday, October 9th 2008, 6:25am

Hat gut geklappt, Danke.

Aber eine Frage habe ich noch dazu, wie kann ich das Div-Element Scrollbar machen??
Ich möchte, das wenn ich Texte da rein bringe, das sie nur im Div stehen. Also muss wenn der Text zu lang ist das DIV Scrollbar werden. Wie kann man so was machen???
Gruß M-Arens

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

5

Thursday, October 9th 2008, 8:17am

das kannst du einfach per stylesheet einstellen. zum beispiel mit

Source code

 
1
2
3

<div style="overflow:auto;">
Hier steht dann dein Text drin.
</div>



für die overflow eigenschaft gibts noch weitere werte:

hidden: der inhalt der über die grenzen hinausgeht wird einfach versteckt, also nicht dargestellt
scroll: das div wird scrollbar wenn der inhalt die grenzen überschreitet. nachteil: die scrollbars sind auch sichtbar wenn der inhalt ins div passt.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

This post has been edited 1 times, last edit by "bauser" (Oct 9th 2008, 8:18am)

Manuel

Trainee

  • "Manuel" started this thread

Posts: 64

  • Send private message

6

Friday, October 10th 2008, 11:02am

Super auch das hat geklappt.

Nun würde das ganze gerne noch ein bischen ausweiten. Und zwar möchte ich gerne das wenn ich mit der Maus von dem Menüpunkt runter gehe, dass das erschinene Infofeld noch ein paar Sekunden stehen bleibt, damit ich die Chance habe mit der Maus auf das Info feld zu kommen.
Wenn ich in der Zeit X auf das Infofeld gehe soll es noch so lange aktiv bleiben (sichtbar) bis ich es mit der Maus verlasse.

Sonst habe ich ja das Problem das ich den Text den ich scrollen müßte gar nicht ansehen kann.

Hat jemand für so eine Anwendung eine Idee???
Gruß M-Arens

wcf.user.socialbookmarks.titel