jtaconite Follow @yiiframework

<h1>Example 1: Structure</h1>
<p>
This example shows how you can easily manipulate the structure of the DOM.
</p>
 
<input id="ex1" type="button" value="Run Example 1" />
<hr />
<div id="example1" style="background-color: #ffa; padding:10px; border:1px solid #ccc">
    This is the <span style="color:#800">structure example</span> div.
</div>
 
<?php
 
    $widget=$this->widget('ext.taconite.JTaconite');
    $widget->addEventHandler('#ex1','click',array(
        JTaconite::get("files/example1.php?ts='+new Date().getTime()); });")
    ));
    $widget->registerScript();
?>
<br />

<?php header('Content-type: text/xml'); ?> 
<taconite> 
    <after select="#example1"> 
        This text will go AFTER the example div. 
    </after> 
 
    <before select="#example1"> 
        <div>This div will go BEFORE the example div.</div> 
    </before> 
 
    <wrap select="#example1 span"> 
        <span style="border: 1px dashed #00F"></span> 
    </wrap> 
 
    <append select="#example1"> 
        <div>This div is APPENDED</div> 
    </append> 
</taconite>