Text anklicken ==> anderer Text wird sichtbar?

Nach unten

Text anklicken ==> anderer Text wird sichtbar?

Beitrag  Gast am 18.06.08 17:23

Hallo!
Ich wollte fragen, ob (oder besser: wie) es möglich ist, dass man einen Text hat, auf den man klicken muss, um einen anderen zu zeigen, und einen anderen, um diesen wieder zu verstecken, also so:

A
(Zeigen) <--Beim Klick hierauf wird der rote Text gezeigt
(Verstecken) <--Beim Klick hierauf wird der rote Text nicht mehr gezeigt.
Aachen
Aal
ab

Gast
Gast


Nach oben Nach unten

Re: Text anklicken ==> anderer Text wird sichtbar?

Beitrag  Marco3993 am 18.06.08 18:53

Das müsste mit Javascirpt realisirbarsein^^ blos kp wie xD
avatar
Marco3993
Forum-Team
Forum-Team

Männlich Anzahl der Beiträge : 280
Alter : 24
Points : 3707
Anmeldedatum : 25.05.08

http://marco3993.de

Nach oben Nach unten

Re: Text anklicken ==> anderer Text wird sichtbar?

Beitrag  MG21 am 18.06.08 19:08

dazu braucht man html, css und javascript

du fägst diesen code in ein leeres textdokument ein, speicherst dies unter dem namen klapptext.js (dabei ist die Dateiendung JS wichtig!)

klapptext.js
Code:
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}

Diese Datei lädst du dann auf Webspace hoch

Danach fügst du diese in den head-Bereich deines HTML/PHP-Dokumentes ein:

Code:
<script type="text/javascript" src="klapptext.js"></script>
Dabei musst du halt den Pfad der Datei noch anpassen

In deinem Seiteninhalt musst du jedes Mal diesen Code nehmen:

Code:
<a href="javascript:anzeigen('div1');" class="ktext">Überschrift 1 (klick mich doch an)</a>
<div style="display: none;" id="div1">

Ich bin der ausgeklappte Text, wenn du auf die Überschrift klickst verschwinde ich wieder ;-)

</div>

<a href="javascript:anzeigen('div2');" class="ktext">Überschrift 2</a>
<div style="display: none;" id="div2">

Ich bin wieder ein ausgeklappter Text... :-)

</div>

Wenn du den Code erweiterst, musst du immer darauf achten, dass du div1, div2, div3 usw. benutzt.

Die Links und den Text kannst du noch mit CSS formatieren, wenn du willst... Wink

Aber sag bitte bescheid, ob es funktioniert! Smile


Wenn du unbedingt 2 verschiedene Links haben willst, dann schau dir das da mal an:

http://www.cybton.com/tutorials_show,tut,1232.html
avatar
MG21
Admin
Admin

Männlich Anzahl der Beiträge : 390
Alter : 29
Points : 3792
Anmeldedatum : 07.03.08

http://mg21.forumieren.de

Nach oben Nach unten

Re: Text anklicken ==> anderer Text wird sichtbar?

Beitrag  Gast am 19.06.08 12:41

Nö, brauch ich nicht unbedingt, zwei unterschiedliche Links.
Es klappt, danke Smile

Gast
Gast


Nach oben Nach unten

Re: Text anklicken ==> anderer Text wird sichtbar?

Beitrag  MG21 am 19.06.08 15:38

Gerne und danke fürs Feedback. Very Happy
avatar
MG21
Admin
Admin

Männlich Anzahl der Beiträge : 390
Alter : 29
Points : 3792
Anmeldedatum : 07.03.08

http://mg21.forumieren.de

Nach oben Nach unten

Re: Text anklicken ==> anderer Text wird sichtbar?

Beitrag  Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten