mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 15:24 Benutzername: Passwort: Auto-Login

Thema: Textwechsel mit JS vom 20.04.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Textwechsel mit JS
Autor Nachricht
easteregg
Threadersteller

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 28
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:34
Titel

Textwechsel mit JS

Antworten mit Zitat Zum Seitenanfang

Hi,
ich möchte mit JS bei einem Mouseover einen Text wechseln lassen.

Anwendungsbeispiel: Ich habe 4 Bilder, und einen Text. Wenn man über Bild1 fährt soll sich der Text passend ändern, das gleiche bei Bild2 (Text zu Bild2), etc..

Dazu habe ich hier das gefunden: http://www.mediengestalter.info/viewtopic.php?t=7285

Allerdings ist ein Fade-Wechsel nicht nötig *ha ha*

Ich freue mich schon auf euere Antworten und bedanke mich im Vorraus,
easteregg
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

leg den text in nen div mit einmaliger id und greif via
Code:
 document.getElementById('IDHALT').innerHTML=blablabla;

darauf zu....
  View user's profile Private Nachricht senden
Anzeige
Anzeige
easteregg
Threadersteller

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 28
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:43
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, nur habe ich keinen Plan von JS und weiß nicht, wohin mit dem Code *Schnief*

Wär nett, wenn jemand das vollständige JS posten könnte Lächel

MfG,
easteregg
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:50
Titel

Antworten mit Zitat Zum Seitenanfang

da der Bereich, in dem der Text steht...
Code:
<div style=position:absolute; top:188px; left:210px; class=hitsheader id=blabla>TEXT1</div>


dann dein Bild mit Javascript onClick....
Code:
<img src=bla2 style=cursor:pointer onClick=document.getElementById('balbla').innerHTML='TEXT2';>
bzw..
<img src=bla3 style=cursor:pointer onClick=document.getElementById('balbla').innerHTML='TEXT3';>
usw
  View user's profile Private Nachricht senden
easteregg
Threadersteller

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 28
Geschlecht: Männlich
Verfasst Di 20.04.2004 14:54
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank Lächel

MfG,
easteregg
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.