Display dynamic values in javascript alertbox

Question

Display dynamic value in confirm box. This is how i wanted it to work but it didnt. Can anyone tell me how it is done properly.

<script type='text/javascript'>
    setTimeout(function(){
        var url = document.URL;
        var r = confirm("Your session is about to be timedout in " + for (var i = 10; i > 0; i--){ i } + " seconds! Would you like to logged in?");
        if (r == true) {
            location = url;
        } else {
            location = '../logoff.php'
        }
    }, 10000)
</script>

Why is there a for-loop in your confirm-title? Even if this would work, you would get: Your session is about to be timedout in 10987654321 seconds! Would you like to logged in?... Is that what you want? — RichardBernards
– RichardBernards, Commented Nov 28, 2014 at 10:45

Rory McCrossan · Accepted Answer · 2014-11-28 10:44:54Z

2

Aside from the flawed string concatenation logic, you cannot achieve this in a standard confirm box. The value is set when the box is instantiated and cannot be changed.

To do what you need you would need to use a modal plugin of some description which you have HTML/JS control over.

answered Nov 28, 2014 at 10:44

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2575725 · Accepted Answer · 2014-11-28 10:53:16Z

0

This is a work around example:

$(function() {
  var out = $('#out'),
    sec;
  (function() {
    var th = setInterval(function() {
      sec = parseInt(out.text()) || 0;
      if (!sec) {
        clearInterval(th);
        timeout();
      } else {
        sec--;
        out.text(sec);
      }
    }, 1000);
  })();

  var timeout = function() {
    if ($('#in').prop('checked')) {
      alert('login ...');
    } else {
      alert('don\'t login ...');
    }
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<center>
  <h2>Your session is about to be timedout in <span id="out">10</span> seconds! Would you like to logged in?
  <br/>
  <input type='checkbox' id='in'/>Yes
    </h2>
</center>

answered Nov 28, 2014 at 10:53

user2575725

5 Comments

Yesh Over a year ago

this runs well but i would like my alertbox to have dynamic content and not in my span.

user2575725 Over a year ago

@Yesh, in that case, you will have to create a custom alert box, native alert/confirm box don't met your requirement!

Yesh Over a year ago

any help on how to do that?

Yesh Over a year ago

now i use a jquery and i made a file exclusively for the timeout and included it in all files on the site but the timer doesnt work in certain parts of the site. for example in my index.php it works but in my detail.php it doesnt work

user2575725 Over a year ago

Any errors on detail.php, have a look in the web browser console

Collectives™ on Stack Overflow

Display dynamic values in javascript alertbox

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related