✔ select bleibt im vordergrund

[ZeroEnna]

Hallo allerseits

Ich bin gerade daran einen kleinen Kalender mit AJAX zu realisieren. Nun bin ich auf folgendes Problem gestossen:
Zwischen den einzelnen Aktionen (also beim Laden) überziehe ich das Browserfenster mit einem halbtransparenten DIV das einen Ladebalken enthält. Im Firefox funktioniert alles einwandfrei, dort verschwinden alle Elemente hinter das DIV. Beim InternetExplorer aber, bleiben sämtliche Select-Felder im Vordergrund.
Die Tabelle mit den Select-Feldern und der Ladescreen sind in zwei separaten DIV-Feldern denen ich auch die entsprechenden Z-Index Werte zugewiesen habe. Ich habe auch schon versuch den Select-Fldern direkt den Z-Index zu zu weisen, dies hat aber auch nicht funktioniert.

Habt ihr vielleicht eine Idee wie man das ganze lösen könnte?

mfG
ZeroEnna

 

[Quaese]

Hi,

wenn du die halbtransparente Ebene einblendest, könntest du zum Beispiel per JavaScript alle
Select-Gruppen disablen. Blendest du die Ebene wieder aus, enablest du die Elemente wieder.

Folgende Routine schaltet alle Select-Gruppen von aktiviert auf deaktiviert bzw. umgekehrt.

function switchSelects(){
  // Kollektion aus allen Selects erstellen
  var arrSelect = document.getElementsByTagName("select");

  // Kollektion durchlaufen
  for(var i=0; i<arrSelect.length; i++){
    // En- bzw. disablen
    arrSelect[i].disabled = !(arrSelect[i].disabled);
  }
}

Vielleicht hilft dir das weiter.

Ciao
Quaese

 

[ZeroEnna]

Erstmal, vielen Dank für deine Hilfe.

Das mit dem disablen habe ich auch schon gemacht. Ich will die Select-Felder aber unbedingt in den Hintergrund stellen, weil der Ladescreen sonst ziemlich hässlich aussieht.

 

[Quaese]

Vielleicht nicht nur disablen, sondern zusätzlich noch ausblenden.

function switchSelects(){
  // Kollektion aus allen Selects erstellen
  var arrSelect = document.getElementsByTagName("select");

  // Kollektion durchlaufen
  for(var i=0; i<arrSelect.length; i++){
    // En- bzw. disablen
    arrSelect[i].disabled = !(arrSelect[i].disabled);
    arrSelect[i].style.visibility = (arrSelect[i].disabled)?"hidden":"visible";
  }
}

Ciao
Quaese

 

[Quaese]

Hi,

ich muss mich korrigieren.

Das Deaktivieren der Select-Gruppen würde ich doch nicht in Erwägung ziehen, da beim Versenden
des Formulares die Werte nicht mit übermittelt werden.

Vielleicht nur ausblenden. Dazu müssten die Select-Gruppen im onload-Event die CSS-Eigenschaft
visibility: visible zugewiesen bekommen.

Der JavaScript-Teil könnte folgendermassen aussehen:

function setVisible(){
  // Kollektion aus allen Selects erstellen
  var arrSelect = document.getElementsByTagName("select");

  // Kollektion durchlaufen
  for(var i=0; i<arrSelect.length; i++){
    arrSelect[i].style.visibility = "visible";
  }
}

function switchSelects(){
  // Kollektion aus allen Selects erstellen
  var arrSelect = document.getElementsByTagName("select");

  // Kollektion durchlaufen
  for(var i=0; i<arrSelect.length; i++){
    // En- bzw. disablen
    arrSelect[i].style.visibility = (arrSelect[i].style.visibility=="visible")?"hidden":"visible";
  }
}

window.onload = setVisible;

Ciao
Quaese

 

[ZeroEnna]

Wird mir wohl nichts aderes übrig bleiben als die selects auf invisible zu setzen.
Ist zwar nicht die eleganteste Lösung, aber es hilft erst mal.

Vielen Dank für deine Hilfe!

mfG
ZeroEnna

 

[Maik]

Der Thread wird nachträglich ins Javascript-Forum verschoben