summaryrefslogtreecommitdiff
path: root/includes/js/dijit/tests/test_InlineEditBox.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/tests/test_InlineEditBox.html')
-rw-r--r--includes/js/dijit/tests/test_InlineEditBox.html231
1 files changed, 0 insertions, 231 deletions
diff --git a/includes/js/dijit/tests/test_InlineEditBox.html b/includes/js/dijit/tests/test_InlineEditBox.html
deleted file mode 100644
index ea8d7a8..0000000
--- a/includes/js/dijit/tests/test_InlineEditBox.html
+++ /dev/null
@@ -1,231 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html>
- <head>
- <title>Inline Edit Box Test</title>
-
- <style type="text/css">
- @import "../../dojo/resources/dojo.css";
- @import "css/dijitTests.css";
-
- .inlineEdit { background-color: #CCC76A; }
-
- /* some style rules on nodes just to test that style gets copied to the edit widget */
- p { font-family: cursive; }
- .letter p { font-family: monospace; }
- h3 { font-family: helvetica; font-style: italic; }
- </style>
-
- <script type="text/javascript" src="../../dojo/dojo.js"
- djConfig="isDebug: true, parseOnLoad: true"></script>
- <script type="text/javascript" src="_testCommon.js"></script>
-
- <script type="text/javascript">
- dojo.require("dojo.data.ItemFileReadStore");
- dojo.require("dijit.InlineEditBox");
- dojo.require("dijit.form.Textarea");
- dojo.require("dijit.form.TextBox");
- dojo.require("dijit.form.DateTextBox");
- dojo.require("dijit.form.CurrencyTextBox");
- dojo.require("dojo.currency");
- dojo.require("dijit.form.ComboBox");
- dojo.require("dijit.form.FilteringSelect");
- dojo.require("dijit.form.NumberSpinner");
- dojo.require("dijit.form.Slider");
-
- dojo.require("dijit.Editor");
- dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
-
- dojo.require("dojo.parser"); // scan page for widgets and instantiate them
-
- function myHandler(id,newValue){
- console.debug("onChange for id = " + id + ", value: " + newValue);
- };
- /*
- dojo.addOnLoad(function(){
- dojo.subscribe("widgetFocus", function(widget){
- console.log("focused on widget " + (widget?widget:"nothing"));
- });
- dojo.subscribe("widgetBlur", function(widget){
- console.log("blurred widget " + (widget?widget:"nothing"));
- });
- dojo.subscribe("focusNode", function(node){ console.log("focused on node " + (node?(node.id||node.tagName):"nothing"));});
- });
- */
- </script>
- </head>
- <body>
- <h1 class="testTitle">Dijit InlineEditBox Test</h1>
-
- <span dojoType="dojo.data.ItemFileReadStore" jsId="stateStore"
- url="_data/states.json"></span>
- <span dojoType="dojo.data.ItemFileReadStore" jsId="productStore">
- <script type="dojo/method">
- this._jsonData =
- { identifier: 'name',
- label: 'name',
- items: [
- { name: "refrigerator" },
- { name: "freezer" },
- { name: "stove" },
- { name: "heater" },
- ]};
- </script>
- </span>
-
- <h2>Form Letter with blanks</h2>
- <div class="letter">
- <h3 id="editable" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" autoSave="true" title="company name"></h3>
- <p>
- Dear <span dojoType="dijit.InlineEditBox" width="200px" title="recipient name"></span>,
- </p>
- <p class="letter">
- Thank you for your recent order.
- Please remit
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.CurrencyTextBox" editorParams="{currency: 'USD'}" width="100px" title="dollar amount"></span>&nbsp;for
- your purchase of
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.NumberSpinner" editorParams="{constraints: {places:0} }" width="70px" title="quantity"></span>&nbsp;deluxe
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.ComboBox" title="item name"
- editorParams="{searchAttr: 'name', store: productStore, autocomplete: false, hasDownArrow: false}"
- width="200px"></span>&nbsp;on
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.DateTextBox" width="200px" title="purchase date as mm/dd/yy"></span>&nbsp;in
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
- editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: true}"
- width="200px" title="state of purchase"></span>.
- </p>
- <p dojoType="dijit.InlineEditBox" autoSave="false" editor="dijit.form.Textarea" title="additional details"></p>
- <p>
- Sincerely,
- </p>
- <span style="margin-left: 2em; font-family: cursive;" dojoType="dijit.InlineEditBox" width="400px" title="sender name" ></span>
- </div>
- <hr style="margin-bottom: 1em;">
-
- <h2>Form Letter with predefined values, and no auto-save</h2>
- <div class="letter">
- <h3 id="editable2" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" autoSave="false" title="company name">
- Bob Vance Refrigeration
- </h3>
- <p>
- Dear <span dojoType="dijit.InlineEditBox" width="200px" autoSave="false" title="recipient name">John</span>,
- </p>
- <p class="letter">
- Thank you for your recent order.
- Please remit
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.CurrencyTextBox" editorParams="{currency: 'USD'}" width="100px" autoSave="false" title="dollar amount">$2,000</span>
- for your purchase of
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.NumberSpinner" editorParams="{constraints: {places:0} }" width="70px" autoSave="false" title="quantity">3</span>
- deluxe
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.ComboBox"
- editorParams="{searchAttr: 'name', store: productStore, autocomplete: false, hasDownArrow: false}"
- width="200px" autoSave="false" title="item name">refrigerators</span>
- on
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.DateTextBox" width="200px" autoSave="false" title="purchase date as mm/dd/yy">01/01/2007</span>
- in
- <span dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
- editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: false}"
- width="200px" autoSave="false" title="state of purchase">
- Pennsylvania
- </span>.
- </p>
- <p dojoType="dijit.InlineEditBox" autoSave="false" editor="dijit.form.Textarea" title="additional details">
- We sincerely appreciate your business and hope we can do business again.
- </p>
- <p>
- Sincerely,
- </p>
- <span style="margin-left: 2em; font-family: cursive;" dojoType="dijit.InlineEditBox" width="400px" autoSave="false" title="sender name">Bob Vance</span>
- </div>
- <hr style="margin-bottom: 1em;">
-
-
- <h2>Inline-block Text (of 400px width)</h2>
- <div>
- The following section uses inline block text of 400px.
- When clicking the editable text it should bring up an editor which is also 400px wide.
- </div>
- (before plain inline) <fieldset class="dijitInline"><div style="width: 400px;">hello world</div></fieldset> (after plain inline)
- <br>
- (before editable inline)
- <fieldset class="dijitInline"><div dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" width="400px" style="width: 400px;">
- hello world
- </div></fieldset>
- (after editable inline)
- <hr style="width:100%;">
-
- <h2>Pararagraph</h2>
- (before plain paragraph)
- <p>
- Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
-imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
-nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
-massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
-pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
-quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
-felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
-quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
-rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
-semper velit ante id metus. Praesent massa dolor, porttitor sed,
-pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
-tortor pharetra congue. Suspendisse pulvinar.
- </p>
- (before editable paragraph. the editable paragraph has Save/Cancel buttons when open.)
- <p id="areaEditable" dojoType="dijit.InlineEditBox" autoSave="false" editor="dijit.form.Textarea">
- Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
-imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
-nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
-massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
-pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
-quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
-felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
-quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
-rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
-semper velit ante id metus. Praesent massa dolor, porttitor sed,
-pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
-tortor pharetra congue. Suspendisse pulvinar.
- </p>
- These buttons will
- <button onClick="dijit.byId('areaEditable').setDisabled(true)">disable</button> /
- <button onClick="dijit.byId('areaEditable').setDisabled(false)">enable</button>
- the InlineEditBox above.
- <hr style="width:100%;">
-
- <h2>Editor</h2>
- <p id="inlineRTE" dojoType="dijit.InlineEditBox" editor="dijit.Editor"
- autoSave="false" renderAsHtml="true"
- editorParams="{height: '', extraPlugins: ['dijit._editor.plugins.AlwaysShowToolbar']}">
- <b>Aliquam</b> vitae enim. <i>Duis</i> scelerisque metus auctor est venenatis
-imperdiet. <u>Fusce</u> dignissim porta augue. Nulla vestibulum. Integer lorem
-nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
-massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
-pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra
-quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia,
-felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut
-quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla
-rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut
-semper velit ante id metus. Praesent massa dolor, porttitor sed,
-pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit
-tortor pharetra congue. Suspendisse pulvinar.
- </p>
-
- <h2>FilteringSelect (no down arrow, and save/cancel buttons):</h2>
- before
- <span id="filteringSelect2" dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
- editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: false}"
- width="200px" autoSave="false">
- Indiana
- </span>
- after
- <hr style="width:100%;">
-
- <h2>Programmatically created:</h2>
- before block<div style="display:block;" id="programmatic">Click here to edit a block programmatically created inline edit region</div>after
- <script type="text/javascript">
- // See if we can make a widget in script
- dojo.addOnLoad(function(){
- var inlineWidget = new dijit.InlineEditBox({renderAsHtml: true}, 'programmatic');
- });
- </script>
- <hr style="width:100%;">
- </body>
-</html>