[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-bugs-dist
Subject: Bug#23429: Problems with changing Layers
From: Manfred.Tremmel () iiv ! de
Date: 2001-03-31 21:44:43
[Download RAW message or body]
Package: konqueror
Version: 2.1.1 (using KDE 2.1.1 )
Severity: normal
Installed from: SuSE
Compiler: gcc version 2.95.2 19991024 (release)
OS: Linux
OS/Compiler notes: Not Specified
when changing Layers using xyz.style.zIndex is only shown when resizing the window. There's a refresh \
missing. I also have this problem when changing something in an other frame by JavaScript.
When using Input-Fileds on different layers, they are all shown on every layer...
Here's a little example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<title>Testseite</title>
</head>
<body bgcolor="blue">
<script language="javascript">
<!--
var tab_number=3
var hand_cursor="pointer";
if( navigator.userAgent.toLowerCase().indexOf("msie") != -1 )
{
hand_cursor="hand";
}
function restore_positions( )
{
var curr_index=tab_number;
for( i=1; i <= tab_number; i++ )
{
var tab = window.document.getElementById("tab" + i);
var ebene = window.document.getElementById("ebene" + i);
tab.style.zIndex=curr_index;
ebene.style.zIndex=curr_index--;
}
}
function showtab( number )
{
restore_positions();
var tab = window.document.getElementById("tab" + number);
var ebene = window.document.getElementById("ebene" + number);
tab.style.zIndex=99;
ebene.style.zIndex=99;
}
function mousedrueber( number )
{
var tab = window.document.getElementById("tab" + number);
tab.style.textDecoration="underline";
tab.style.color="blue";
tab.style.cursor=hand_cursor;
}
function mouseraus( number )
{
var tab = window.document.getElementById("tab" + number);
tab.style.textDecoration="none";
tab.style.color="black";
}
// -->
</script>
<div id="ebene1" class="ebene" style="position:absolute; width:450px; height:350px; left:10px; \
top:28px; background-color:lightyellow; border-width:thin; border-style:outset; border-color:black; \
z-index:99; ">Karte 1<br>Testinput 1: <input type="text" name="test1" size="8" maxlength="8"></div> \
<div id="tab1" class="tab" style="color:black; text-decoration:none; position:absolute; width:98px; \
text-align:center; background-color:lightyellow; left:10px; top:10px; height:20px; \
border-left-width:thin; border-top-width:thin; border-right-width:thin; border-bottom-width:0pt; \
border-style:outset; border-color:black; z-index:99; " onmouseover="javascript:mousedrueber(1)" \
onmouseout="javascript:mouseraus(1)" onclick="javascript:showtab(1)">Tab 1</div> <div id="ebene2" \
class="ebene" style="position:absolute; width:450px; height:350px; left:10px; top:28px; \
background-color:lightyellow; border-width:thin; border-style:outset; border-color:black; z-index:2; \
">Testinput 2: <input type="text" name="test2" size="10" maxlength="10"></div> <div id="tab2" \
class="tab" style="color:black; text-decoration:none; position:absolute; width:98px; text-align:center; \
background-color:lightyellow; left:110px; top:10px; height:20px; border-left-width:thin; \
border-top-width:thin; border-right-width:thin; border-bottom-width:0pt; border-style:outset; \
border-color:black; z-index:2; " onmouseover="javascript:mousedrueber(2)" \
onmouseout="javascript:mouseraus(2)" onclick="javascript:showtab(2)">Tab 2</div> <div id="ebene3" \
class="ebene" style="position:absolute; width:450px; height:350px; left:10px; top:28px; \
background-color:lightyellow; border-width:thin; border-style:outset; border-color:black; z-index:1; \
">Karte 3<br> <br><br>Testinput 3: <input type="text" name="test3" size="25" maxlength="25"></div> \
<div id="tab3" class="tab" style="color:black; text-decoration:none; position:absolute; width:98px; \
text-align:center; background-color:lightyellow; left:210px; top:10px; height:20px; \
border-left-width:thin; border-top-width:thin; border-right-width:thin; border-bottom-width:0pt; \
border-style:outset; border-color:black; z-index:1; " onmouseover="javascript:mousedrueber(3)" \
onmouseout="javascript:mouseraus(3)" onclick="javascript:showtab(3)">Tab 3</div> </body>
</html>
(Submitted via bugs.kde.org)
(Called from KBugReport dialog. Fields OS manually changed)
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic