FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: text mit javascript bei klick einblenden vom 10.11.2008

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> text mit javascript bei klick einblenden
	Seite: Zurück 1, 2, 3

Autor

Nachricht

dennisfreud

Dabei seit: 13.11.2008
Ort: Teneriffa
Alter: -
Geschlecht: Männlich

Verfasst Fr 14.11.2008 14:15
Titel

Eureka!

ich habs selbst hingekriegt - hier also für alle:

Div ein / ausblenden...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/javascript">

</script></head>

<body>
<a href="#" onClick="einblenden('start'); return false;">klick</a>

<div id="start" style="display:none">Start</div>
...
</body>
</html>

have fun
Dennis

m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Fr 14.11.2008 15:32
Titel

dennisfreud hat geschrieben:

Was ich eigenlich suche ist eine Möglichkeit einen div beliebig oft ein- und wieder auszublenden den

Code:

function toggle(el) {
el = document.getElementById(el);
el.style.display = el.style.display != 'none' ? 'none' : '';
}

Code:

toggle('IdDesElementes')

Zuletzt bearbeitet von m am Fr 14.11.2008 15:33, insgesamt 1-mal bearbeitet

dennisfreud

Dabei seit: 13.11.2008
Ort: Teneriffa
Alter: -
Geschlecht: Männlich

Verfasst Sa 15.11.2008 14:09 Titel

Hallo m. Kurz und knackig. Danke. Jetzt muss ich nur noch 2,5 Jahre JS studieren um zu verstehen was da abgeht

m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Sa 15.11.2008 14:43
Titel

dennisfreud hat geschrieben:

Jetzt muss ich nur noch 2,5 Jahre JS studieren um zu verstehen was da abgeht *zwinker*

Naja, so schwer ist es dann nun auch wieder nicht *zwinker*

Code:

el = document.getElementById(el);

http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id

Code:

el.style.display = el.style.display != 'none' ? 'none' : '';

http://de.selfhtml.org/javascript/objekte/style.htm#allgemeines

Code:

el.style.display != 'none' ? 'none' : ''

ist eine andere Form für ein if/else statement (tertiäre schreibweise)

if bedingung ? then : else;

Zuletzt bearbeitet von m am Sa 15.11.2008 14:44, insgesamt 1-mal bearbeitet

	Seite: Zurück 1, 2, 3
	MGi Foren-Übersicht -> Allgemeines - Nonprint

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.