✔ Auswahl per Javascript

M

Marderpfote

Grünschnabel
Hallo!

ich habe ein Javascript Menue. Das ist ja noch nichts spektakuläres. Ich habe eine Tabelle mit verschiedenen Einträgen. Das Menue ist so aufgebaut, das ich bestimmte Kriterien mir anzeigen lassen kann.

Beispiel:

Menue --> Unterpunkt 1 --> Unterpunkt 2

Die Tabelle hat die Einträge:

Name Bla

Unterpunkt 1 Datenblabla

Unterpunkt 2 Datenbla


Kann ich per Javascript nur die Bereiche anzeigen lassen, die ich sehen möchte? Also wenn ich auf Untermenue 1 klicke, zeigt die Tabelle auch nur die entsprechenden Einträge.

Das Problem hierbei ist nun: Die Tabelle befindet sich in einer seperaten HTML Datei und das Menue ist ebenfalls eine andere HTML Datei. Aufgebaut ist das ganze in Frames mit einem Frame fürs Menue und einem Frame für die Tabelle.

Könnte das Ganze in eine HTML Datei packen. Aber würde das auch mit der oben beschriebenen Struktur funktionieren? Oder ist JavaScript hierfür nicht ausgerichtet?
 
Das ganze könnte Problemlos in eine Datei. Die Menus sollten mit JavaScript durchaus realisierbar sein.

Ich weiß jetzt nicht genau was du willst, denn das waren deine einzigen Fragen.

Einfach alles in einem Dokument so plazieren, wie du es willst, das, was erst bei Klick angezeigt wird mit style="display:none" verstecken, ihm ne Id geben und dann mit dieser Funktion bei Bedarf ein- und ausblenden:
HTML: 
function swap(strId) {
 	obj = document.getElementById(strId);
 	obj.style.display = obj.style.display == 'none' ? 'block' : 'none';
 }
 
Zuletzt bearbeitet:
aber dann wird die datei mit der zeit viel zu groß. und die verwaltung ist etwas kompliziert.

denke ich werds mit php und ner mysqldatenbank machen. aber danke für den tipp!
 
Achso, dann habe ich dich falsch verstanden, sorry. Ich dachte du wolltest alles in einer Datei haben.

Okay, was mir dann sontan so einfallen würde ist, du lädst die anderen Dateien in verstecktend Iframes und liest deren Inhalt mittels window.iFrameName.document.getElementByWasAuchImmer.innerHTML; aus und fügst in da ein, wo du ihn brauchst. Wenn du die Dateien clever aufgebaut hast sollte das relativ leicht von der Hand gehen.
 
Inhalt der Datei mit dem Menü:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head><title>Untitled</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   
   <script type="text/javascript"><!--
   	function swapContent(strId) {
   		var obj = document.getElementById(strId);
 		obj.innerHTML = obj.innerHTML ? '' : window.loader.document.getElementById(strId).innerHTML;
   	}
   //--></script>
   
   </head><body>
   
   <iframe name="loader" src="menudata.htm" style="display:none"></iframe>
   
   <div>
   	<div style="font-weight:bold;text-decoration:underline">Menü</div>
   		
   	<div onclick="swapContent('upunkt1')">Unterpunkt1</div>
   	<div id="upunkt1"></div>
   	
   	<div onclick="swapContent('upunkt2')">Unterpunkt2</div>
   	<div id="upunkt2"></div>
   </div>	
   
 </body></html>
Inhalt der menudata.htm (Datei, die im versteckten iFrame geladen wird):
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head><title>Untitled</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   
   </head><body>
   
   <div id="upunkt1">
   	<div style="margin-left:3%">Element1</div>
   	<div style="margin-left:3%">Element2</div>
   	<div style="margin-left:3%">Element3</div>
   </div>
   <div id="upunkt2">
   	<div style="margin-left:3%">Element1</div>
   	<div style="margin-left:3%">Element2</div>
   	<div style="margin-left:3%">Element3</div>
   </div>
   
 </body></html>
Wichtig dabei ist, dass der Inhalt des versteckten iFrames, also in meinem Beispiel die Datei "menudata.html" auf der gleichen liegen muss, wie die Datei in der der Inhalt eingefügt werden soll. Auf die Tour kannst du also nicht rigentwelche Elemente von z.B. google.com auslesen, sondern nur von deiner eigenen Domain.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück