jquery - jquerytools overlay initiated by onclick -
i'm trying use jquerytools overlay confirmation dialogue. have problem 'onclick' function call overlay.
html
<!-- list element --> <ul> <li id="item1"> <div class="listname">mylistelement-1</div> <div class="listctrlr"><span onclick="delitem(1, 'mylistelement-1')" rel="#deldlg">delete</span></div> </li> <li id="item2"> <div class="listname">mylistelement-2</div> <div class="listctrlr"><span onclick="delitem(2, 'mylistelement-2')" rel="#deldlg">delete</span></div> </li> <li id="item3"> <div class="listname">mylistelement-3</div> <div class="listctrlr"><span onclick="delitem(3, 'mylistelement-3')" rel="#deldlg">delete</span></div> </li> </ul> <!-- overlay dialogue --> <div id="deldlg" class="modd"> <h5>confirmation - delete campaign</h5> <div class="ctn"> <p id="dq">are sure want permanently delete data?</p> <p id="di"></p> <input type="button" value="yes" id="delsubmit" class="brbutton s grdred"> <input type="button" value="no" class="brbutton s close"> </div> </div> javascript
function delitem(iid, iname) { var trigger = this; trigger.overlay({ fixed: false, closeonclick: false, mask: {color:'#660000', loadspeed:100, opacity:0.9}, onbeforeload:function() { jquery('#di').html(iname); jquery('#delsubmit').attr('onclick', 'del_camp('+iid+')'); } }); } as use scripts above, returns 'trigger.overlay not function'. me figure out?
i'm expecting have following result (let's want delete element-2)
confirmation - delete campaign ------------------------------------------------------------- sure want permanently delete data? mylistelement-2 [ yes ] [ no ]
i think should $(this).overlay(...) instead, not jquery object simple dom object not able access jquery functions/plugins
Comments
Post a Comment