JSFiddle

  • SO @media question #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div id="container">
       <div id="one">hi</div>
       <div id="two" class="hidden">hi</div>
       <div id="three" class="hidden">hi</div>
    </div>
  • FilterSelect #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="container-fluid">
      <form class="form-inline">
        <div class="row">
          <div class="col-sm-6">
            <label for="filter">Filter</label>
            <input id="filter" type="text" class="form-control">
            </input>
          </div>
    
    
          <div class="form-group col-sm-6">
    
            <label>Selectivity</label>
            <select class="form-control">
            </select>
          </div>
        </div>
      </form>
    </div>
    
  • acs student director search

    jQuery 2.0.2, HTML, CSS, JavaScript

    $('#chapterSearch').keyup(function () {
        var valThis = $(this).val().toLowerCase();
        $('#chapterSearchList>li').each(function () {
            var text = $(this).children(".name").text().toLowerCase();
            (text ...
  • Windows File Path to Url Converter #60 is the latest revision

    Converts windows file paths to urls or html links.

    $(document).ready(function () {
        $('#toUrl').click(toUrl);
        $('#toLink').click(toLink);
    });
    
    String.prototype.replaceAll = function (find, replace) {
        var str = this;
        return str ...
  • html to Asp.Net WebForms WebControls

    A crude converter for your html forms.

    var elementEndRegex = /(\/>|>)/;
    var idRegex = /(id=|ID=)\s*"([a-zA-Z0-9_]+)"/;
    var requiredRegex = /(\s+required\s*)/;
    var patternRegex = /(pattern\s*=\s*)"(.+?)"/;
    var titleRegex ...
  • acs student director search

    jQuery 2.0.2, HTML, CSS, JavaScript

    
    $('#chapterSearch').keyup(function () {
        var valThis = $(this).val().toLowerCase();
        $('#chapterSearchList>li').each(function () {
            var text = $(this).children(".name").text().toLowerCase();
            (text ...
  • Innovative Activities Grant Application

    jQuery 2.0.2, HTML, CSS, JavaScript

    //=========================================
    //Student director search modal
    //-----------------------------------------
    $('#chapterSearch').keyup(function () {
        var valThis = $(this).val().toLowerCase();
        $('#chapterSearchList>li').each(function () {
            var text = $(this).children ...
  • National Meeting Travel Grant Application

    jQuery (edge), HTML, CSS, JavaScript

    <form>
        <fieldset>
            <legend>Application</legend>
            <p>This grant requires at least one student from your chapter to be presenting a research or chapter activities poster ...</p></fieldset></form>
  • Innovative Activities Grant Application Confirmation

    jQuery (edge), HTML, CSS, JavaScript

    <fieldset>
        <legend>General Information</legend>
        <div class="row-fluid">
            <div class="span3">
                <p class="field-header">Project Title</p>
            </div>
            <div class="span9">
                <p>Chemistry In Motion</p>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span3">
                <p class="field-header">Project Goal</p>
            </div>
            <div class="span9">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam orci ...</p></div></div></fieldset>
  • chapter info table

    jQuery (edge), HTML, CSS, JavaScript

    <form action="">
        <fieldset>
            <legend>Chapter Info</legend>
            <div class="row-fluid">
                <div class="span6">ChapterName
                    <br/>chapterAddress
                    <br/>
                    <br/>
                    <table>
                        <tr>
                            <th>Date Chartered</th>
                            <td>5/1/1969</td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td>active</td>
                        </tr>
                        <tr>
                            <td>
                                <br/>
                            </td>
                        </tr>
                        <tr>
                            <th>Academic Year</th>
                            <td>2012-2013</td>
                        </tr>
                        <tr>
                            <th>Report Status</th>
                            <td>Pending</td>
                        </tr>
                    </table>
                </div>
                <div class="span6">
                    <table class="grayHeaders">
                        <tr>
                            <th colspan="2">Chapter Officers</th>
                            <tr>
                                <td>Co-President ...</td></tr></tr></table></div></div></fieldset></form>