nicht angemeldet
Device Listing
Hi!
Ich möchte ein Device Listing erstellen wo alle meine Projektboards angezeigt werden.
(Die IP-Adressen werden später aus einem C++ File ausgelesen.)
Wenn man die Seite so öffnet kommt als Überschrift Area (entspricht der 2ten Stelle der IP-Adresse).
Dann als Optiongroup Bank (3te Stelle).
Diese Listenfelder werden dann für eine Auswahl hergenommen, nicht nur zum Auflisten.
Nur ist es nicht möglich eine Optiongroup auszuwählen so dass alle Elemente unterhalb ebenfalls selektiert werden.
Gibts da sowas wie verschachtelte Listen???
Schön wärs natürlich wenn man die Area in ein einzeiliges Listenfeld schreiben kann.
Danach die Bank ein wenig eingerückt in ein einzeiliges Listenfeld und dann die IP-Adressen selbst wieder eingerückt.
So dass die Anordnung ungefähr so aussieht wie manns im File schon erkennen kann.
Ich möchte nämlich später den Aufbau wie im Explorer gestalten mit Plus und Minus Button davor zum Ein und Ausblenden,
damit die Seite nicht zu lang wird.
Und dann gibts noch ein Problem.
Und zwar wenn ich das File so schreibe und dann ausführe, wird immer eine neue Seite geöffnet wo der JS-Code drin steht bzw die anderen Elemente die direkt im HTML drin stehen werden überschrieben.
Kann man dass so einrichten dass das JS die dynamisch generierten Elemente in eine für diesen Zweck erstellte Tabelle schreibt?
************************************************************************************
<html>
<head>
<title></title>
<link rel="stylesheet" media="screen" id="CSS" type="text/css" href="styles.css">
<link rel="stylesheet" media="print, embossed" type="text/css" href="print.css">
<link rel="stylesheet" media="handheld" type="text/css" href="handheld.css">
</head>
<script type="text/JavaScript">
function IPList(){
var Start = 0;
var Next = 0;
var Entry = 0;
var DevList = new Array("123.456.789.012"," 1. 2. 3. 4"," 1. 1. 3. 4"," 1. 2. 2. 3"," 1. 3. 1. 1"," 1. 2. 3. 1"," 1. 1. 2. 1");
DevList.sort();
document.writeln("<body><form name=JackpotIP>");
document.writeln("<table><tr><td>Area "+DevList[Next].slice(4,7)+"</td></tr><tr><td>");
document.writeln("<select name='list"+Entry+"' size='"+DevList.length+"'><optgroup label='bank"+DevList[ 0 ].slice(8,11)+"'></optgroup>");
while(Next < DevList.length){
do{
document.JackpotIP.elements[Entry].options[document.JackpotIP.elements[Entry].length]= new Option(DevList[Next]);
Next++;
if(Next == DevList.length){
break;
}
if(DevList[Next-1].slice(4,7) == DevList[Next].slice(4,7) && DevList[Next-1].slice(8,11) != DevList[Next].slice(8,11)){
document.writeln("<optgroup label='bank"+DevList[Next].slice(8,11)+"'></optgroup>");
}
}
while(DevList[Start].slice(4,7) == DevList[Next].slice(4,7));
Entry++;
if(Next != DevList.length){
document.writeln("</select></td></tr></table>");
document.writeln("<table><tr><td>Area "+DevList[Next].slice(4,7)+"</td><tr><tr><td>");
document.writeln("<select name='list"+Entry+"' size='10'><optgroup label='bank"+DevList[Next].slice(8,11)+"'></optgroup>");
}
Start = Next;
}
document.writeln("</select></td></tr></table>");
document.writeln("</form></body></html>");
}
</script>
<body bgcolor="#FFFFFF" text="#000000" onload="javascript:IPList()">
<input type="button" value="For Test">
<form name="JackpotIP">
</form>
</body>
</html>
-
Ich möchte ein Device Listing erstellen wo alle meine Projektboards angezeigt werden.
(Die IP-Adressen werden später aus einem C++ File ausgelesen.)
Wenn man die Seite so öffnet kommt als Überschrift Area (entspricht der 2ten Stelle der IP-Adresse).
Dann als Optiongroup Bank (3te Stelle).Bitte, deine Formulierungen verwirren, da sie mit dem Problem ja nichts zu tun haben. Es wäre sinnvoll dieses auf das zu kürzen was du wirklich willst.
Nur ist es nicht möglich eine Optiongroup auszuwählen so dass alle Elemente unterhalb ebenfalls selektiert werden.
Erst willst du eine select Auswahlliste, jetzt eine Optiongroup, dass sind zwei verschiedenen Dinge.
Gibts da sowas wie verschachtelte Listen???
Nein.
Schön wärs natürlich wenn man die Area in ein einzeiliges Listenfeld schreiben kann.
???
Kann man dass so einrichten dass das JS die dynamisch generierten Elemente in eine für diesen Zweck erstellte Tabelle schreibt?
Ja kann man, eventuell.
<script type="text/JavaScript">
function IPList(){var Start = 0;
var Next = 0;
var Entry = 0;
var DevList = new Array("123.456.789.012"," 1. 2. 3. 4"," 1. 1. 3. 4"," 1. 2. 2. 3"," 1. 3. 1. 1"," 1. 2. 3. 1"," 1. 1. 2. 1");DevList.sort();
document.writeln("<body><form name=JackpotIP>");
document.writeln("<table><tr><td>Area "+DevList[Next].slice(4,7)+"</td></tr><tr><td>");
document.writeln("<select name='list"+Entry+"' size='"+DevList.length+"'><optgroup label='bank"+DevList[ 0 ].slice(8,11)+"'></optgroup>");while(Next < DevList.length){
do{
document.JackpotIP.elements[Entry].options[document.JackpotIP.elements[Entry].length]= new Option(DevList[Next]);
Next++;if(Next == DevList.length){
break;
}Das ist ziemlicher Murks. erstens sind deine Schleifen konstrukte undurchschaubar.
bzw. was macht das do da?
Dann kannst du nicht etwas benutzen was noch nicht da ist (document.JackpotIP)
Du musst erst das dokument generieren, bevor du auf die Elemente zugreifen kannst.Danbenen scheint mir dein Formular auch nicht richtig zu sein, <select> ist ein Select Auswahlfeld und eine Auswahl ist ein <option>, ich seh aber keine, du erzeugst also ein Haufen Auswahllisten?
Und du willst dort je nach Wahl etwas automatisch auswählen? mehrere Felder? (da zu musst du in der select Definition 'multiple' angeben).Wie du das machst steht in selfhtml http://selfhtml.teamone.de/javascript/objekte/index.htm
Wie gesagt eine verständlich formulierte Frage mit ein bisschen relevanten Code, würde es einfacher machen bei deinem Problem zu helfen.
Struppi.
-
Dann kannst du nicht etwas benutzen was noch nicht da ist (document.JackpotIP)
Das steht weiter unten direkt im HTML-Code.
Das mit <select multiple> is mir schon klar.
Hab anscheinend eine frühere Version gepostet wos noch nicht drin steht.
Is ja aber auch nicht so relevant.Es war ja nur die Frage ob man eine Optiongroup selektieren kann.
Wenn das gehen würde, was es nicht tut ... soviel ich bis jetzt bei SelfHTML glesen hab, würde es mir das ganze erleichtern.
Soll halt nicht sein.Wie gesagt eine verständlich formulierte Frage mit ein bisschen relevanten Code, würde es einfacher machen bei deinem Problem zu helfen.
Am besten wäre so ein Verschachtelungssystem wie in diesem Forum.
Nur sollen die Einträge, in meinem Fall die IP-Adressen nicht als Link dargestellt werden sondern in einer Liste damit man mehrere gleichzeitig auswählen kann.
Checkboxen neben jedem Eintrag wäre zu viel Arbeit für den Benutzer.Neben dem was ich als Bank definiert hab könnte ruhig eine Checkbox sein ... dass wär nicht gar so viel Aufwand.
mfg
-