| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <!-- saved from url=(0014)about:internet --> |
| <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> |
| <!-- |
| Smart developers always View Source. |
| |
| This application was built using Apache Flex, an open source framework |
| for building rich Internet applications that get delivered via the |
| Flash Player or to desktops via Adobe AIR. |
| |
| Learn more about Flex at http://royale.org |
| // --> |
| <head> |
| <style> |
| .button { |
| position: absolute; |
| background: url(button_skin_up.svg) 0 0 no-repeat; |
| border: 0px; |
| font-size:12px; |
| } |
| |
| .button:hover { |
| background: url(button_skin_over.svg) 0 0 no-repeat; |
| } |
| |
| .button:active { |
| background: url(button_skin_down.svg) 0 0 no-repeat; |
| } |
| |
| #html5{ |
| position:absolute; |
| left:600px; |
| top:10px; |
| } |
| |
| .ok{ |
| width: 50px; |
| height: 30px; |
| left:0px; |
| top:50px; |
| } |
| |
| .timer{ |
| width: 100px; |
| height: 30px; |
| } |
| |
| .start{ |
| left:0px; |
| top:100px; |
| } |
| |
| .stop{ |
| left:0px; |
| top:150px; |
| } |
| |
| .big{ |
| width: 100px; |
| height: 100px; |
| left:0px; |
| top:200px; |
| } |
| |
| </style> |
| |
| <script> |
| function editOKBtn() |
| { |
| var startTimerBtn = document.getElementById("startTimerBtn"); |
| var svg = startTimerBtn.style.background; |
| svg.borderSVG.border.rx = 25; |
| svg.borderSVG.border.ry = 25; |
| } |
| </script> |
| </head> |
| <body> |
| <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="500" id="SeeFXG" top="0" left="0"> |
| <param name="movie" value="SeeFXG.swf" /> |
| <param name="quality" value="high" /> |
| <param name="bgcolor" value="#ffffff" /> |
| <param name="allowScriptAccess" value="sameDomain" /> |
| <param name="allowFullScreen" value="true" /> |
| <!--[if !IE]>--> |
| <object type="application/x-shockwave-flash" data="SeeFXG.swf" width="500" height="500" top="0" left="0"> |
| <param name="quality" value="high" /> |
| <param name="bgcolor" value="#ffffff" /> |
| <param name="allowScriptAccess" value="sameDomain" /> |
| <param name="allowFullScreen" value="true" /> |
| <!--<![endif]--> |
| <!--[if gte IE 6]>--> |
| <p> |
| Either scripts and active content are not permitted to run or Adobe Flash Player version |
| 0.0.0 or greater is not installed. |
| </p> |
| <!--<![endif]--> |
| <a href="http://www.adobe.com/go/getflashplayer"> |
| <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> |
| </a> |
| <!--[if !IE]>--> |
| </object> |
| <!--<![endif]--> |
| </object> |
| <div id="html5"> |
| <button id="okBtn" type="button" class="button ok" onclick="editOKBtn()">OK</button> |
| <button id="startTimerBtn" type="button" style="background: url(button_skin_up.svg)">Start Timer</button> |
| <button type="button" class="button timer stop">Stop Timer</button> |
| <button type="button" class="button big">Big Button</button> |
| </div> |
| |
| </body> |
| </html> |