Changeset 278

Timestamp:

12/11/06 17:25:16 (2 years ago)

Author:

d.reszka

Message:

some progress

Files:

• branches/0.2.1/sites/demo/index.htm (modified) (1 diff)
• branches/0.2.1/sites/demo/js/demo.css (modified) (2 diffs)
• branches/0.2.1/sites/demo/js/demo.htm (modified) (1 diff)
• branches/0.2.1/sites/demo/js/demo.js (modified) (1 diff)

branches/0.2.1/sites/demo/index.htm

@@ -28 +28 @@
-<script src="js/demo_launcher.js"></script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-</head>

branches/0.2.1/sites/demo/js/demo.css

@@ -9 +9 @@
-#demo dl                     { margin: 0; padding: 0;}
-#demo dd                     { margin-left: 3em; padding-left: 0;}
-
+
-/**/
-
@@ -35 +35 @@
-
-.wrapper        { padding: 0 20px 20px}
+

branches/0.2.1/sites/demo/js/demo.htm

@@ -49 +49 @@
-                <label for="edit_mode-skin">import an existing WYMstyle skin</label>
-                <br />
-modules
-modules
+build
+build
-        </div>  
-mode_skin
+edit_mode-skin-options
-                <h2>Choose a skin</h2>
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-        </div>
-mode_build
+edit_mode-build-options
-                <h2>Enable basic WYMstyle modules</h2>
-                <div class="row">
-                        <dl>
->typo-reset.css</input
-<label for="typo-reset">reset typography across browsers + hide accessibility elements</label> 
+ /><label for="typo-reset">typo-reset.css</label
+reset typography across browsers + hide accessibility elements<br />
-                        </dl>
-                </div>
-                <div class="row">
-                        <dl>
->dev.css</input
-<label for="dev">reveal elements using colors</label> (useful while creating CSS layouts and for this demo to color the different parts
+ /><label for="dev">dev.css</label
+reveal elements using colors<br /> (very useful while creating CSS layouts and for this demo
-                        </dl>
-                </div>                
-                <div class="row">
-                        <dl>
->print.css</input
-<label for="print">print media support</label>
+ /><label for="print">print.css</label
+print media support
-                        </dl>
-                </div>
-                <div class="row">
-                        <dl>
->layout-fixed.css</input
-<label for="layout-fixed">load basic fixed-width layout</label>
+ /><label for="layout-fixed">layout-fixed.css</label
+fixed-width layout
-                        </dl>
+                        
+                        <div id="layout-fixed-options" class="panel">
+                                <h2>Options for the choosen layout</h2>
+                                <div class="row">
+                                        <dl>
+                                                <dt>choose a column disposition:</dt>
+                                                <dd><input id="cols-1" type="radio" value="cols-1" name="cols" checked="checked" /><label for="cols-1">no columns</label></dd>
+                                                <dd><input id="cols-2-mx" type="radio" value="cols-2-mx" name="cols" /><label for="cols-2-mx">cols-2-mx.css</label></dd>
+                                                <dd><input id="cols-2-xm" type="radio" value="cols-2-xm" name="cols" /><label for="cols-2-xm">cols-2-xm.css</label></dd>
+                                                <dd><input id="cols-3-msn" type="radio" value="cols-3-msn" name="cols" /><label for="cols-3-msn">cols-3-msn.css</label></dd>
+                                                <dd><input id="cols-3-smn" type="radio" value="cols-3-smn" name="cols" /><label for="cols-3-smn">cols-3-smn.css</label></dd>
+                                        </dl>
+                                </div>
+                                <br />
+                                <div class="row">
+                                        <dl>
+                                        <dt><input id="branding" name="branding" type="checkbox" /><label for="branding">colors-branding.css</label></dt>
+                                        <dd><label for="branding">insert the logo using image replacement</label></dd>
+                                        </dl>
+                                </div>
+                                <div class="row">
+                                        <dl>
+                                                <dt><input id="navlang-topright" name="navlang-topright" type="checkbox" /><label for="navlang-topright">navlang-topright.css</label></dt>
+                                                <dd>move language menu to top right of page</dd>
+                                        </dl>
+                                </div>                                                                        
+                                <div class="row">
+                                        <dl>
+                                        <dt><input id="navpri-horizontal" name="navpri-horizontal" type="checkbox"><label for="navpri-horizontal">navpri-horizontal.css</label></dt>
+                                        <dd>move primary navigation to top of content</dd>
+                                        </dl>
+                                        <div id="navpri-horizontal-options" class="panel row">
+                                                <dl>
+                                                        <dt><input id="navpri-horizontal-menudown" name="navpri-horizontal-menudown" type="checkbox" /><label for="navpri-horizontal-menudown">navpri-horizontal-menudown.css</label></dt>
+                                                        <dd>use dropdown menus (hover menu links to see the effect)</dd>
+                                                </dl>
+                                        </div>
+                                        
+                                </div>
+                
+                
+                        </div>
+                        
-                </div>                
-        </div>        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-                <dt>        
->form01.css</input
-<label for="form01">form layout 01</label>
+ /><label for="form01">form01.css</label
+form layout 01
-                </dt>
-        </div>
+                 
-</div>
-</div>

branches/0.2.1/sites/demo/js/demo.js

@@ +1 @@
+function showStylesheetContaining(string) {
+        window.opener.jQuery("link[@rel*=style][@href*="+string+".css]").each(function(){this.disabled=false;});
+        window.opener.jQuery("link[@rel*=style][@href*="+string+"/all.css]").each(function(){this.disabled=false;});
+}       
+function hideStylesheetContaining(string) {
+        window.opener.jQuery("link[@rel*=style][@href*="+string+".css]").each(function(){this.disabled=true;});
+        window.opener.jQuery("link[@rel*=style][@href*="+string+"/all.css]").each(function(){this.disabled=true;});
+
+}
+function init() {
+        //hide demo launcher div
+        window.opener.jQuery("p#demo_launcher").hide();
+        //disable all css
+        hideStylesheetContaining("css");
+        //disable all inputs    
+        $("input").each(function(){this.checked=false});
+        //and hide all panels
+        $("div.panel").hide();
+        //keep demo window always on top
+        //window.onblur = function(){window.focus(); window.onblur = ''};
+}
+$.fn.check = function(mode) {
+        var mode = mode || 'on'; 
+        return this.each(function() {
+                switch(mode) {
+                case 'on':
+                        this.checked = true;
+                        alert("test1");
+                        alert($(this).id());
+                        break;
+                case 'off':
+                        this.checked = false;
+                        alert("OFF" + $(this).id());
+                        window.opener.jQuery("link[@rel*=style][@href*="+$(this).id()+"]").each(function(){this.disabled=true;});
+                        break;
+                case 'toggle':
+                        this.checked = !this.checked;
+                        break;
+                }
+        });
+};
-$(document).ready(function() {
-
-
-
+
+
+
+
+
+
-                function(){
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-                }