npm - @openui5/sap.ui.core - Versions diffs - 1.118.0 → 1.119.1 - Mend

@openui5/sap.ui.core 1.118.0 → 1.119.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (673) hide show

package/test/sap/ui/core/samples/databinding/DataBindingTreeWithArrays.html DELETED Viewed

@@ -1,132 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Tree sap.ui.commons.Tree using TreeBinding and data with nested arrays</title>
-    <script id="sap-ui-bootstrap"
-        src="../../../../../../resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_bluecrystal"
-        data-sap-ui-trace="true">
-    </script>
-	<script>
-	  	 try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-		// data has to be tree structured
-	    var oData = {
-	    		root:{
-	    			name: "root",
-	    			level0: [{
-	    				name: "item1",
-	    				level1:[
-	    				     {
-		    					name: "subitem1",
-		    					level2: [
-		    					  		{
-		    								name: "subsubitem1"
-		    							},
-		    							{
-		    								name: "subsubitem2"
-		    							}
-		    						]
-		    				},
-		    				 {
-		    					name: "subitem2",
-		    					level2:[ {
-		    						name: "subsubitem3"
-		    					}
-	    						]
-		    				}
-	    				]
-	    			},
-	    			{
-	    				name: "item2",
-	    				level1:[     {
-	    						name: "subitem3"
-	    						}
-	    				       ]
-	    			}
-	    			]
-	    		}
-	    };
-		  var oModel = new sap.ui.model.json.JSONModel();
-		  // set the data to the model
-		  oModel.setData(oData);
-	      var oTree = new sap.ui.commons.Tree("tree");
-	      oTree.setWidth("100%");
-	      // set the model to the tree
-	      oTree.setModel(oModel);
-	      var oTreeNodeTemplate = new sap.ui.commons.TreeNode("node");
-	      oTreeNodeTemplate.bindProperty("text", "name");
-	      oTreeNodeTemplate.setExpanded(true);
-	        oTree.bindAggregation("nodes", {
-	            path: "/root",
-	            template: oTreeNodeTemplate,
-	            parameters: {
-	            	// specify array names which should be displayed
-	            	// if nothing is specified every array will be displayed
-	            	// nested arrays where the parent is not in the list won't be displayed
-	            	// if you don't have arrays in your data structure don't set this parameter at all
-	               arrayNames : ["level0","level1","level2"]
-				}
-	        });
-	      oTree.placeAt("targetTree");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter1"});
-	      oLabel.placeAt("filter1");
-	      var oFilterField = new sap.ui.commons.TextField({value : "name"});
-	      oFilterField.placeAt("filter1");
-	      var oFilterOperator = new sap.ui.commons.TextField({value : "EQ"});
-	      oFilterOperator.placeAt("filter1");
-	      var oFilterValue = new sap.ui.commons.TextField({value : "subsubitem3"});
-	      oFilterValue.placeAt("filter1");
-	      oLabel = new sap.ui.commons.Label({text: "OR"});
-	      oLabel.placeAt("filter1");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter2"});
-	      oLabel.placeAt("filter2");
-	      var oFilterField2 = new sap.ui.commons.TextField({value : "name"});
-	      oFilterField2.placeAt("filter2");
-	      var oFilterOperator2 = new sap.ui.commons.TextField({value : "Contains"});
-	      oFilterOperator2.placeAt("filter2");
-	      var oFilterValue2 = new sap.ui.commons.TextField({value : "2"});
-	      oFilterValue2.placeAt("filter2");
-	      var oButton = new sap.ui.commons.Button("button1");
-	      oButton.setText("filter tree");
-	      oButton.attachPress(function() {
-	    		filterModel();
-	      });
-	      oButton.placeAt("button");
-		function filterModel() {
-			var oFilter = new sap.ui.model.Filter(oFilterField.getValue(),oFilterOperator.getValue(),oFilterValue.getValue());
-			var oFilter2 = new sap.ui.model.Filter(oFilterField2.getValue(),oFilterOperator2.getValue(),oFilterValue2.getValue());
-			var oTreeBinding = oTree.getBinding("nodes");
-			oTreeBinding.filter([oFilter, oFilter2]);
-		}
-	</script>
-	</head>
-	<body class="sapUiBody">
-		<h1>Tree data binding test page using JSON Model and data in nested arrays</h1>
-		<div id="targetTree"></div>
-		<p></p>
-		<p></p>
-		<div id="filter1"></div>
-		<div id="filter2"></div>
-		<div id="button"></div>
-	</body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTwoWay.html DELETED Viewed

