nikku

<ul id="languages" class="fake-input" tabindex="1"></ul>
<script type="text/javascript">
    $("#languages").tagit();
</script>

nikku

<ul id="languages" class="fake-input" tabindex="1"></ul>
<script type="text/javascript">
    var tags = ["Java", "Javascript", "Python", "C", 
                "C++", "Ruby", "CSS", "HTML", "C#", 
                "Visual Basic", "Prolog", "Smalltalk", 
                "Scala", "Haskel", "Bash"];
    $("#languages").tagit({
        tags: tags
    });
</script>

nikku

<ul id="languages" class="fake-input" tabindex="1">
    <li>C++</li>
    <li>Java</li>
</ul>

<script type="text/javascript">
    $("#languages").tagit();
</script>

nikku

<ul id="languages4" class="fake-input" tabindex="1">
    <li>Java</li>
</ul>
                           
<div class="clearfix">
    <a href="#" onclick="$('#languages4').tagit('addTag', 'C++'); return false">Add C++ tag</a> |
    <a href="#" onclick="$('#languages4').tagit('removeTag', 'Java'); return false">Remove Java tag</a> |
    <a href="#" onclick="alert('Added tags: ' + $('#languages4').tagit('getTags')); return false">Show selected tags</a>
</div>

nikku

<a class="ajax" rel="sample1-dialog" href="dialog1.html">Check out running example</a>

nikku

<h1>My Dialog</h1> 
<p> 
    This is some fine body.
    <a class="ajax" href="./dialog2.html">Click this link</a> (will stay in dialog).
</p> 

nikku

<h1>Thanks :-)</h1> 
<p> 
    Thanks for clicking the previous link. May you tell me your name?
</p> 
<form class="ajax" method="get" action="finish.html"> 
    <fieldset> 
        <div class="clearfix"> 
            <label for="name">Your name</label> 
            <div class="input"> 
                <input type="text" name="name" id="name" /> 

nikku

<h1>That's really it</h1> 
<p> 
    All right, so much about this short demo.
</p>
<div class="actions">
    <button class="close-dialog">Close</button>
</div>

nikku

<a href="#" rel="alert3" class="open-dialog2">Demonstrate that!</a>

<div id="alert3">
    <h1>This is a special alert</h1>
    <p>Submit this dialog to go to heaven!</p>
    <form class="ajax" method="get" action="heaven.html">
        <input type="hidden" name="nothing" value="to-see" />
        <div class="actions">
            <input type="submit" />
            <button class="close-dialog">Close</button>

nikku

<p class="custom-dialog-content">
    foo
</p>
<p class="custom-dialog-content">
    and
</p>
<p class="custom-dialog-content">
    bar
</p>
<p class="custom-dialog-content">