mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 23.04.2024 19:43 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: 36
Geschlecht: Männlich
Verfasst Di 20.04.2004 15: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: 39
Geschlecht: Männlich
Verfasst Di 20.04.2004 15: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: 36
Geschlecht: Männlich
Verfasst Di 20.04.2004 15: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: 39
Geschlecht: Männlich
Verfasst Di 20.04.2004 15: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: 36
Geschlecht: Männlich
Verfasst Di 20.04.2004 15: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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB