+++ /dev/null
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html dir="rtl">
- <head>
- <title>testing Core HTML/DOM/CSS/Style utils</title>
- <style type="text/css">
- @import "../../resources/dojo.css";
- </style>
- <script type="text/javascript"
- src="../../dojo.js"
- djConfig="isDebug: true"></script>
- <script type="text/javascript">
- dojo.require("doh.runner");
-
- dojo.addOnLoad(function(){
- doh.register("t",
- [
- function coordsWithVertScrollbar(t){
- // show vertical scrollbar
- dojo.byId("rect_vert").style.display = "";
- try{
- t.is(100, dojo.coords('rect100').x);
- }finally{
- dojo.byId("rect_vert").style.display = "none";
- }
- },
-
- function coordsWithHorzScrollbar(t){
- // show horizonal scrollbar & scroll a bit left
- dojo.byId("rect_horz").style.display = "";
- scrollBy(-50, 0);
- try{
- t.is(100, dojo.coords('rect100', true).x);
- }finally{
- dojo.byId("rect_horz").style.display = "none";
- }
- },
-
- function eventClientXY(t){ // IE only test
- if(dojo.isIE){
- // show vertical scrollbar
- dojo.byId("rect_vert").style.display = "";
-
- var rect = dojo.byId("rect100");
- var assertException = null;
-
- function rect_onclick(e){
- // move the rectangle to the mouse point
- rect.style.left = e.pageX + "px";
- rect.style.top = e.pageY + "px";
- window.alert("Do NOT move your mouse!!!\n\n" +
- "The black rectangle's top-left point should be under the mouse point.\n\n" +
- "If not, you will see a failure in the test report later.\n\n" +
- "Now press the space bar, but do NOT move your mouse.");
- rect.fireEvent('ondblclick');
- }
-
- function rect_ondblclick(){
- // test if the rectangle is really under the mouse point
- try{
- t.is(0, event.offsetX);
- t.is(0, event.offsetY);
- }catch (e){ // allow the exception in a event handler go to the event firer
- assertException = e;
- }
- }
-
- dojo.connect(rect, "onclick", null, rect_onclick);
- dojo.connect(rect, "ondblclick", null, rect_ondblclick);
- window.alert("Move the mouse to anywhere in this page, and then press the space bar.");
- rect.fireEvent('onclick');
- if(assertException != null){
- throw assertException;
- }
- }
- }
-
- ]
- );
- doh.run();
- });
- </script>
- <style type="text/css">
- #rect100 {
- background-color: black;
- color: white;
- position: absolute;
- left: 100px;
- top: 100px;
- width: 100px;
- height: 100px;
- border: 0px;
- padding: 0px;
- margin: 0px;
- overflow: hidden;
- }
-
- </style>
- </head>
- <body>
- <h1>testing Core HTML/DOM/CSS/Style utils</h1>
- <div id="rect100">
- 100px rect, abs,
- mouse point is at top-left after the test "eventClientXY"
- </div>
- <div id="rect_vert" style="height:1600px;display:none">show vertical scrollbar</div>
- <div id="rect_horz" style="width:1600px;display:none">show horizonal scrollbar</div>
- </body>
-</html>
-
projects / eow / blobdiff