Changeset 238

Timestamp:

06/22/05 13:09:42 (8 years ago)

Author:

gocher

Message:

new config property skin

skin select for full_example

Location:

trunk

Files:

• examples/full_example-body.html (modified) (1 diff)
• examples/full_example-menu.html (modified) (1 diff)
• examples/full_example.js (modified) (2 diffs)
• htmlarea.js (modified) (2 diffs)

trunk/examples/full_example-body.html

@@ -130 +130 @@
     window.onload = xinha_init;
   </script>
-  <link type="text/css" rel="stylesheet" title="blue-look" href="../skins/blue-look/skin.css" />
+  <!--link type="text/css" rel="alternate stylesheet" title="blue-look" href="../skins/blue-look/skin.css" />
   <link type="text/css" rel="alternate stylesheet" title="green-look" href="../skins/green-look/skin.css" />
   <link type="text/css" rel="alternate stylesheet" title="xp-blue" href="../skins/xp-blue/skin.css" />
   <link type="text/css" rel="alternate stylesheet" title="xp-green" href="../skins/xp-green/skin.css" />
   <link type="text/css" rel="alternate stylesheet" title="inditreuse" href="../skins/inditreuse/skin.css" />
-  <link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="../skins/blue-metallic/skin.css" />
+  <link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="../skins/blue-metallic/skin.css" /-->
 </head>
 

trunk/examples/full_example-menu.html

@@ -161 +161 @@
           </select>
         </label>
+        <label>
+          Skin:
+          <select name="skin">
+          <option value="blue-look">blue-look</option>
+          <option value="green-look">green-look</option>
+          <option value="xp-blue">xp-blue</option>
+          <option value="xp-green">xp-green</option>
+          <option value="inditreuse">inditreuse</option>
+          <option value="blue-metallic">blue-metallic</option>
+          </select>
+        </label>
     </fieldset>
     <input type="submit" value="Show Example" />

trunk/examples/full_example.js

@@ -12 +12 @@
 
   var num     = 1;
+  var skin    = "";
   if(window.parent && window.parent != window)
   {
     var f = window.parent.menu.document.forms[0];
     _editor_lang = f.lang.value;
+    skin = f.skin.value;
     num = parseInt(f.num.value);
     if(isNaN(num))
@@ -40 +42 @@
     var    config = new HTMLArea.Config();
 
+    if(skin != "")
+    {
+      config.skin = skin;
+    }  
     if(typeof CSS != 'undefined')
     {

trunk/htmlarea.js

@@ -278 +278 @@
 
   this.flowToolbars = true;
+  
+  // skin stylesheet to load
+  this.skin = "";
 
   /** CUSTOMIZING THE TOOLBAR
@@ -1126 +1129 @@
       return false;
   }
+  
+  if(editor.config.skin != "") {
+    var found=false;
+    var head = document.getElementsByTagName("head")[0];
+    var links = document.getElementsByTagName("link");
+    for(var i = 0; i<links.length; i++) {
+      if((links[i].rel == "stylesheet")&&(links[i].href == _editor_url + 'skins/' + editor.config.skin + '/skin.css'))
+        found = true;
+    }
+    if(!found) {
+      var link = document.createElement("link");
+      link.type = "text/css";
+      link.href = _editor_url + 'skins/' + editor.config.skin + '/skin.css';
+      link.rel = "stylesheet"
+      head.appendChild(link);
+    }
+  }
 
   //backwards-compatibility: load FullScreen-Plugin if we find a "popupeditor"-button in the toolbar