balupton/multi-programmatic.html

## multi-programmatic.html
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (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.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is Bespin.
-
- The Initial Developer of the Original Code is
- Mozilla.
- Portions created by the Initial Developer are Copyright (C) 2009
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- in which case the provisions of the GPL or the LGPL are applicable instead
- of those above. If you wish to allow use of your version of this file only
- under the terms of either the GPL or the LGPL, and not to allow others to
- use your version of this file under the terms of the MPL, indicate your
- decision by deleting the provisions above and replace them with the notice
- and other provisions required by the GPL or the LGPL. If you do not delete
- the provisions above, a recipient may use your version of this file under
- the terms of any one of the MPL, the GPL or the LGPL.
-
- ***** END LICENSE BLOCK ***** -->

<!DOCTYPE html>
<html><head>

<link id="bespin_base" href="..">
<script type="text/javascript" src="../BespinEmbedded.js"></script>

<style>
  body { padding: 20px; font-family: Calibri, Helvetica, Arial; }
  h1 { border-bottom: 1px solid #ddd; font-size:120%; }
  .bespin { margin: 0; padding: 0; border: 0; height: 300px; border: 10px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .displaybutton { margin-top: 1em; }
</style>
</head>
<body>

<h1>Multi Editor Example</h1>
<div id="editor1">// The text of this div shows up in the editor.
var thisCode = "what shows up in the editor";
function editMe() {
 alert("and have fun!");
}
</div>
<br>
<div id="editor2">// The text of this div shows up in the editor.
var thisCode = "This is the second Bespin editor";
function itWorks() {
    alert("really!");
}
</div>


<p><a href="https://bespin.mozillalabs.com/docs/">Documentation for the latest Bespin release</a> is on the web and included in Bespin Embedded packages.</p>

<script type="text/javascript">
var settings = { "settings": { "tabstop": 4 }, "syntax": "js", "stealFocus": true };
// Bespin
window.onBespinLoad = function(){
	// Apply
	bespin.useBespin('editor1',settings);
	bespin.useBespin('editor2',settings);
};
</script>
</body>
</html>
	<!-- *** BEGIN LICENSE BLOCK ***
	- Version: MPL 1.1/GPL 2.0/LGPL 2.1
	-
	- The contents of this file are subject to the Mozilla Public License Version
	- 1.1 (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.mozilla.org/MPL/
	-
	- Software distributed under the License is distributed on an "AS IS" basis,
	- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
	- for the specific language governing rights and limitations under the
	- License.
	-
	- The Original Code is Bespin.
	-
	- The Initial Developer of the Original Code is
	- Mozilla.
	- Portions created by the Initial Developer are Copyright (C) 2009
	- the Initial Developer. All Rights Reserved.
	-
	- Contributor(s):
	-
	- Alternatively, the contents of this file may be used under the terms of
	- either the GNU General Public License Version 2 or later (the "GPL"), or
	- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
	- in which case the provisions of the GPL or the LGPL are applicable instead
	- of those above. If you wish to allow use of your version of this file only
	- under the terms of either the GPL or the LGPL, and not to allow others to
	- use your version of this file under the terms of the MPL, indicate your
	- decision by deleting the provisions above and replace them with the notice
	- and other provisions required by the GPL or the LGPL. If you do not delete
	- the provisions above, a recipient may use your version of this file under
	- the terms of any one of the MPL, the GPL or the LGPL.
	-
	- *** END LICENSE BLOCK *** -->

	<!DOCTYPE html>
	<html><head>

	<link id="bespin_base" href="..">
	<script type="text/javascript" src="../BespinEmbedded.js"></script>

	<style>
	body { padding: 20px; font-family: Calibri, Helvetica, Arial; }
	h1 { border-bottom: 1px solid #ddd; font-size:120%; }
	.bespin { margin: 0; padding: 0; border: 0; height: 300px; border: 10px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.displaybutton { margin-top: 1em; }
	</style>
	</head>
	<body>

	<h1>Multi Editor Example</h1>
	<div id="editor1">// The text of this div shows up in the editor.
	var thisCode = "what shows up in the editor";
	function editMe() {
	alert("and have fun!");
	}
	</div>
	<br>
	<div id="editor2">// The text of this div shows up in the editor.
	var thisCode = "This is the second Bespin editor";
	function itWorks() {
	alert("really!");
	}
	</div>


	<p><a href="https://bespin.mozillalabs.com/docs/">Documentation for the latest Bespin release</a> is on the web and included in Bespin Embedded packages.</p>

	<script type="text/javascript">
	var settings = { "settings": { "tabstop": 4 }, "syntax": "js", "stealFocus": true };
	// Bespin
	window.onBespinLoad = function(){
	// Apply
	bespin.useBespin('editor1',settings);
	bespin.useBespin('editor2',settings);
	};
	</script>
	</body>
	</html>