<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "field-toggler" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'field-toggler'); ?> "></script> <link href="<?php echo build_preset_url('css', 'field-toggler'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> table { margin: 0; } td { padding: 4px; text-align: left; vertical-align: top;border: 1px dotted #eee; } </style> </head> <?php $MODEL_MASK = <<<EOT <label for="fileField">File field</label> <input type="file" id="fileField" name="fileField" />
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "tooltips" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'tooltips'); ?> "></script> <link href="<?php echo build_preset_url('css', 'tooltips'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> onDocumentLoad(function() { init_tooltips(); init_tooltips_help(); init_tooltips_input(); }); function init_tooltips() { return new TOOLTIP({ classname: 'ttlp', attribute: 'data-tooltip',
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "fields-collection" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'fields-collection'); ?> "></script> <link href="<?php echo build_preset_url('css', 'fields-collection'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> table { margin: 0; } td { padding: 4px; text-align: left; vertical-align: top;border: 1px dotted #eee; } </style> </head> <?php $MODEL_MASK = <<<EOT <label for="emailField_\$\$counter\$\$">Email field \$\$counter\$\$</label> <input type="text" id="emailField_\$\$counter\$\$" name="emailField[\$\$counter\$\$]" value="\$\$value\$\$" /> [<a href="javascript:remove_collection_field( 'email-fields-list-\$\$counter\$\$' );" title="Remove this email field">-</a>]
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "ajax" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'registry'); ?> "></script> <link href="<?php echo build_preset_url('css', 'registry'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> // new instance console.info("Initializing a new registry in '_reg'"); var _reg = Registry(); console.debug("dumping '_reg'"); _reg.debug(); // set test console.info("Setting registry '_reg' members : foo=bar, foo2=bar2, boolt=true, boolf=false"); _reg.set("foo", "bar");
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "dialog-box" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'dialog-box'); ?> "></script> <link href="<?php echo build_preset_url('css', 'dialog-box'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> function openPopup( content, title, width, height, callback ) { DialogBox('open', content, title, width, height, callback); return false; } function test_open() { openPopup('yo', 'My title'); } function test_openContent(_w,_h) {
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "checkboxes" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'checkboxes'); ?> "></script> <link href="<?php echo build_preset_url('css', 'checkboxes'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> table { margin: 1em; font-size: 1em; } tr.checked_on { background-color: red; } th { border-bottom: 1px dotted #ccc; padding: 4px; } td { border-bottom: 1px dotted #ddd; padding: 4px; } .floated { float: left; width: 260px; margin-left: 40px; } </style> </head>
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "node" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'node'); ?> "></script> <link href="<?php echo build_preset_url('css', 'node'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> function add_red_class() { addClassName( document.getElementById('block2'), 'red' ); } function remove_red_class() { removeClassName( document.getElementById('block2'),
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "extend" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'extend'); ?> "></script> <link href="<?php echo build_preset_url('css', 'extend'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> var _obj = { prop1: 'property 1', prop2: 'property 2', foo: 'bar', method1: function( arg ){ console.debug('receiving arg['+arg+'] from method "method1"'); }, test: function(){ console.debug('test: foo is "'+this.foo+'"'); }
$requirements = array('js' => array(), 'css' => array('commons')); ?> <html> <head> <title>Test of CSS callToAction buttons</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- Requirements --> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "buttons-action" --> <link href="<?php echo build_preset_url('css', 'buttons-action'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> </style> </head> <body> <p>This page provides tests of the CSS '<strong>callToAction buttons</strong>' construction.</p> <p>Original work from Andrew Roberts (<a href="http://sixrevisions.com/css/create-a-css3-call-to-action-button/">http://sixrevisions.com/css/create-a-css3-call-to-action-button/</a>).</p> <hr /> <div>
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "form-serialize" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'form-serialize'); ?> "></script> <link href="<?php echo build_preset_url('css', 'form-serialize'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> function formSerialize( form ) { console.debug('serialization of form '+form); // var serial = form_serialize( form ), var serial = form.serialize(), _div = document.getElementById('serial'), _str = '<p>Serialized form values : '+serial+'</p>' +'<p><a href="' + document.location.href+'?'+serial +'">Try to send the form by GET URI</a></p>'; _div.innerHTML = _str;
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "ajax" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'ajax'); ?> "></script> <link href="<?php echo build_preset_url('css', 'ajax'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> function test_ajax_txt() { return new Ajax({ url:'test/demo.htm', success:function(resp, e) { document.getElementById('TextDiv').innerHTML = resp; } }); } function test_ajax_txt_synch() {
$requirements = array('js' => array(), 'css' => array('commons')); ?> <html> <head> <title>Test of CSS boxes</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- Requirements --> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "boxes" --> <link href="<?php echo build_preset_url('css', 'boxes'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> .box { float: left; margin: 20px; padding: 20px; width: auto; max-width: 400px; height: auto; max-height: 400px; overflow: auto; } .box.small {width: auto; max-width: 300px; height: auto; max-height: 300px;}
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "show-hide" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'show-hide'); ?> "></script> <link href="<?php echo build_preset_url('css', 'show-hide'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> <?php if (empty($_GET)) { ?> // Initialization of the ShowHide functionality show_hide_init({ hide_class: 'hide', show_class: 'show', handler_hidden_content: '+', handler_shown_content: '-',
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "cookies" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'cookies'); ?> "></script> <link href="<?php echo build_preset_url('css', 'cookies'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> function sendCookie(){ var _ck = setCookie( 'example value', 'test_cookie', 3600, null, null, false ); if (_ck)
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "effect-blind" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'effect-blind'); ?> "></script> <link href="<?php echo build_preset_url('css', 'effect-blind'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> </style> </head> <body> <p>This page provides tests of the javascript '<strong>blind</strong>' effect; information is written in console.</p> <hr />
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "tab-content" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'tab-content'); ?> "></script> <link href="<?php echo build_preset_url('css', 'tab-content'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> onDocumentLoad(function() { init_tab(); init_tab_tabs2(); }); // with new options function init_tab() { window.tabs1 = new TabContent({ handler_list_id: 'tabsList', hide_class: 'hidden',
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "draggable" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'draggable'); ?> "></script> <link href="<?php echo build_preset_url('css', 'draggable'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> console.debug(Draggable.version); onDocumentLoad(function(){ var elt = document.getElementById('block4'); elt._draggable({ // useGhost: false }); });
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "window" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'window'); ?> "></script> <link href="<?php echo build_preset_url('css', 'window'); ?> " media="screen" rel="stylesheet" type="text/css" /> </head> <body> <p>This page provides tests of the javascript function '<strong>windows</strong>'; information is written in console.</p> <hr /> <ul> <li><a href="#" onclick="return popup_set('popup_content.php');">open popup</a></li> <li><a href="#" onclick="return opener_focus(NEWPOPUPWINDOW);">re-focus popup</a></li> <li><a href="#" onclick="return opener_focus(NEWPOPUPWINDOW, 'popup_content2.php');">re-focus popup & load new URL</a></li> <li><a href="#" onclick="return NEWPOPUPWINDOW.close();">close popup</a></li> </ul>
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "effect-slide" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'effect-slide'); ?> "></script> <link href="<?php echo build_preset_url('css', 'effect-slide'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> </style> </head> <body> <p>This page provides tests of the javascript '<strong>slide</strong>' effect; information is written in console.</p> <hr />
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "accordion" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'accordion'); ?> "></script> <link href="<?php echo build_preset_url('css', 'accordion'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> onDocumentLoad(function() { init_accordion(); }); function init_accordion() { window.accordion = new Accordion({ collapsible: true }); } </script>
$requirements = array('js' => array(), 'css' => array('commons')); ?> <html> <head> <title>Test of CSS BASE buttons</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- Requirements --> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "buttons-base" --> <link href="<?php echo build_preset_url('css', 'buttons-base'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> </style> </head> <body> <p>This page provides tests of the CSS '<strong>base buttons</strong>' construction.</p> <p>Original work from Kevin Hale (<a href="http://www.particletree.com/features/rediscovering-the-button-element/">http://www.particletree.com/features/rediscovering-the-button-element/</a>).</p> <hr /> <div>
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "resizable" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'resizable'); ?> "></script> <link href="<?php echo build_preset_url('css', 'resizable'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> onDocumentLoad(function(){ var elt = document.getElementById('block4'); elt.resizable(); var elt2 = document.getElementById('block5'); elt2.resizable({ resizer: document.getElementById('my-resizer') });
<script type="text/javascript" src="<?php echo build_requirements_url('js', $requirements['js']); ?> "></script> <link href="<?php echo build_requirements_url('css', $requirements['css']); ?> " media="screen" rel="stylesheet" type="text/css" /> <!-- Preset "font-tools" --> <script type="text/javascript" src="<?php echo build_preset_url('js', 'font-tools'); ?> "></script> <link href="<?php echo build_preset_url('css', 'font-tools'); ?> " media="screen" rel="stylesheet" type="text/css" /> <script language="Javascript" type="text/javascript"> </script> <style type="text/css"> .floated { float: left; width: 260px; margin-left: 40px; } </style> </head> <body> <p>This page provides tests of the javascript function '<strong>font_tools</strong>'; information is written in console.</p> <p><strong>With the function's default range :</strong> <a href="javascript:font_size('+','block1');" title="Increase font-size of block's content">A++</a>