@@ -1,158 +0,0 @@
-<!DOCTYPE HTML>
-<html>
- <head>
-   <title>Data binding test page with Two Way data binding and JSON Model</title>
-    <!-- ********************************************************************** -->
-    <!-- JavaScript Bootstrap:                                                  -->
-    <!-- Extend the "libs" property if you like to import additional libraries  -->
-    <!-- ********************************************************************** -->
-    <script id="sap-ui-bootstrap"
-        src="../../../../../../resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_bluecrystal"
-        data-sap-ui-trace="true">
-    </script>
-    <script>
-    	try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-    	sap.ui.require(["sap/ui/core/Core"], function(Core) {
-			Core.ready().then(doIt);
-		});
-    	var oModel = new sap.ui.model.json.JSONModel();
-    	var oData = {
-        		firstName: "John",
-        		lastName: "Doe",
-        		birthday: {day:1,month:4,year:1970},
-        		address:[{city:"Walldorf"}],
-        		enabled: true
-        	};
-    	oModel.setData(oData);
-    	sap.ui.getCore().setModel(oModel);
-    	function doIt(){
-    		var oLbl = new sap.ui.commons.Label({text : "Model default binding mode: " + oModel.getDefaultBindingMode()});
-    		oLbl.placeAt("target0");
-    		oLbl = new sap.ui.commons.Label({text : "Textfield with Two Way data binding"});
-			var oText = new sap.ui.commons.TextField({value : "{/firstName}"});
-			oLbl.placeAt("target1");
-			oText.placeAt("target2");
-    		oLbl = new sap.ui.commons.Label({text : "Textfield with One Way data binding"});
-			oLbl.placeAt("target3");
-			var oText = new sap.ui.commons.TextField();
-			// bind value property one way only
-			// propertyname, formatter function, binding mode
-			oText.bindValue("/firstName", null, sap.ui.model.BindingMode.OneWay);
-			oText.placeAt("target4");
-			oLbl = new sap.ui.commons.Label({text : "First Name value:"});
-			oLbl.placeAt("target5");
-    		oText = new sap.ui.commons.TextView({text : "{/firstName}"});
-			oText.placeAt("target6");
-			oLbl = new sap.ui.commons.Label({text: "ComboBox with Two Way data binding"});
-			oLbl.placeAt("target7");
-    		var oCombo = new sap.ui.commons.ComboBox({value : "{/firstName}"});
-            oCombo.addItem(new sap.ui.core.ListItem("i1",{text:"John", additionalText: "(1)"}));
-            oCombo.addItem(new sap.ui.core.ListItem("i2",{text:"Jane", additionalText: "(2)"}));
-            oCombo.addItem(new sap.ui.core.ListItem("i3",{text:"Jack", additionalText: "(3)"}));
-            oCombo.placeAt("target8");
-			var oBtn = new sap.ui.commons.Button({
-				text : "Read First Name value from the model and display in textfield",
-				press : function(){oTextBtn.setText(oModel.getProperty("/firstName"))}
-			});
-			oBtn.placeAt("target9");
-    		var oTextBtn = new sap.ui.commons.TextView({text : oModel.getProperty("/firstName")});
-    		oTextBtn.placeAt("target10");
-			oBtn = new sap.ui.commons.Button({
-				text : "Set textfield value as First Name value in the model",
-				press : function(){oModel.setProperty("/firstName",oTextSetBtn.getValue())}
-			});
-			oBtn.placeAt("target11");
-    		var oTextSetBtn = new sap.ui.commons.TextField({value: oModel.getProperty("/firstName")});
-    		oTextSetBtn.placeAt("target12");
-			var oChkBx = new sap.ui.commons.CheckBox({change:handleCheckBoxChange});
-			oChkBx.bindChecked("/enabled", null, sap.ui.model.BindingMode.OneWay);
-			oChkBx.placeAt("target13");
-			var oML = new sap.ui.commons.layout.MatrixLayout();
-			oML.setLayoutFixed(false);
-			oTxt = new sap.ui.commons.TextField("firstName");
-			oLbl = new sap.ui.commons.Label({text:"First Name", labelFor:"firstName"});
-			oML.createRow(oLbl, oTxt);
-			oTxt.bindValue("/firstName");
-			oTxt.bindProperty("enabled", "/enabled");
-			oTxt = new sap.ui.commons.TextField("lastName");
-			oLbl = new sap.ui.commons.Label({text:"Last Name", labelFor:"lastName"});
-			oML.createRow(oLbl,	oTxt);
-			oTxt.bindValue("/lastName");
-			oTxt.bindProperty("enabled", "/enabled");
-			oML.placeAt("target14");
-    	};
-    	function update(){
-			oModel.setProperty("/firstName", sap.ui.getCore().byId("source").getValue());
-    	};
-    	function handleCheckBoxChange(oEvent){
-    		var bEnabled = oEvent.getParameter("checked");
-    		//oModel.setProperty("enabled", bEnabled);
-    		oModel.setProperty("/enabled", bEnabled);
-    	};
-    </script>
-  </head>
-  <body class="sapUiBody">
-    <div>
-      <div id="header">
-        <h1>Data binding test page with Two Way data binding and JSON Model</h1>
-      </div>
-      <div id="target0"></div>
-      <hr/>
-      <div id="target1"></div>
-      <div id="target2"></div>
-      <hr/>
-      <div id="target3"></div>
-      <div id="target4"></div>
-      <hr/>
-      <div id="target5"></div>
-      <div id="target6"></div>
-      <hr/>
-      <div id="target7"></div>
-      <div id="target8"></div>
-      <hr/>
-      <div id="target9"></div>
-      <div id="target10"></div>
-      <hr/>
-      <div id="target11"></div>
-      <div id="target12"></div>
-      <hr/>
-      <div id="target13"></div>
-      <div id="target14"></div>
-    </div>
-  </body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTwoWayTable.html DELETED Viewed

