✔ Erweiterten Text innerhalb der gleichen Seite auf Klick einblenden?

[julchen]

Hallo,
ich möchte folgende realisieren und versuche es kurz zu beschreiben:

Ich habe innerhalb einer HTML Seite mehrere Schlagwörter oder Links. Normalerweise kann man ja auf den entsprechenden Link klicken und es öffnet sich eine neue Seite, wo der weitere Text zum Link erscheint. Ich möchte das ganze aber so machen, dass wenn ich auf den Link klicke, dass innerhalb der gleichen Seite, z. B. etwas weiter unten ein Bereich ist, in der entsprechende weitere Text zum obigen Link eingeblendet wird ohne das sich dafür eine neue Seite öffnet. Geht das überhaupt und wenn ja wie mache ich das?

LG
Julchen

 

[Loomis]

Muss das per Klick sein oder würde es reichen wenn man mit der Maus drüberfährt (hover) ?
Dann hätte ich nämlich was:
http://sura1.wordpress.com/2008/07/25/css-tooltips-erstellen-infoboxen-uber-html-elementen-teil-2/

//edit: Ich glaube per Klick ist das sogar nur mit Javascript möglich, lege mich aber nicht darauf fest.

 

[Maik]

Hi,

vielleicht kommt dir deinen Vorstellungen Stu Nicholls' Beispiel Show me some more.... entgegen, das ohne JS funktioniert.

mfg Maik

 

[hela]

Hallo,

Stu Nicholls Beispiel Show me some more.... funktioniert bei mir im Safari und Google Chrome nicht. Die entsprechenden Textstellen werden nur kurz sichtbar. Offensichtlich behandelt KHTML die focus-Pseudoklasse anders als der IE, Opera und Firefox. Eigentlich schade.

Ich würde die o.g. Aufgabe auch mit JavaScript lösen.

 

[Maik]

Hallo,

Stu Nicholls Beispiel Show me some more.... funktioniert bei mir im Safarin und Google Chrome nicht. Die entsprechenden Textstellen werden nur kurz sichtbar. Offensichtlich behandelt KHTML die focus-Pseudoklasse anders als der IE, Opera und Firefox. Eigentlich schade.

Ich wurde die o.g. Aufgabe auch mit JavaScript lösen.

Et voilà: Show me some more

mfg Maik

 

[julchen]

Hallo,
vielen Dank für die Tipps.

Ich hab das ganze mal umgesetzt. Leider hab ich jetzt das Problem, dass mir diese Funktion das Layout zerschießt. Kann mal jemand drauf schauen wo das Problem liegt, dass er den Footer nach oben schiebt und den Hintergrund nicht weiss lässt.

http://www.assedo.de/login/huntscha/vita/klaus_huntscha.html

Gruss
Julchen

 

[Maik]

Hi,

an der hinzugefügten Script-Funktion liegt es wohl kaum, dass das Layout zerschossen, und der Footer nach oben verrutscht ist.

Vielmehr liegt die Ursache im nicht ordnungsgemäßen Clearing der Floats - siehe hierzu meinen Webmaster-FAQ-Artikel CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

<div id="box_content" class="clearfix"> ... </div>

.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

mfg Maik

 

[julchen]

Danke!!

Danke dir für den Tipp. Es funktioniert!

Gruss
Julchen

 

[julchen]

Hallo,
eine Frage noch zu dem einblendbaren Text per Klick.
Ich habe es ausprobiert wie von StuNicholls beschrieben und mit normalem Text gehts auch. Wenn ich den Text aber in eine Tabelle packe kann ich den Text nicht ausblenden oder einblenden, sondern die Tabelle ist permanent eingeblendet.

Woran liegt es, bzw. gehts überhaupt mit Tabellen?

Gruss
Julchen

 

[Maik]

Hi,

wenn du alle involvierten / relevanten Klassen in die Tabelle übernommen hast, und es dennoch nicht funktioniert, wende dich mit dieser Frage doch bitte via Comments direkt an den Autor des Scripts.

mfg Maik