onmouseover auf einem <input>feld, um ein <p> anzuzeigen

[jimmyn00b]

Hallo ihr lieben,

Brauche hilfe mit meinem jquery.
und muss die funktion ins html einbauen.

Wie würdet ihr das lösen?

 

[fexx]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

css:
#meineid input:hover + span.info { display: block; }

html:
<div id="meineid">
 <input />
 <p class="info"></p>
</div>

sollte so gehen ... weis aber nicht wies mit dem ie aussieht ... evtl js verwenden

 

[hofemich]

Du suchst Hilfe oder jemanden der dir das macht?
Dein Post hat den Anschein (kann auch trügen) dass du nicht sehr vertraut mit den Technologien bist.

Vorgehensweise:
auf input kannst über onmouseover eine js-funktion aufrufen.
mittels dom-operations kannst du dann ein beliebiges p-Element auslesen.
dafür brauchst net zwingend jQuery.

alternativ kannst mit jQuery einen Event-Listener an dein input-Element hängen.

Lg

css:
#meineid input:hover + span.info { display: block; }

html:
<div id="meineid">
 <input />
 <p class="info"></p>
</div>

sollte so gehen ... weis aber nicht wies mit dem ie aussieht ... evtl js verwenden

der ie kennt nur hover bei links!

bzw. sehe ich den sinn hinter deinen code nicht ganz.

lg

 

[fexx]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

der ie kennt nur hover bei links!

bzw. sehe ich den sinn hinter deinen code nicht ganz.

lg

http://jsfiddle.net/ACqfj/

noch fragen?

// Edit: läuft im ie7 nicht im ie6

 

[hofemich]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

stimmt, das funktioniert ja wirklich
aber der ie macht da halt nicht mit bei mir.

lg

 

[owieortho]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Cool Site. You made my day!

 

[fexx]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

ich habs damls mit :focus gemacht und ich denk, dass damals nur der ie6 rumgezickt hat ... aber ich sags mal so mit jquery gibts da 1000 lösungswege

Cool Site. You made my day!

ja, die ist super ... vorallem wenn man ein problem hat, welches man anderen leuten zeigen will

 

[saila]

AW: onmouseover auf einem <input>feld, um ein <p> anzuzeigen

stimmt, das funktioniert ja wirklich
aber der ie macht da halt nicht mit bei mir.

lg

Hi,

der hover-Effekt ist auch beim IE möglich. Allerdings ab IE7+ und wer heute noch mit dem IE6 zu gange ist, dem könnte man auch nicht mehr großartig helfen, zumal es weitaus bessere Browser gibt als die von Microsoft in unterschiedlichen Versionen angebotenen.

@jimmyn00b,

entweder über CSS wie schon aufgezeigt. Wenn du ohnehin jQuery im Einsatz hast, würe folgendes dein Einstieg:

$('input:text').hover( 
     function() { //einstieg
         $(this).next('p').show();
     },
     function() { // ausstieg
         $(this).next('p').hide();
     }
);

Setzt voraus, dass der versteckte p-tag direkt hinter oder nach dem jeweiligen input-tag-text steht.