TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 24.10.2003, 10:19   #1
TP-Junior
 
Benutzerbild von Navacho
 
Registriert seit: Sep 2002
Ort: Herxheim b. Landau
Navacho macht alles soweit korrekt

Haben Select-Felder immer den höchsten z-index???


Hallo erstmal,

ich habe ein Problem (was auch sonst.
Und zwar habe ich ein Formular das ich nach Änderung eines Feldes sperren will. (Die Gründe seien jetzt mal dahingestellt und tun nichts zur Sache). Jedenfalls soll kein Feld mehr editierbar sein in diesem Formular.
Ich möchte den Parameter "disabled" nicht verwenden da sich dieser durch ausgegraute Felder bemerkbar macht (oder kann ich das vermeiden??? und zwar so das es im IE, NS und Opera tut?).
Na jedenfalls kommen wir nun zum eigentlichen Problem:
Ich möchte die Felder nach dem Ereignis onChange dadurch sperren, das ich einfach ein transparaentes gif über die Eingabefelder schiebe.


Hier der Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
function lockForm(){
document.lock.height = 200;
document.lock.width = 200;
}
-->
</script>
<style type="text/css">
<!--
#form { z-index:1; }
#box { position:absolute; top:0px; left:0px; z-index:2; }
-->
</style>
</head>

<body>

<div id="box"><img src="./test.gif" border="1" alt="0" name="lock"></div>

<div id="form">
<form action="test.html" method="get">
<input type="text" name="text" onChange="lockForm()"><br>
<input type="checkbox" name="check" value="check" onChange="lockForm()">Check<br>
<input type="radio" name="blah" value="test1" onChange="lockForm()">test1<br>
<input type="radio" name="blah" value="test2" onChange="lockForm()">test2<br>
<select name="blub" id="box2">
<option value="asdf">asdf</option>
<option value="asdfcom">asdf.com</option>
</select><br>
<textarea cols="2" rows="2" name="text" onChange="lockForm()"></textarea><br>
<input type="submit" name="send" value="senden">
</form>
</div>

</body>
</html>


Das witzige (oder ärgerliche, wie auch immer...) ist, das es bei allen genutzten Input-Types funzt und in allen drei Browsern (IE 6, NS 7.1, Opera 7.2). Nur das Select-Feld liegt über dem Bild und lässt sich folglich noch editieren. Und das auch nur im IE.

Haben die Select-Felder etwa tatsächlich immer den höchsten z-index??? Mache ich etwas falsch? Kann ich das auch anders lösen?

Greetz Nava
Navacho ist offline   Mit Zitat antworten


Alt 24.10.2003, 19:18   #2
TP-Senior
 
Benutzerbild von -XasS-
 
Registriert seit: Jun 2003
Ort: Hamburg
-XasS- macht alles soweit korrekt
und wenn du das z-index über css regelst?
Ich meine:

<style type="text/css">
#SelFeld {
position: absolute;
z-index: 1;
}
</style>

Und dem Bild dann wie allen ein darübergelegenen z-index verpassen.

Also so hätte ich das warscheinlich versucht.
__________________
Was ist braun und dreht sich im Kreis? ->frag mich doch!
-XasS- ist offline   Mit Zitat antworten
Alt 24.10.2003, 21:57   #3
TP-Moderator
 
Benutzerbild von Stuck Mojo
 
Registriert seit: Feb 2001
Ort: Helmstedt/Wolfsburg
Stuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKE
http://www.traum-projekt.com/forum/s...light=windowed

Gruss
Jan
Stuck Mojo ist offline   Mit Zitat antworten
Alt 25.10.2003, 00:36   #4
TP-Senior
 
Benutzerbild von -XasS-
 
Registriert seit: Jun 2003
Ort: Hamburg
-XasS- macht alles soweit korrekt
das geht echt nicht??
Das kann ich mir kaum vorstellen, dass dafür so ein Aufwand benötigt ist. Vielleicht probiere ich das demnächst mal aus...
__________________
Was ist braun und dreht sich im Kreis? ->frag mich doch!
-XasS- ist offline   Mit Zitat antworten
Alt 25.10.2003, 00:49   #5
TP-Moderator
 
Benutzerbild von Stuck Mojo
 
Registriert seit: Feb 2001
Ort: Helmstedt/Wolfsburg
Stuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKEStuck Mojo ist ein richtiges Arbeitstier - DANKE
Zitat:
Original geschrieben von -XasS-
das geht echt nicht??
Das kann ich mir kaum vorstellen, dass dafür so ein Aufwand benötigt ist. Vielleicht probiere ich das demnächst mal aus...
...mach das, wenn du die Zeit und Lust hast, ein bekanntes "Problem" nochmals zu entdecken
Aber mal im Ernst: Aus Spass haben die Leute von DHTML Lab und Microsoft die Artikel bestimmt nicht erstellt...
Stuck Mojo ist offline   Mit Zitat antworten
Alt 25.10.2003, 13:14   #6
TP-Junior
 
Benutzerbild von Navacho
 
Registriert seit: Sep 2002
Ort: Herxheim b. Landau
Navacho macht alles soweit korrekt
thx a lot ))
Navacho ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Haben Select-Felder immer den höchsten z-index??? Haben Select-Felder immer den höchsten z-index???
« Pull-Down-Menue + Code | Rahmen um Bild »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:04 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67