Skip to content
This repository has been archived by the owner on Apr 20, 2023. It is now read-only.

Commit

Permalink
Add workaround, commented out
Browse files Browse the repository at this point in the history
  • Loading branch information
Jason Johnston committed Jul 19, 2010
1 parent d619c5f commit 4a4246b
Showing 1 changed file with 121 additions and 113 deletions.
234 changes: 121 additions & 113 deletions tests/submitted/issue41.html
View file
Expand Up @@ -5,152 +5,160 @@
<title>Unbenanntes Dokument</title> <title>Unbenanntes Dokument</title>
<style> <style>
div.box { div.box {
position:relative; position:relative;
float:left; float:left;
width:220px; width:220px;
height:240px; height:240px;
margin:5px; margin:5px;
padding:0; padding:0;
} }
div.drmbox { div.drmbox {
background-color:white; background-color:white;
border:1px solid silver; border:1px solid silver;
-moz-border-radius: 4px; /* Firefox */ -moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari and Chrome */ -webkit-border-radius: 4px; /* Safari and Chrome */
border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 4px 4px 4px #CCCCCC; /* Firefox */ -moz-box-shadow: 4px 4px 4px #CCCCCC; /* Firefox */
-webkit-box-shadow: 4px 4px 4px #CCCCCC; /* Safari and Chrome */ -webkit-box-shadow: 4px 4px 4px #CCCCCC; /* Safari and Chrome */
box-shadow: 4px 4px 4px #CCCCCC; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ box-shadow: 4px 4px 4px #CCCCCC; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(../../build/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ behavior: url(../../build/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
} }




.con { .con {
display:none; display:none;
clear:left; clear:left;
} }


#con_1 .box { #con_1 .box {
background-color:green; background-color:green;
} }
#con_2 .box { #con_2 .box {
background-color:yellow; background-color:yellow;
} }
#con_3 .box { #con_3 .box {
background-color:blue; background-color:blue;
} }
#con_4 .box { #con_4 .box {
background-color:silver; background-color:silver;
} }


ul li { ul li {
float:left; float:left;
list-style:none; list-style:none;
padding: 3px 6px; padding: 3px 6px;
border: 1px solid silver; border: 1px solid silver;
cursor:pointer; cursor:pointer;
} }


ul li.active { ul li.active {
background-color:#DDDDDD; background-color:#DDDDDD;
float:left; float:left;
list-style:none; list-style:none;
padding: 3px 6px; padding: 3px 6px;
border: 1px solid silver; border: 1px solid silver;
cursor:pointer; cursor:pointer;
} }
</style> </style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready (function () { $(document).ready (function () {
$('.caller').each (function () { function refresh(cont) {
$(this).bind ('click, mouseover', function () { //workaround: if($.browser.msie) $( cont + ' .box').each( function() { this.fireEvent('onmove') } );
$('.caller').removeClass('active'); }
$(this).addClass('active');
}); $('.caller').each (function () {
}); $(this).bind ('click, mouseover', function () {
$('#caller_con_1').bind ('click', function () { $('.caller').removeClass('active');
$('.con').css ('display', 'none'); $(this).addClass('active');
$('#con_1').css ('display', 'block'); });
}); });
$('#caller_con_2').bind ('click', function () { $('#caller_con_1').bind ('click', function () {
$('.con').css ('display', 'none'); $('.con').css ('display', 'none');
$('#con_2').css ('display', 'block'); $('#con_1').css ('display', 'block');
}); refresh('#con_1');
$('#caller_con_3').bind ('click', function () { });
$('.con').css ('display', 'none'); $('#caller_con_2').bind ('click', function () {
$('#con_3').css ('display', 'block'); $('.con').css ('display', 'none');
}); $('#con_2').css ('display', 'block');
$('#caller_con_4').bind ('click', function () { refresh('#con_2');
$('.con').css ('display', 'none'); });
$('#con_4').css ('display', 'block'); $('#caller_con_3').bind ('click', function () {
}); $('.con').css ('display', 'none');
}); $('#con_3').css ('display', 'block');
refresh('#con_3');
});
$('#caller_con_4').bind ('click', function () {
$('.con').css ('display', 'none');
$('#con_4').css ('display', 'block');
refresh('#con_4');
});
});
</script> </script>


</head> </head>
<body> <body>
<ul> <ul>
<li id="caller_con_1" class="caller">Show container 1</li> <li id="caller_con_1" class="caller">Show container 1</li>
<li id="caller_con_2" class="caller">Show container 2</li> <li id="caller_con_2" class="caller">Show container 2</li>
<li id="caller_con_3" class="caller">Show container 3</li> <li id="caller_con_3" class="caller">Show container 3</li>
<li id="caller_con_4" class="caller">Show container 4</li> <li id="caller_con_4" class="caller">Show container 4</li>
<div style="clear:left;"></div> <div style="clear:left;"></div>
</ul> </ul>


<div id="con_1" class="con"> <div id="con_1" class="con">
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
</div> </div>
<div id="con_2" class="con"> <div id="con_2" class="con">
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
</div> </div>
<div id="con_3" class="con"> <div id="con_3" class="con">
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
</div> </div>
<div id="con_4" class="con"> <div id="con_4" class="con">
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
<div class="box drmbox">hello world</div> <div class="box drmbox">hello world</div>
</div> </div>


</body> </body>
</html> </html>

0 comments on commit 4a4246b

Please sign in to comment.