Help Box?

[Metty]

hallo

ich habe ma ne frage zu eine help box.. so wie auf der

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]

AW: Help Box?

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]

AW: Help Box?

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

 

[Mr_Quick]

AW: Help Box?

Vielleicht hilft dir dies weiter

 

[cebito]

AW: Help Box?

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]

AW: Help Box?

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]

AW: Help Box?

Hiho,

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

http://jsfiddle.net/znQ2K/

MfG

 

[Metty]

AW: Help Box?

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

 

[Pixelaner]

AW: Help Box?

perfekt. viel spaß beim basteln

 

[Metty]

AW: Help Box?

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]

AW: Help Box?

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]

AW: Help Box?

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

 

[Myhar]

AW: Help Box?

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]

AW: Help Box?

Ü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.

 

[Myhar]

AW: Help Box?

Das habe ich doch geschrieben. Es ist oft nicht sofort ersichtlich, ob ein Bild oder ein Hintergrundbild sinnvoller ist und oft wird darüber auch nicht nachgedacht.
Ich habe lediglich auf deine Formulierung Bezug genommen:

...der close button sollte nicht als background image eingebunden werden sondern als reguläres <img />...

Ein sollte impliziert, dass die andere Variante vermieden werden soll und deshalb falsch ist. Das ist definitiv nicht der Fall. Ich will nur vermeiden, dass Leute diese inkorrekte Formulierung falsch interpretieren

 

[Pixelaner]

AW: Help Box?

Ok das seh ich ein Das sollte natürlich nicht so rüberkommen als wäre dies ein in Stein gemeisseltes Gesetz.