@@ -1,141 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Two Way data binding, table and JSON Model</title>
-		<!-- ********************************************************************** -->
-		<!-- JavaScript Bootstrap:                                                  -->
-		<!-- Extend the "libs" property if you like to import additional libraries  -->
-		<!-- ********************************************************************** -->
-		<script id="sap-ui-bootstrap"
-				src="../../../../../../resources/sap-ui-core.js"
-				data-sap-ui-theme="sap_bluecrystal"
-				data-sap-ui-trace="true">
-		</script>
-		<script>
-			try {
-				sap.ui.getCore().loadLibrary("sap.ui.commons");
-			} catch(e) {
-				alert("This test page requires the library 'sap.ui.commons' which is not available.");
-				throw(e);
-			}
-			try {
-				sap.ui.getCore().loadLibrary("sap.ui.table");
-			} catch(e){
-				alert("This test page requires the library 'sap.ui.table' which is not available.");
-				throw(e);
-			}
-			sap.ui.require(["sap/ui/core/Core"], function(Core) {
-				Core.ready().then(function() {
-					var logger = jQuery.sap.domById("sap-ui-TraceWindowRoot");
-					if (logger)
-						logger.style.display = "none";
-					var oHeader = new sap.ui.commons.ApplicationHeader();
-					oHeader.setLogoText("Testpage with Two Way Data Binding, Tables and JSON Model");
-					oHeader.setDisplayLogoff(false).setDisplayWelcome(false);
-					oHeader.placeAt("header");
-					var mdData = {
-						clients:[
-							{firstName:"Donald", lastName:"Duck", id: "1", rating : 5},
-							{firstName:"Lucky", lastName:"Luke", id: "2", rating : 2},
-							{firstName:"Micky", lastName:"Mouse", id: "3", rating : 1},
-							{firstName:"Black", lastName:"Spider", id: "4", rating : 3},
-							{firstName:"Judge", lastName:"Dredd", id: "5", rating : 4},
-							{firstName:"Captain", lastName:"Comic", id: "6", rating : 5},
-							{firstName:"Flash", lastName:"Gordon", id: "7" , rating : 0}
-						]
-					};
-					var oModel = new sap.ui.model.json.JSONModel();
-					oModel.setData(mdData);
-					sap.ui.getCore().setModel(oModel);
-					var oTable = new sap.ui.table.Table({
-						title : "Clients Table1",
-						width : "100%",
-						visibleRowCount : 5,
-						selectionMode : sap.ui.table.SelectionMode.Single,
-						editable : true
-					});
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Client ID"}),
-						template: new sap.ui.commons.TextField({value:"{id}"}),
-						sortProperty: "id",
-						filterProperty: "id"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "First Name"}),
-						template: new sap.ui.commons.TextField({value:"{firstName}"}),
-						sortProperty: "firstName",
-						filterProperty: "firstName"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Last Name with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-						template: new sap.ui.commons.TextField().bindValue("lastName",null, sap.ui.model.BindingMode.OneWay),
-						sortProperty: "lastName",
-						filterProperty: "lastName"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Rating"}),
-						template: new sap.ui.commons.RatingIndicator({value:"{rating}"}),
-						sortProperty: "rating",
-						filterProperty: "rating"
-					}));
-					oTable.bindRows("/clients");
-					oTable.placeAt("tableArea1");
-					oTable = new sap.ui.table.Table({
-						title : "Clients Table2",
-						width : "100%",
-						visibleRowCount : 5,
-						selectionMode : sap.ui.table.SelectionMode.Single,
-						editable : true
-					});
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Client ID with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-						template: new sap.ui.commons.TextField().bindValue("id",null, sap.ui.model.BindingMode.OneWay),
-						sortProperty: "id",
-						filterProperty: "id"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "First Name"}),
-						template: new sap.ui.commons.TextField({value:"{firstName}"}),
-						sortProperty: "firstName",
-						filterProperty: "firstName"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Last Name"}),
-						template: new sap.ui.commons.TextField({value:"{lastName}"}),
-						sortProperty: "lastName",
-						filterProperty: "lastName"
-					}));
-					oTable.addColumn(new sap.ui.table.Column({
-						label: new sap.ui.commons.Label({text: "Rating with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-						template: new sap.ui.commons.RatingIndicator().bindValue("rating",null, sap.ui.model.BindingMode.OneWay),
-						sortProperty: "rating",
-						filterProperty: "rating"
-					}));
-					oTable.bindRows("/clients");
-					oTable.placeAt("tableArea2");
-				});
-			});
-		</script>
-	</head>
-	<body class="sapUiBody">
-		<div id="header"></div>
-		<div id="tableArea1"></div>
-		<p></p>
-		<div id="tableArea2"></div>
-	</body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTypes.html DELETED Viewed

