Context Navigation

← Previous Change
Ticket History
Next Change →

Changes between Initial Version and Version 1 of Ticket #10117

Timestamp:: Feb 25, 2013, 12:11:30 PM (13 years ago)
Author:: Piotrek Koszuliński
Comment:

Legend:

: Unmodified
: Added
: Removed
: Modified

Ticket #10117 – Description

-                      initial
+                      v1
 Example :
+{{{
 function addBox(){
 var divID = new Date().getTime()
 var divIdName = "block_"+divID;
 var newdiv = document.createElement('div');
 newdiv.setAttribute("id", divIdName);
 newdiv.setAttribute("contenteditable", "true");
 newdiv.innerHTML = "editable data";
 document.getElementById("parent_container").appendChild(newdiv);
+  var divID = new Date().getTime()
+  var divIdName = "block_"+divID;
+  var newdiv = document.createElement('div');
+  newdiv.setAttribute("id", divIdName);
+  newdiv.setAttribute("contenteditable", "true");
+  newdiv.innerHTML = "editable data";
+  document.getElementById("parent_container").appendChild(newdiv);
+}
+}}}
 In the body section of the page there's a div called "parent_container" and the new elements are appended to that container
 …
 example :
+{{{
 function addBox(){
 var divID = new Date().getTime()
 var divIdName = "block_"+divID;
 var newdiv = document.createElement('div');
 newdiv.setAttribute("id", divIdName);
 newdiv.innerHTML = "<div class='titleBoxWrapper'><div class='titleBoxHeaderTitleWrapper'><div class='titleBoxHeaderIcon'><img src='' /></div><div class='titleBoxHeaderTitle' contenteditable='true'>header title</div></div><div class='titleBoxContent' contenteditable='true'>new box</div></div>";
+  var divID = new Date().getTime()
+  var divIdName = "block_"+divID;
+  var newdiv = document.createElement('div');
+  newdiv.setAttribute("id", divIdName);
+  newdiv.innerHTML = "<div class='titleBoxWrapper'><div class='titleBoxHeaderTitleWrapper'><div class='titleBoxHeaderIcon'><img src='' /></div><div class='titleBoxHeaderTitle' contenteditable='true'>header title</div></div><div class='titleBoxContent' contenteditable='true'>new box</div></div>";
 document.getElementById("parent_container").appendChild(newdiv);
+}
+}}}
 In this example, I cannot call CKEDITOR.inline( divIdName ) as that would make the outer div editable and that is not want I want. The new div has inner elmenents that are editable, but these elements don't have an ID as in real life, the inner content of the new element is loaded from templates and therefore the content is general, without ID's. Only the outer div, into where the template is loaded, get's an ID.