swat.obsolete/apps/qooxdoo-examples/test/CrossBrowser_1.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <fieldset style="padding:3px; background-color:#fff; text-align:right"><legend style="color:red">Outer</legend>
  16     <span style="color:blue; font-style:italic">Margin</span>
  17     <fieldset style="margin:3px 10px; padding:3px 10px; background-color:#bbb"><legend style="color:red">Box</legend>
  18     <span style="color:blue; font-style:italic">Inset (Border + Scrollbar)</span>
  19     <fieldset style="margin:3px 10px; padding:3px 10px; background-color:#999"><legend style="color:red">Area</legend>
  20     <span style="color:blue; font-style:italic">Padding</span>
  21     <fieldset style="margin:3px 10px; padding:3px 10px; background-color:#666"><legend style="color:red">Inner</legend>
  22     </fieldset>
  23     </fieldset>
  24     </fieldset>
  25     </fieldset>
  26   </div>
  27
  28   <div style="margin-left:200px;margin-right:400px; margin-top: 30px;">
  29 Mit seiner Aufnahme in die Elite war Knechts Leben auf eine andre Ebene verpflanzt, es war der erste und entscheidende Schritt in seiner Entwicklung geschehen. Es geht durchaus nicht allen Elitesch�lern so, da� die amtliche Aufnahme in die Elite mit dem innern Erlebnis der Berufung zusammenf�llt. Das ist Gnade, oder wenn man es banal ausdr�cken will: es ist ein Gl�cksfall. Wem er begegnet, dessen Leben hat ein Plus, so wie der ein Plus besitzt, dem ein Gl�cksfall besonders gl�ckliche Gaben an Leib und See le mitgegeben hat. Die meisten Elitesch�ler, ja beinahe alle, empfinden zwar ihre Wahl als ein gro�es Gl�ck, als eine Auszeichnung, auf die sie stolz sind, und sehr viele von ihnen haben sich auch diese Auszeichnung vorher gl�hend erw�nscht. Aber der �bergang von der gew�hnlichen heimatlichen Schule in die Schulen von Kastalien f�llt den meisten Auserw�hlten dann doch schwerer, als sie gedacht h�tten, und bringt manchen unerwartete Entt�uschungen. Vor allem ist der �bergang f�r alle jene Sch�ler, die in i hrem Elternhaus gl�cklich und geliebt waren, ein sehr schwerer Abschied und Verzicht, und so kommt denn auch, namentlich w�hrend der beiden ersten Elitejahre, eine nicht unbetr�chtliche Zahl von R�ckversetzungen vor, deren Grund nicht ein Mangel an Begabung und Flei�, sondern Unf�higkeit der Sch�ler ist, sich mit dem Internatsleben und vor allem mit dem Gedanken zu vers�hnen, k�nftig die Verbindung mit Familie und Heimat immer mehr zu l�sen und schlie�lich keine andre Zugeh�rigkeit mehr zu kennen und zu r espektieren als die zum Orden. Dann gibt es je und je auch Sch�ler, welchen umgekehrt gerade das Loskommen vom Vaterhaus und von einer ihnen entleideten Schule die Hauptsache bei ihrer Aufnahme in die Elite war; diese, etwa von einem strengen Vater oder einem ihnen unangenehmen Lehrer befreit, atmeten zwar eine Weile auf, hatten sich aber von dem Wechsel so gro�e und unm�gliche Ver�nderungen ihres ganzen Lebens versprochen, da� bald eine Entt�uschung kam. Auch die eigentlichen Streber und Mustersch�ler, d i! e Pedantischen, konnten sich in Kastalien nicht immer halten; nicht da� sie den Studien nicht w�ren gewachsen gewesen, aber es kam in der Elite eben nicht allein auf die Studien und Fachzeugnisse an, sondern es wurden auch erzieherische und musische Ziele angestrebt, vor welchen dieser und jener die Waffen streckte. Immerhin war in dem System der vier gro�en Eliteschulen mit ihren zahlreichen Unterabteilungen und Zweiganstalten Raum f�r vielerlei Begabungen, und ein strebsamer Mathematiker oder Philologe, wenn er wirklich das Zeug zu einem Gelehrten in sich hatte, brauchte etwa einen Mangel an musikalischer oder philosophischer Begabung nicht als Gefahr zu empfinden. Es gab zuzeiten sogar in Kastalien sehr starke Tendenzen zur Pflege der reinen, n�chternen Fachwissenschaften, und die Vork�mpfer dieser Tendenzen waren nicht nur gegen die �Phantasten�, das hei�t gegen die Musikalischen und Musischen, kritisch und spottlustig gestimmt, sondern haben zuzeiten innerhalb ihrer Kreise alles Musische, und namentl ich das Glasperlenspiel, geradezu abgeschworen und verp�nt.Da Knechts Leben, soweit es uns bekannt ist, sich ganz in Kastalien abspielte, in jenem stillsten und heitersten Bezirk unseres gebirgigen Landes, den man fr�her mit einem Ausdruck des Dichters Goethe oft auch �die p�dagogische Provinz� genannt hat, wollen wir in aller K�rze und auf die Gefahr hin, den Leser mit L�ngstgewu�tem zu langweilen, nochmals dies ber�hmte Kastalien.
  30   </div>
  31
  32   <script type="text/javascript">
  33     qx.core.Init.getInstance().defineMain(function()
  34     {
  35       var d = qx.ui.core.ClientDocument.getInstance();
  36
  37       var w1 = new qx.ui.basic.Terminator;
  38
  39       with(w1)
  40       {
  41         setHeight(100);
  42         setWidth(100);
  43         setTop(48);
  44         setLeft(20);
  45         setBackgroundColor("orange");
  46         setStyleProperty("padding", "5px");
  47         setStyleProperty("margin", "10px");
  48         setBorder(new qx.renderer.border.Border(2, "solid", "blue"));
  49         setOverflow("scroll");
  50       };
  51
  52       d.add(w1);
  53
  54       w1.addEventListener("initialShow", function(e)
  55       {
  56         QxDebug("Properties", "getComputedMarginLeft: " + w1.getComputedMarginLeft());
  57         QxDebug("Properties", "getComputedMarginTop: " + w1.getComputedMarginTop());
  58         QxDebug("Properties", "getComputedMarginRight: " + w1.getComputedMarginRight());
  59         QxDebug("Properties", "getComputedMarginBottom: " + w1.getComputedMarginBottom());
  60
  61         QxDebug("Properties", "getComputedPaddingLeft: " + w1.getComputedPaddingLeft());
  62         QxDebug("Properties", "getComputedPaddingTop: " + w1.getComputedPaddingTop());
  63         QxDebug("Properties", "getComputedPaddingRight: " + w1.getComputedPaddingRight());
  64         QxDebug("Properties", "getComputedPaddingBottom: " + w1.getComputedPaddingBottom());
  65
  66         QxDebug("Properties", "getComputedBorderLeft: " + w1.getComputedBorderLeft());
  67         QxDebug("Properties", "getComputedBorderTop: " + w1.getComputedBorderTop());
  68         QxDebug("Properties", "getComputedBorderRight: " + w1.getComputedBorderRight());
  69         QxDebug("Properties", "getComputedBorderBottom: " + w1.getComputedBorderBottom());
  70
  71         QxDebug("Dimensions", "getComputedOuterWidth: " + w1.getComputedOuterWidth());
  72         QxDebug("Dimensions", "getComputedOuterHeight: " + w1.getComputedOuterHeight());
  73
  74         QxDebug("Dimensions", "getComputedBoxWidth: " + w1.getComputedBoxWidth());
  75         QxDebug("Dimensions", "getComputedBoxHeight: " + w1.getComputedBoxHeight());
  76
  77         QxDebug("Dimensions", "getComputedAreaWidth: " + w1.getComputedAreaWidth());
  78         QxDebug("Dimensions", "getComputedAreaHeight: " + w1.getComputedAreaHeight());
  79
  80         QxDebug("Dimensions", "getComputedInnerWidth: " + w1.getComputedInnerWidth());
  81         QxDebug("Dimensions", "getComputedInnerHeight: " + w1.getComputedInnerHeight());
  82
  83         QxDebug("Insets", "getComputedInsetLeft: " + w1.getComputedInsetLeft());
  84         QxDebug("Insets", "getComputedInsetTop: " + w1.getComputedInsetTop());
  85         QxDebug("Insets", "getComputedInsetRight: " + w1.getComputedInsetRight());
  86         QxDebug("Insets", "getComputedInsetBottom: " + w1.getComputedInsetBottom());
  87
  88         QxDebug("Scroll", "getComputedScrollBarSizeLeft: " + w1.getComputedScrollBarSizeLeft());
  89         QxDebug("Scroll", "getComputedScrollBarSizeTop: " + w1.getComputedScrollBarSizeTop());
  90         QxDebug("Scroll", "getComputedScrollBarSizeRight: " + w1.getComputedScrollBarSizeRight());
  91         QxDebug("Scroll", "getComputedScrollBarSizeBottom: " + w1.getComputedScrollBarSizeBottom());
  92
  93         QxDebug("Scroll", "getComputedScrollBarVisibleX: " + w1.getComputedScrollBarVisibleX());
  94         QxDebug("Scroll", "getComputedScrollBarVisibleY: " + w1.getComputedScrollBarVisibleY());
  95
  96
  97
  98         QxDebug("Positions->Client", "getComputedClientOuterLeft: " + w1.getComputedClientOuterLeft());
  99         QxDebug("Positions->Client", "getComputedClientOuterTop: " + w1.getComputedClientOuterTop());
 100         QxDebug("Positions->Client", "getComputedClientOuterRight: " + w1.getComputedClientOuterRight());
 101         QxDebug("Positions->Client", "getComputedClientOuterBottom: " + w1.getComputedClientOuterBottom());
 102
 103         QxDebug("Positions->Client", "getComputedClientBoxLeft: " + w1.getComputedClientBoxLeft());
 104         QxDebug("Positions->Client", "getComputedClientBoxTop: " + w1.getComputedClientBoxTop());
 105         QxDebug("Positions->Client", "getComputedClientBoxRight: " + w1.getComputedClientBoxRight());
 106         QxDebug("Positions->Client", "getComputedClientBoxBottom: " + w1.getComputedClientBoxBottom());
 107
 108         QxDebug("Positions->Client", "getComputedClientAreaLeft: " + w1.getComputedClientAreaLeft());
 109         QxDebug("Positions->Client", "getComputedClientAreaTop: " + w1.getComputedClientAreaTop());
 110         QxDebug("Positions->Client", "getComputedClientAreaRight: " + w1.getComputedClientAreaRight());
 111         QxDebug("Positions->Client", "getComputedClientAreaBottom: " + w1.getComputedClientAreaBottom());
 112
 113         QxDebug("Positions->Client", "getComputedClientInnerLeft: " + w1.getComputedClientInnerLeft());
 114         QxDebug("Positions->Client", "getComputedClientInnerTop: " + w1.getComputedClientInnerTop());
 115         QxDebug("Positions->Client", "getComputedClientInnerRight: " + w1.getComputedClientInnerRight());
 116         QxDebug("Positions->Client", "getComputedClientInnerBottom: " + w1.getComputedClientInnerBottom());
 117
 118
 119
 120         QxDebug("Positions->Page", "getComputedPageOuterLeft: " + w1.getComputedPageOuterLeft());
 121         QxDebug("Positions->Page", "getComputedPageOuterTop: " + w1.getComputedPageOuterTop());
 122         QxDebug("Positions->Page", "getComputedPageOuterRight: " + w1.getComputedPageOuterRight());
 123         QxDebug("Positions->Page", "getComputedPageOuterBottom: " + w1.getComputedPageOuterBottom());
 124
 125         QxDebug("Positions->Page", "getComputedPageBoxLeft: " + w1.getComputedPageBoxLeft());
 126         QxDebug("Positions->Page", "getComputedPageBoxTop: " + w1.getComputedPageBoxTop());
 127         QxDebug("Positions->Page", "getComputedPageBoxRight: " + w1.getComputedPageBoxRight());
 128         QxDebug("Positions->Page", "getComputedPageBoxBottom: " + w1.getComputedPageBoxBottom());
 129
 130         QxDebug("Positions->Page", "getComputedPageAreaLeft: " + w1.getComputedPageAreaLeft());
 131         QxDebug("Positions->Page", "getComputedPageAreaTop: " + w1.getComputedPageAreaTop());
 132         QxDebug("Positions->Page", "getComputedPageAreaRight: " + w1.getComputedPageAreaRight());
 133         QxDebug("Positions->Page", "getComputedPageAreaBottom: " + w1.getComputedPageAreaBottom());
 134
 135         QxDebug("Positions->Page", "getComputedPageInnerLeft: " + w1.getComputedPageInnerLeft());
 136         QxDebug("Positions->Page", "getComputedPageInnerTop: " + w1.getComputedPageInnerTop());
 137         QxDebug("Positions->Page", "getComputedPageInnerRight: " + w1.getComputedPageInnerRight());
 138         QxDebug("Positions->Page", "getComputedPageInnerBottom: " + w1.getComputedPageInnerBottom());
 139
 140
 141
 142
 143         QxDebug("Screen", "getComputedScreenOuterLeft: " + w1.getComputedScreenOuterLeft());
 144         QxDebug("Screen", "getComputedScreenOuterTop: " + w1.getComputedScreenOuterTop());
 145         QxDebug("Screen", "getComputedScreenOuterRight: " + w1.getComputedScreenOuterRight());
 146         QxDebug("Screen", "getComputedScreenOuterBottom: " + w1.getComputedScreenOuterBottom());
 147
 148         QxDebug("Screen", "getComputedScreenBoxLeft: " + w1.getComputedScreenBoxLeft());
 149         QxDebug("Screen", "getComputedScreenBoxTop: " + w1.getComputedScreenBoxTop());
 150         QxDebug("Screen", "getComputedScreenBoxRight: " + w1.getComputedScreenBoxRight());
 151         QxDebug("Screen", "getComputedScreenBoxBottom: " + w1.getComputedScreenBoxBottom());
 152
 153         QxDebug("Screen", "getComputedScreenAreaLeft: " + w1.getComputedScreenAreaLeft());
 154         QxDebug("Screen", "getComputedScreenAreaTop: " + w1.getComputedScreenAreaTop());
 155         QxDebug("Screen", "getComputedScreenAreaRight: " + w1.getComputedScreenAreaRight());
 156         QxDebug("Screen", "getComputedScreenAreaBottom: " + w1.getComputedScreenAreaBottom());
 157
 158         QxDebug("Screen", "getComputedScreenInnerLeft: " + w1.getComputedScreenInnerLeft());
 159         QxDebug("Screen", "getComputedScreenInnerTop: " + w1.getComputedScreenInnerTop());
 160         QxDebug("Screen", "getComputedScreenInnerRight: " + w1.getComputedScreenInnerRight());
 161         QxDebug("Screen", "getComputedScreenInnerBottom: " + w1.getComputedScreenInnerBottom());
 162       });
 163     });
 164   </script>
 165 </body>
 166 </html>