javascript alert box contain button with a class

Question

how to do a javascript alert box that contain a button with a class like this submit button:

<input type="submit" class="lightbox">

or there is any way to make a javascript form that pop up and contain this submit button?

StackSlave · Answer 1 · 2013-09-06T00:02:47.440

1

I would use this code:

var doc = document, htm = doc.documentElement, bod = doc.body;
function E(e){
  return doc.getElementById(e);
}
function winOpen(clickId, url, name, height, width){
  var ht = innerHeight || htm.clientHeight || bod.clientHeight;
  var wd = innerWidth || htm.clientWidth || bod.clientWidth;
  ht = (height-ht)/2; wd = (width-wd)/2;
  E(clickId).onclick = function(){
    open(url, name, 'height='+height+',width='+width+',top='+ht+',left='+wd);
  }
}
// You would use this like 
winOpen('newWindow', 'wherever.html', 'windowName', 500, 500);

whatever.html should be the page with your lightbox class.

edited Sep 06 '13 at 00:02

answered Sep 05 '13 at 23:31

StackSlave

10,613
2
18
35

i don't want to open a new browser page i want to open a small box that contain 1 button. But i understand what you mean and it's a really good idea but will need lot of work in my case. – user2687618 Sep 05 '13 at 23:39
You can set the size of the window, and the position. – StackSlave Sep 05 '13 at 23:41
is this what you mean http://www.w3schools.com/js/tryit.asp?filename=tryjs_openwindow ? – user2687618 Sep 05 '13 at 23:44

score 1 · Answer 2 · answered Sep 06 '13 at 00:36

1

Standard browser alerts are not stylable - it will have to be done in code. If you don't want to window.open a new page and willing to use a 3rd party library - jQueryUI is a good choice. The Dialog is fully stylable- yes, including button.

answered Sep 06 '13 at 00:36

Yuriy Galanter

38,833
15
69
136

javascript alert box contain button with a class

2 Answers2