📄 index.html
字号:
<!-- Back Compat --><html xmlns:v="urn:schemas-microsoft-com:vml"><head><title>Inline Component</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="MsThemeCompatible" content="yes"><meta http-equiv="ImageToolBar" content="no"><link type="text/css" rel="StyleSheet" href="../../html/css/bimain.css"><script type="text/javascript" src="../../html/js/application.js"></script><style type="text/css">body { background: white; color: black;}#demo-table { border-collapse: collapse;}#demo-table td { border: 1p solid #ddd; font-size: 11px; padding: 3px 5px;}</style><!-- try to load the layout files from the web --><link type="text/css" rel="stylesheet" media="screen, projection, print" href="http://www.bindows.net/css/style.css"><script type="text/javascript" src="http://www.bindows.net/js/include.js"></script><script type="text/javascript">layout.init("http://www.bindows.net/");</script><style type="text/css">body { overflow: auto; margin: 0; padding: 25px 10px 10px 10px;}</style></head><body><script type="text/javascript">try{ layout.writeHeader("Inline Component Demo"); layout.writeNavigationBar();}catch ( ex ) {}</script><div class="main"><p>Using Bindows Inline components you can develop applications that run inside aweb page and create live and dynamic web pages.</p><h2>Tab Pane</h2><div id="test" style="float: right;"></div><p>To the right we have an inline component with a tab pane in it.</p><p>Excellent solution for arranging loads of data in an easy to navigateinterface, or to quickly move between various panes with multiple selections,choices, displays, etc.</p><p><em>Let your imagination lead you!</em></p><h2>Graph</h2><p>If you are using Internet Explorer you will see a graph below. </p><div id="graph"></div><p>The graph is <strong>not</strong> an embedded image, rather a liveapplication - if you place your mouse over the graph the animation of the chartwill stop.</p><p>The graph can be in any of the formats currently provided by Bindows and itcan be dynamic.</p><p>Just imagine a live graph of stock trade, sports score, weather forecasts,any live statistics (NASCAR live rankings, top selling movies, school grades,etc.)</p><p><em>Let your imagination lead you!</em></p><h2>Gauge</h2><div id="gauge" style="float: left; margin: 5px;"></div><p>To the left is a gauge that is positioned in an inline component(Internet Explorer only).</p><p>The gauge is <strong>not</strong> an embedded image, rather a liveapplication - the position of its needle can be changed by using the sliderbeneath it.</p><p>The gauge can be easily modified to present different scale, different colorareas, different labels, etc.</p><p>Just imagine a live gauge of stock value, sports performance (team 3-pointshooting accuracy), weather forecasts (chances for snow), school systemstatistics and any live statistics.</p><p><em>Let your imagination lead you!</em></p><h2 style="clear: left">In a table</h2><p>Below is a table with some inline components in it.</p><table summary="Table embedding components" id="demo-table"><tr><td>Button: </td><td><div id="tr-1"></div></td><td>Check box: </td><td><div id="tr-2"></div></td></tr><tr><td>Spinner: </td><td><div id="tr-3"></div></td><td>Slider: </td><td><div id="tr-4"></div></td></tr></table><p>Excellent solution for online forms. The forms can be dynamic (tax forms,voting and election forms).</p><p>Develop complete online applications (for example, tax application) - no needto install, can be available for a single use after payment (anti-piracy).</p><p>The slider could be used to change zoom ratio in online maps (or make aselection - ATM in an x distance, etc.), change volume, change text size, etc.</p><p>Arranging loads of data in an easy to navigate interface, or to quickly movebetween various panes with multiple selections, choices, displays, etc.</p><p>Such a table can use multiple tab panes...<p><em>Let your imagination lead you!</em></p><div id="button"></div></div><script type="text/javascript">application.start("../../html/", "Inline.xml");</script><script type="text/javascript">try { layout.writeFooter();}catch ( ex ) {}</script></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -