Frage An Webentwickler

#1 tobiasndw

Profi

Gruppe: aktive Mitglieder
Beiträge: 3.801
Beigetreten: 24. September 03
Reputation: 1
Geschlecht:Männlich

geschrieben 13. Juni 2004 - 09:28

Auf verschiedenen Ebay seiten zb beim Verkaufen oder auch bei verschiedenen Microsoft seiten, kann man "live" einzelne Webelemente auf- und zuklappen.

beispiel

Leistungsmerkmale u. Systemanforderungen können einfach so auf und zu geklappt werden ohne das die Seite neugeladen wird.

Hab mir den Quelltext auch schon mal angesehen, hab da aber nicht wirklich durchgesehen und würde mich freuen wenn mir jemand erklären könnte wie ich sowas realisieren kann.

Nach oben
Nach oben of the page up there ^

#2 phillymarx

Spezialist

Gruppe: aktive Mitglieder
Beiträge: 675
Beigetreten: 10. September 03
Reputation: 0
Wohnort:Barsinghausen

geschrieben 13. Juni 2004 - 09:54

So wie hier unten die Themenoptionen Eingefügtes Bild

?

Das geht mit einer Funktion in java script:

function ShowHide(id) {
	var itm = null;
	if (document.getElementById) {
  itm = document.getElementById(id);
	} else if (document.all) {
  itm = document.all[id];
	} else if (document.layers) {
  itm = document.layers[id];
	}

	if (!itm) {
  // do nothing
	} else if (itm.style) {
  if (itm.style.display == "none") {
 	 itm.style.display = "";
  } else {
 	 itm.style.display = "none";
  }
	} else {
  itm.visibility = "show";
	}
}

Das in den <head>-Bereich und in HTML folgendes machen: Du definierst eine Ebene, weist der eine ID zu und sagst ihr, dass sie anfangs nicht sichtbar sein soll. Daneben packst du einen Link, der auf diese Funktion zeigt und als Parameter die ID der Ebene enthält:
[code]
<html>
<head>
<script type="text/javascript">
function ShowHide(id) {
var itm = null;
if (document.getElementById) {
itm = document.getElementById(id);
} else if (document.all) {
itm = document.all[id];
} else if (document.layers) {
itm = document.layers[id];
}

if (!itm) {
// do nothing
} else if (itm.style) {
if (itm.style.display == "none") {
itm.style.display = "";
} else {
itm.style.display = "none";
}
} else {
itm.visibility = "show";
}
}
</script>
<body>
<div id="beispiel" style="display:none;">Haha, ich bin ein Text, der bei Aufruf der Seite nicht sichtbar ist. Erst, wenn du den Link klickst, werde ich sichtbar.</div>
<a href="javascript=ShowHide('beispiel')">Zeigen/Verstecken</a>.

Und in so eine Ebene kannst du alles, wirklich alles reinknallen: Sei es -wie hier- ein kleiner Text oder komplexe Tabellen...

Nach oben
Nach oben of the page up there ^

#3 tobiasndw

Profi

Gruppe: aktive Mitglieder
Beiträge: 3.801
Beigetreten: 24. September 03
Reputation: 1
Geschlecht:Männlich

geschrieben 13. Juni 2004 - 10:35

und wie bekomme ich es hin das die ebene immer ordentlich ausgerichtet ist egal wieviel HTML Tabellen/Text vorher vor der Ebene erzeugt wird. Und das das ganze im IE und Firefox auch halbwegs gleich aussieht und nicht total verrutscht?