@@ -1,265 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-<title>Data binding test page with Data Types</title>
-<!-- ********************************************************************** -->
-<!-- JavaScript Bootstrap:                                                  -->
-<!-- Extend the "libs" property if you like to import additional libraries  -->
-<!-- ********************************************************************** -->
-<script id="sap-ui-bootstrap"
-	src="../../../../../../resources/sap-ui-core.js"
-	data-sap-ui-theme="sap_bluecrystal"
-	data-sap-ui-trace="true">
-</script>
-<script>
-	try{
-		sap.ui.getCore().loadLibrary("sap.ui.commons");
-	}catch(e){
-		alert("This test page requires the library 'sap.ui.commons' which is not available.");
-		throw(e);
-	}
-	var oModel = new sap.ui.model.json.JSONModel();
-	oModel.setData({
-		visibleItems : 3,
-		sliderValue : 56.12,
-		booleanValue : true,
-		teamMembers : [ {
-			firstName : "Andreas",
-			lastName : "Klark",
-			id : "1",
-			rating : "3.5"
-		}, {
-			firstName : "Peter",
-			lastName : "Miller",
-			id : "2",
-			rating : "2.1"
-		}, {
-			firstName : "Gina",
-			lastName : "Rush",
-			id : "3",
-			rating : "1.0"
-		}, {
-			firstName : "Steave",
-			lastName : "Ander",
-			id : "4",
-			rating : "3"
-		}, {
-			firstName : "Michael",
-			lastName : "Spring",
-			id : "5",
-			rating : "4.4"
-		}, {
-			firstName : "Marc",
-			lastName : "Green",
-			id : "6",
-			rating : "2.5"
-		}, {
-			firstName : "Frank",
-			lastName : "Wallas",
-			id : "7",
-			rating : "4.5"
-		} ]
-	});
-	sap.ui.getCore().setModel(oModel);
-	// Integer
-	var oInteger = new sap.ui.model.type.Integer(null, {
-		maximum: 7
-	});
-	var oInput = new sap.ui.commons.TextField({
-		value : {
-			path : "/visibleItems",
-			type : oInteger
-		}
-	});
-	oInput.placeAt("target1");
-	var oLB = new sap.ui.commons.ListBox("myLb", {
-		displaySecondaryValues : true,
-		height : "200px"
-	});
-	var oItemTemplate = new sap.ui.core.ListItem();
-	oItemTemplate.bindProperty("text", "firstName").bindProperty(
-			"additionalText", "lastName").bindProperty("enabled", "enabled");
-	oLB.bindAggregation("items", "/teamMembers", oItemTemplate);
-	oLB.bindProperty("visibleItems", "/visibleItems", oInteger);
-	oLB.placeAt("target2");
-	// Float
-	var oFloat = new sap.ui.model.type.Float({
-		minFractionDigits : 2,
-		maxFractionDigits : 2
-	}, {
-		maximum : 80
-	});
-	var oInput = new sap.ui.commons.TextField({
-		value : {
-			path : "/sliderValue",
-			type : oFloat
-		}
-	});
-	oInput.placeAt("target3");
-	var oSlider = new sap.ui.commons.Slider({
-		width : "400px",
-		value : {
-			path : "/sliderValue",
-			type : oFloat
-		}
-	});
-	oSlider.placeAt("target4");
-	// String
-	var oRating = new sap.ui.commons.RatingIndicator();
-	oRating.bindValue("/teamMembers/0/rating", new sap.ui.model.type.String());
-	oRating.placeAt("target5");
-	var oString = new sap.ui.model.type.String();
-	var oTextField = new sap.ui.commons.TextField();
-	oTextField.bindValue("/teamMembers/0/rating",
-			new sap.ui.model.type.String());
-	oTextField.placeAt("target6");
-	var oTextField = new sap.ui.commons.TextField();
-	var oString = new sap.ui.model.type.String(null, {
-		minLength : 3,
-		maxLength : 10
-	});
-	oTextField.bindValue("/teamMembers/0/firstName", oString);
-	oTextField.placeAt("target7");
-	// Boolean
-	var oChck = new sap.ui.commons.CheckBox();
-	oChck.bindChecked("/booleanValue", new sap.ui.model.type.Boolean());
-	oChck.placeAt("target8");
-	var oTextField = new sap.ui.commons.TextField();
-	oTextField.bindValue("/booleanValue", new sap.ui.model.type.Boolean());
-	oTextField.placeAt("target9");
-	var msgBar = new sap.ui.commons.MessageBar("msgBar");
-	msgBar.setAnchorID("myLabel");
-	sap.ui.getCore().attachValidationSuccess(
-			function(oEvent) {
-				var oElement = oEvent.getParameter("element");
-				var sProperty = oEvent.getParameter('property');
-				var oValue = oEvent.getParameter('newValue');
-				var oType = oEvent.getParameter('type');
-				var oOldValue = oEvent.getParameter('oldValue');
-				var sMessage = oEvent.getParameter('message');
-				var sMsg = oElement.getId() + ": Validated successfully";
-				var msg = new sap.ui.commons.Message({
-					type : sap.ui.commons.MessageType.Success,
-					text : sMsg
-				});
-				msgBar.addMessages([ msg ]);
-				if (oElement.setValueState)
-					oElement.setValueState(sap.ui.core.ValueState.None);
-			});
-	sap.ui.getCore().attachValidationError(
-			function(oEvent) {
-				var oElement = oEvent.getParameter("element");
-				var sProperty = oEvent.getParameter('property');
-				var oValue = oEvent.getParameter('newValue');
-				var oType = oEvent.getParameter('type');
-				var oOldValue = oEvent.getParameter('oldValue');
-				var sMessage = oEvent.getParameter('message');
-				var sMsg = oElement.getId() + ": " + sMessage;
-				var msg = new sap.ui.commons.Message({
-					type : sap.ui.commons.MessageType.Warning,
-					text : sMsg
-				});
-				msgBar.addMessages([ msg ]);
-				if (oElement.setValueState)
-					oElement.setValueState(sap.ui.core.ValueState.Warning);
-				// reset to old value
-				//oElement.prop(sProperty, oOldValue);
-			});
-	sap.ui.getCore().attachParseError(
-			function(oEvent) {
-				var oElement = oEvent.getParameter("element");
-				var sProperty = oEvent.getParameter('property');
-				var oValue = oEvent.getParameter('newValue');
-				var oType = oEvent.getParameter('type');
-				var oOldValue = oEvent.getParameter('oldValue');
-				var sMessage = oEvent.getParameter('message');
-				var sMsg = oElement.getId() + ": " + sMessage;
-				var msg = new sap.ui.commons.Message({
-					type : sap.ui.commons.MessageType.Error,
-					text : sMsg
-				});
-				msgBar.addMessages([ msg ]);
-				if (oElement.setValueState)
-					oElement.setValueState(sap.ui.core.ValueState.Error);
-			});
-	sap.ui.getCore().attachFormatError(
-			function(oEvent) {
-				var oElement = oEvent.getParameter("element");
-				var sProperty = oEvent.getParameter('property');
-				var oValue = oEvent.getParameter('newValue');
-				var oType = oEvent.getParameter('type');
-				var oOldValue = oEvent.getParameter('oldValue');
-				var sMessage = oEvent.getParameter('message');
-				var sMsg = oElement.getId() + ": " + sMessage;
-				var msg = new sap.ui.commons.Message({
-					type : sap.ui.commons.MessageType.Error,
-					text : sMsg
-				});
-				msgBar.addMessages([ msg ]);
-				if (oElement.setValueState)
-					oElement.setValueState(sap.ui.core.ValueState.Error);
-			});
-	var oLabel = new sap.ui.commons.Label("myLabel");
-	oLabel.placeAt("msgbar");
-</script>
-</head>
-<body class="sapUiBody">
-	<div>
-		<div id="header">
-			<h1>Data binding type support test page</h1>
-		</div>
-		<span id="msgbar" style="position: absolute; left: 50%"></span>
-		<h2>Integer</h2>
-		<div id="target1"></div>
-		<div id="target2"></div>
-		<hr />
-		<h2>Float</h2>
-		<div id="target3"></div>
-		<div id="target4"></div>
-		<hr />
-		<h2>String</h2>
-		<div id="target5"></div>
-		<div id="target6"></div>
-		<div id="target7"></div>
-		<h2>Boolean</h2>
-		<div id="target8"></div>
-		<div id="target9"></div>
-	</div>
-</body>
-</html>