javascript - Bootstrap 3 : add confirm modal box for jQuery Inline delete row -



javascript - Bootstrap 3 : add confirm modal box for jQuery Inline delete row -

i have jquery function delete row info mysql. worked jquery confirm, need add together bootstrap 3 modal box confirm.

js:

function deletebox(id){ if (confirm("are sure want delete record?")) { var datastring = 'id='+ id; $("#flash_"+id).show(); $("#flash_"+id).fadein(400).html('<img src="image/loading.gif" /> '); $.ajax({ type: "post", url: "delete.php", data: datastring, cache: false, success: function(result){ if(result){ $("#flash_"+id).hide(); // if info delete if(result=='success'){ //check random no, animated type of effect var randnum=math.floor((math.random()*100)+1); if(randnum % 2==0){ // delete slide effect $("#list_"+id).slideup(1000); }else{ // hide info $("#list_"+id).hide(500); } }else{ var errormessage=result.substring(position+2); alert(errormessage); } } } }); } }

html:

<a href="javascript:void()"><img alt="delete" title="delete" width="20" src="image/delete.jpg" onclick=deletebox("1") border="0"></a>

how can add together bootstrap 3 confirm modal box function?!

obviously should implement modal box in html code. modal should have 2 buttons (ok , cancel) unique id attributes (probably within of modal-footer div)

# modal code around... <div class="modal-footer"> <button type="button" class="btn btn-danger" id="btndeleteyes" href="#">yes</button> <button type="button" class="btn btn-default" data-dismiss="modal">no</button> </div> # ...

clicking on btndeleteyes should trigger inner logics:

$('#btndeleteyes').click(function () { var datastring = 'id='+ id; $("#flash_"+id).show(); $("#flash_"+id).fadein(400).html('<img src="image/loading.gif" /> '); # here goes logics ajax query , on # ... # may want hide modal box @ point });

instead of implementing scratch seek bootbox.js uses bootstrap modals create dialog boxes. release necessity of writing modals html code , implementing callbacks hands.

here code like:

bootbox.dialog({ message: "are sure want delete record?", title: "confirm choice", buttons: { confirmation: { label: "yes, delete it", classname: "btn-success", callback: function() { var datastring = 'id='+ id; $("#flash_"+id).show(); $("#flash_"+id).fadein(400).html('<img src="image/loading.gif" /> '); # here goes logics ajax query , on # ... } }, refuse: { label: "no, leave alive", }, } });

javascript jquery twitter-bootstrap bootstrap-modal

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more