예제 #1
0
<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" />
예제 #2
0
<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',
예제 #3
0
<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\$\$" />
&nbsp;[<a href="javascript:remove_collection_field( 'email-fields-list-\$\$counter\$\$' );" title="Remove this email field">-</a>]
예제 #4
0
<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");
예제 #5
0
<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) {
예제 #6
0
<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>
예제 #7
0
<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'),
예제 #8
0
<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+'"');
    }
예제 #9
0
$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>
예제 #10
0
<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;
예제 #11
0
<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() {
예제 #12
0
$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;}
예제 #13
0
<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: '-',
예제 #14
0
<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)
예제 #15
0
<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 />
예제 #16
0
<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',
예제 #17
0
<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
    });

});
예제 #18
0
<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>
예제 #19
0
<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 />
예제 #20
0
<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>
예제 #21
0
$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>
예제 #22
0
<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')
    });
예제 #23
0
<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>
        &nbsp;<a href="javascript:font_size('+','block1');" title="Increase font-size of block's content">A++</a>