Bei onmouseover Text einblenden !!

**Diggicell** · 08.01.2004, 20:20

Klingt sehr nach Java Script , meine aber auchmal was im Bezug auf CSS zu diesem Thema was gehört zu haben....

**Wurzel** · 08.01.2004, 20:22

was hat das mit php zu tun
@mods plz move

- mach ein formular
- setz ein textfeld ein
- onmouseover="document.formularname.namevomtextfeld.value='hallo';"
- onmouseout="document.formularname.namevomtextfeld.value='';"

**TobiaZ** · 08.01.2004, 20:26

*verschieb*, aber ganz schnell!!!

**TobiaZ** · 08.01.2004, 20:32

OffTopic:
Weil du mich ja schon im ICQ anlabern musstest...

JS kannst du dir aus jeder Seite rausziehen (falls du es schon irgendwo gesehen hast) oder mal die einschlägigen Scriptseiten abchecken. da gibbet sowas sicher auch.

**Spladderman** · 08.01.2004, 20:41

Ich find sowas nicht ... das bild sollte noch nen link drinne haben ....
Da ich ein totaler JS noob bin peil ichs einfach net !!
PLS help

**TobiaZ** · 08.01.2004, 20:42

also verschieb zu den gesuchen

**Spladderman** · 08.01.2004, 20:45

Verschieben ??
Kann ich das Textfeld unsichtbar machen ???

**TobiaZ** · 08.01.2004, 21:10

Sorry, das war auf deinen Thread bezogen

du könntest das denke ich auch ganz gut über layer machen.

**Spladderman** · 08.01.2004, 21:18

Kannst du mir noch konkret sagen wie ???
Bin bei sowas bissel anfänger ....

**TobiaZ** · 08.01.2004, 21:38

müsste ich mich jetzt auch reinhängen. selbst ein Profi (allgemein) weiß nicht immer alles, aber er weiß wo er nachsehen muss:

selfhtml, google, ...

**DasD** · 09.01.2004, 16:21

Ist eigentlich ganz einfach, ein Ansatz wurde schon erwähnt, jedoch nicht kompatibel für alle Browser.

EDIT: Das Wort "javascript" muss überalle zusammengeschrieben werden. Hier wird es wohl aus Sicherheitsgründen automatisch getrennt.

EDIT2: Da, wo ich jetzt mal drei Sternchen reingesetzt habe ([COLOR=blue]***[/COLOR] ) schreibst du & nbsp; - aber zusammen!. Da ich leider nicht weiß, ob der DIV-Container bei einem einfachen Leerzeichen am Ende wirklich so aussieht, wie er aussehen soll.

Am besten machst du erst eine Funktion, dann ein bestimmtes "Feld" mit einer ID (in den du den Text schreiben lässt) und rufst du Funktion bei MouseOver auf. In meinem Beispiel gehe ich jetzt davon aus, dass der Text wieder verschwinden soll, wenn du mit der Maus von dem Bild ebenfalls verschwindest.

Die Funktion (Die setzt du irgendwo in deine Seite, aber noch VOR dem Textfeld und VOR dem Bild (oder was auch immer). Am besten in den Header oder direkt unter <BODY ...>)

Code:

<script type="text/javascript">

   var tvar=0;
   function MachText(feld_text)
       {
         if (tvar==0)
          {
            document.getElementById('text_feld').innerHTML=feld_text;
            tvar=1;
          }
         else if (tvar==1)
          {
            document.getElementById('text_feld').innerHTML='[COLOR=blue]***[/COLOR] ';
            tvar=0;
          }
       }

</script>

Das Textfeld (Was du dafür verwendest, ist deine Sache. Ich würde einen DIV-Container empfehlen, weil es am flexibelsten ist.)

Code:

<div id="text_feld" style="position:relative;">[COLOR=blue]***[/COLOR] </div>

Wie du nun diesen Container sonst noch so formatierst, ist deine Sache, ne

Das Bildchen

Code:

<img src="blahblah.jpg"
    onMouseover="javascript:MachText('Dieser Text ist sinnlos, aber er wird trotzdem angezeigt.');"
    onMouseout="javascript:MachText('[COLOR=blue]***[/COLOR] ');">

Ich habs jetzt nicht getestet, müsste aber gehen. Und wenn es beim IE geht, dann gehts auch unter NC, OP und MOZ. Sollte es nicht gehen, meld dich nochmals.

DasD

EDIT:
umbrüche eingefügt. by Abraxax

**Spladderman** · 10.01.2004, 21:03

OK funktioniert ... Danke ..
Aber noch ne Frage .. Wie ändere ich die Schrift und den style des Textes der angezeigt wird ???

**Abraxax** · 10.01.2004, 21:13

OffTopic:
ich *VERSCHIEB* jetzt mal wieder zurück nach html/js , denn ein gesuch ist es ja jetzt nicht mehr ...

Wie ändere ich die Schrift und den style des Textes der angezeigt wird ???

definiere es mal genauer?

ansonsten sage ich einfach mal , dass du alles im css definieren kannst.

**Kropff** · 13.01.2004, 16:30

Wie ändere ich die Schrift und den style des Textes der angezeigt wird

Schrifttyp:

PHP-Code:


document.getElementById('text_feld').style.fontFamiliy

Farbe:

PHP-Code:


document.getElementById('text_feld').style.color

(dynamisch mit JavaScript)

PHP-Code:


<div id="text_feld" style="position:relative; color: #bla; font-family: bla;">

(mit CSS)
gruss
peter

Bei onmouseover Text einblenden !!