"Fossies" - the Fresh Open Source Software Archive

Member "selenium-selenium-4.8.1/common/src/web/veryLargeCanvas.html" (17 Feb 2023, 1876 Bytes) of package /linux/www/selenium-selenium-4.8.1.tar.gz:

As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. 
    1 <?xml version="1.0"?>
    2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    3 <head>
    4   <title>Rectangles</title>
    5   <script type="text/javascript">
    6     function appendMessage(message) {
    7       document.getElementById('result').innerHTML += message
    8         + " ";
    9     }
   10   </script>
   11   <style type="text/css">
   12     #r1 {
   13       position: absolute;
   14       background-color: lightblue;
   15       left: 100px;
   16       top: 100px;
   17       width: 100px;
   18       height: 50px;
   19     }
   20     #r2 {
   21       position: absolute;
   22       background-color: red;
   23       left: 2500px;
   24       top: 50px;
   25       width: 80px;
   26       height: 50px;
   27     }
   28     #r3 {
   29       position: absolute;
   30       background-color: yellow;
   31       left: 60px;
   32       top: 1500px;
   33       width: 80px;
   34       height: 50px;
   35     }
   36     #r4 {
   37       position: absolute;
   38       background-color: cyan;
   39       left: 220px;
   40       top: 180px;
   41       width: 100px;
   42       height: 50px;
   43     }
   44     #r5 {
   45       position: absolute;
   46       background-color: blue;
   47       left: 60px;
   48       top: 1600px;
   49       width: 80px;
   50       height: 50px;
   51     }
   52     #r6 {
   53       position: absolute;
   54       background-color: green;
   55       left: 2581px;
   56       top: 50px;
   57       width: 80px;
   58       height: 50px;
   59     }
   60     #result {
   61       border: 10;
   62       padding: 5;
   63       background-color: grey;
   64       position: absolute;
   65       left: 20px;
   66       top: 30px;
   67       width: 400px;
   68       height: 20px;
   69     }
   70     </style>
   71 </head>
   72 <body>
   73   <div id="result"></div>
   74   <div id="r1" onclick="appendMessage('First')">First Target</div>
   75   <div id="r2" onclick="appendMessage('Second')">Second Target</div>
   76   <div id="r3" onclick="appendMessage('Third')">Third Target</div>
   77   <div id="r4" onclick="appendMessage('Fourth')">Fourth Target</div>
   78   <div id="r5" onclick="appendMessage('OOPS2')">Not a Target</div>
   79   <div id="r6" onclick="appendMessage('OOPS')">Not a Target</div>
   80 </body>
   81 </html>