diff options
| author | Alexis Menard <alexis.menard@trolltech.com> | 2011-06-22 15:00:09 (GMT) |
|---|---|---|
| committer | Alexis Menard <alexis.menard@trolltech.com> | 2011-06-22 15:00:09 (GMT) |
| commit | 1b46b28ddac18fd0f5edc250218dfb15ac05e652 (patch) | |
| tree | 57b0fe3414941d5deda54a7b658c7b3d2b0f2268 /examples/webkit/webplugin/pages/index.html | |
| parent | 20ec7b41ac600fe670c3c8e6305cc12b10440c30 (diff) | |
| parent | e4cce8849bf45be9a111072e3fca7bdf67364e8a (diff) | |
| download | Qt-1b46b28ddac18fd0f5edc250218dfb15ac05e652.zip Qt-1b46b28ddac18fd0f5edc250218dfb15ac05e652.tar.gz Qt-1b46b28ddac18fd0f5edc250218dfb15ac05e652.tar.bz2 | |
Merge branch '4.8' of git://gitorious.org/qt/qt into 4.8
Diffstat (limited to 'examples/webkit/webplugin/pages/index.html')
| -rw-r--r-- | examples/webkit/webplugin/pages/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/examples/webkit/webplugin/pages/index.html b/examples/webkit/webplugin/pages/index.html new file mode 100644 index 0000000..fe38bba --- /dev/null +++ b/examples/webkit/webplugin/pages/index.html @@ -0,0 +1,64 @@ +<html> +<head> +<title>Web Plugin</title> +<!-- [script] --> +<script type="text/javascript"> +function fillInTable(name, address, quantity) +{ + var nameElement = document.getElementById("customers_name"); + var addressElement = document.getElementById("customers_address"); + var quantityElement = document.getElementById("customers_quantity"); + + nameElement.innerHTML = name; + addressElement.innerHTML = address; + quantityElement.innerHTML = quantity; +} +</script> +<!-- [script] --> +</head> + +<body> +<h1>Web Plugin</h1> + +<p> + This plugin displays comma-separated value (CSV) files in Web pages using + a table widget. +</p> + +<!-- [embedded object] --> +<object type="text/csv;header=present;charset=utf8" + data="qrc:/data/accounts.csv" + width="100%" height="300"> +</object> +<!-- [embedded object] --> + +<p> + The table above shows some sample data rendered by the plugin. It is exposed + to this page as the <tt>view</tt> JavaScript object. +</p> + +<p> + The fields shown below in an HTML table can be updated by selecting a row in + the table above. A signal in the view is connected to a JavaScript function + in this page which fills in the values. +</p> + +<div style="margin-left: 5%; width: 90%; background-color: lightgray"> +<!-- [table] --> +<table> +<tr> + <th>Name:</th> + <td id="customers_name"></td> +</tr><tr> + <th>Address:</th> + <td id="customers_address"></td> +</tr><tr> + <th>Quantity:</th> + <td id="customers_quantity"></td> +</tr> +</table> +<!-- [table] --> +</div> + +</body> +</html> |