Help Box?

[Metty]

hallo

ich habe ma ne frage zu eine help box.. so wie auf der http://www.wer-kennt-wen.de/

sieht man ein blaue fragenzeichen wenn man drauf klickt kommt ein fenster mit text..

meine frage ist wie geht sowas und mit welcher sprache css php html javascript?

oder hat jemand ne seite wo man sowas nach bauen kann?


MFG Metty

[Mr_Quick]

Hi

Das heißt "Hovercards" und wenn mich nicht alles täuscht, kann man dies mit jQuery erstellen.
Kommt auch drauf an, wie deine Seite gestaltet ist (CMS oder nicht), kannst Du evtl. auch mit Plugins arbeiten.

Gruß

Mr_Quick

[Metty]

ne simple html seite habe ich also kein cms...

[Mr_Quick]

Vielleicht hilft dir dies weiter

http://blog.tutorwith.me/2012/02/hov...-your-website/

[cebito]

Zitat von Mr_Quick

Vielleicht hilft dir dies weiter

Man kann auch mit Panzern auf Ameisen schießen. Ausreichend wäre hier eine positionierte Box, die entweder mit der CSS-Eigenschaft :focus oder halt über ein einfaches JS ein- oder ausgeblendet wird (display:block/none)

[Metty]

ahh super danke euch vielmals

[Mr_Quick]

@ cebito

In diesem Sinn muss ich dir Recht geben, aber mit den Hovercards kenn ich mich nicht aus, wusste nur wo es den speziellen Code gibt, den man händisch einpflegen kann



[Pixelaner]

Hiho,

ich hab dir mal auf die schnelle etwas zusammengebaut, vielleicht hilft dir das ja weiter:

http://jsfiddle.net/znQ2K/

MfG

[Metty]

wauhhh genau das brauchte ich super vielen dank....

[Pixelaner]

perfekt. viel spaß beim basteln

[Metty]

eine frage hätte ich aber noch

und zwar wollte ich noch im kasten selber ein close button haben so das man wieder schlissen kann...

ohne das ich wieder auf hilfe klicken muss...

habe schon ma soweit den closebutton eingerichtet http://jsfiddle.net/TN6YX/

[Pixelaner]

der close button sollte nicht als background image eingebunden werden sondern als reguläres <img /> damit du dieses auch anklicken kannst um somit die hilfebox wieder zu schliessen

http://jsfiddle.net/znQ2K/1/

[x] wird durch dein bild ausgetauscht

[Metty]

ahhh ok... super vielen dank für deine schnelle hilfe... daumen hoch

[Myhar]

Zitat von Pixelaner

der close button sollte nicht als background image eingebunden werden sondern als reguläres <img /> damit du dieses auch anklicken kannst um somit die hilfebox wieder zu schliessen

Über die semantisch sinnvolle Einbindung von Bildern kann man viel diskutieren. Jedoch finde ich, dass hier ein img-Tag deplatziert ist. Es ist ja schließlich kein Bild, sondern ein Schließen Button, bzw. Schließen Link. Deshalb ist eine Einbindung mittels <a> Tag zu empfehlen. Es gibt genügend Techniken, Text zu verstecken und statt dessen ein Bild anzuzeigen.
Damit man einen a-Tag ohne sichtbaren Text auch anklicken kann, muss man ihm nur eine (Mindest-)Breite/Höhe zuweisen.

[Pixelaner]

Über den richtigen Lösungsweg lässt sich sicherlich streiten, da jeder andere Ansätze hat. Deine Lösung funktioniert natürlich auch, aber diese finde ich einfach zu aufwendig. Ein A welches ein beschreibendes IMG (mit X zB) enthält reicht hier vollkommen aus.