jqm popup experiments

by needlethread

HTML

<a href="#bc_ingred_tools" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a">Actions...</a>
sdfsdf
<a href="#bc_ingred_tools" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a">Actions...</a>

<div data-role="popup" id="bc_ingred_toolsx">
    <ul data-role="listview" data-inset="true" style="min-width:210px;" data-mini="true">
        <li data-role="list-divider">Choose an action</li>
        <li><a href="#">View details</a>

        </li>
        <li><a href="#">Edit</a>

        </li>
        <li><a href="#">Disable</a>

        </li>
        <li><a href="#">Delete</a>

        </li>
    </ul>
</div>
<div data-role="popup" id="bc_ingred_tools">
    <div data-role="controlgroup" data-type="horizontal" data-mini="true">	<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>
	<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>

    </div>
</div>

CSS

#bc_ingred_tools {
    padding: 0;
    border: none;
}

JavaScript

var str = "sdkjsdfkljh";
console.log("abc");

var attrExp = new RegExp("^[a-z]+");
var idxExp = new RegExp("[0-9]+$");

itemId = "malt3";

        var attr = attrExp.exec(itemId);
        var idx  = parseInt(idxExp.exec(itemId));

        // load the item details from the database
	console.log("recipe.itemChange called for attr " + attr);
        console.log(attr[0]);