jquery - Replace standard javascript confirm with Twitter Bootstrap's modal - who triggered it? -

-

i'm trying replace standard javascript confirm twitter bootstrap modal window. working (the modal shown confirm text), i'm stuck trying catch caller href, need bind "ok" button.

here's code (almost working example: http://jsfiddle.net/k5udw/):

jquery.altconfirm = function (options) {     var box = '<div class="modal fade static" id="confirm" data-backdrop="static" tabindex="-1" role="dialog">';         box += '<div class="modal-dialog">';             box += '<div class="modal-content">';                 box += '<div class="modal-body"> </div>';                 box += '<div class="modal-footer">';                     box += '<button type="button" class="btn btn-default" data-dismiss="modal">no</button>';                     box += '<button type="button" class="btn btn-primary">ok</button>';                 box += '</div>';             box += '</div>';         box += '</div>';     box += '</div>';     $("body").append(box);      window.confirm = function () {         $(".modal-body").html( arguments[0].replace(/\n/, "<br />") );         $('.modal').modal();         $(".btn-default").on('click', function() {             $(this).modal('hide');         });         $(".btn-primary").on('click', function() {             return true; // need caller's href,                           // make proceed.                          // return true, obviously, nothing.         });     }; };  $(document).ready(function() {     $.altconfirm(); });

any hint? please note drop-in replacement standard javascript confirm, modifying way confirm called not possibility (if plugin active -> modal shown, if plugin not active -> standard confirm fired).

i've updated fiddle solution rewrites code on fly; useful solution if code generated framework , can't/don't want change framework's function writes it:

http://jsfiddle.net/k5udw/16/

on document ready(), looks tags , if finds "confirm" call, update parameter passed in order store other informations (link open or action execute when ok pressed on modal); function overrides standard confirm(), returns false (to stop execution) , handle has done when user press ok on modal:

$(document).ready(function() {             console.log('loading done');              jquery.each($('body').find('a'), function(i, val) {                  var hrefattr = ($(val).attr('href'));                  $(val).attr('href', '');                  $(val).attr('onclick', function(index, value) {                     if (value != undefined) {                          var att = '-';                         if (hrefattr == '#') {                             att = $(this).attr('onclick');                             //att = att.match(/{ (.*) }/);                             att = att.substring(att.indexof('{') + 1, att.indexof('}'));                         }                         if (value.indexof("confirm('") >= 0) {                             return value.replace("confirm('", "confirm('" + hrefattr + '||| ' + att + '||| ');                         }                         if (value.indexof('confirm("') >= 0) {                             return value.replace('confirm("', 'confirm("' + hrefattr + '||| ' + att + '||| ');                         }                      }                 });             });               $.altconfirm();         });

Comments

Post a Comment

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

-
i having problem, have grid called "gridbasica" , this: thisform.gridbase.recordsource = "sgviemp" sgviemp cursor made executing select sqlserver command sqlexec. when want modify registry, go form , the update there. so, when come form grid, grid isnt grid anymore, big white rectangle. reading around said: delete recordsource , asingt again. thisform.gridbase.recordsource = "" *--i sqlexe here thisform.gridbase.recordsource = "sgviemp" i , works, but, when click button modify again cursos updated modify form doesnt load fields did first time. could me out that? thanks in advance. --------------- edit ------------------ i have been doing recommended: lnselect = select(0) n = sqlexec(thisform.conexion,"select emp_ccodigo codigo, emp_cnombre 'nombre o razon social', emp_cnumrif 'r.i.f' sgviempr","sgviemp1") set echo on suspend select sgviemp zap in sgviemp *-- browse *--zaps correct
Read more

jquery - Set jPicker field to empty value -

-
im using jpicker color selector in form. have clear value set window/icon 'no color selected' state. i've tried following: $(':input[name="color"]').val(''); //access value directly. (does not affect jpicker) 2: $.jpicker.list[0].color.active.val('hex', '', this); //set color black , input value 000000, instead of empty string 3: $.jpicker.list[0].color.active.val(null, '', this); //does nothing none of 3 methods seems behave properly. in advance. this works me :) $.jpicker.list[0].color.active.val('v', null); here example: http://jsfiddle.net/3up7n/
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r
Read more