How do I close the pop up?
I am using this to create model windows, http://prototype-window.xilinus.com/samples.html
After the pop up window, when I click the outside section, Is it possible to close the pop up window instead of click the close button or icon right corner?
After the pop up window, when I click the outside section, Is it possible to close the pop up window instead of click the close button or icon right corner?
ASKER
Hi,
Will this work on the out side click? how it will be invoked?
I want the pop up to be closed automatically when I click the outside area
Will this work on the out side click? how it will be invoked?
I want the pop up to be closed automatically when I click the outside area
You create a window by creating an instance of the Window object and pass some properties along.
var win = new Window({className: "dialog", width:350, height:400, zIndex: 100, resizable: true, title: "Sample window", showEffect:Effect.BlindDow
To display it you probably use : win.showCenter() or win.show()
To close the window just use : win.close()
var win = new Window({className: "dialog", width:350, height:400, zIndex: 100, resizable: true, title: "Sample window", showEffect:Effect.BlindDow
To display it you probably use : win.showCenter() or win.show()
To close the window just use : win.close()
brad: It is not a window object
I believe Albert is correct
I believe Albert is correct
Use onblur and window.close
<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value;
document.getElementById("fname").value=x.toUpperCase();
}
</script>
</head>
<body onblur="window.close();">
<h1>Hello World</h1>
</body>
</html>
I placed an extra function in the example above.
Below is a simple implementation.
Below is a simple implementation.
<html>
<head><title>Title</title>
</head>
<body onblur="window.close();">
<h1>Hello World</h1>
</body>
</html>
Hank: it is not a window object!!!
Try to implement an observer and handle the onblur event.
See the documentation : http://prototype-window.xilinus.com/documentation.html
See the documentation : http://prototype-window.xilinus.com/documentation.html
// Create and open the window
var win = new Window({className: "dialog", width:350, height:400, zIndex: 100, resizable: true, title: "Sample window", showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff, draggable:true, wiredDrag: true});
win.show();
myObserver = {
onBlur: function(eventName, win) {
win.close();
Windows.removeObserver(this);
}
}
Windows.addObserver(myObserver)
ASKER
Thanks to all!
@AlbertVanHalen ...
Where should I put this code?
That new window code is being in the include JS file it is OK.. now I want to execute the below code where?
@AlbertVanHalen ...
Where should I put this code?
That new window code is being in the include JS file it is OK.. now I want to execute the below code where?
myObserver = {
onBlur: function(eventName, win) {
win.close();
Windows.removeObserver(this);
}
}
Windows.addObserver(myObserver)
ASKER
Hi guys,
This is the code followed on the Close ICON of the dialog windows....
<input type='image' src='images/close.jpg' title='fermer' onclick='Dialog.okCallback
Is it possible to call this function "onclick='Dialog.okCallbac
This is the code followed on the Close ICON of the dialog windows....
<input type='image' src='images/close.jpg' title='fermer' onclick='Dialog.okCallback
Is it possible to call this function "onclick='Dialog.okCallbac
ASKER
This is the code in okCallback();
okCallback: function()
{
var win = Windows.focusedWindow;
//alert("Hello"+win);
if (!win.okCallback || win.okCallback(win))
{
// Remove onclick on button
$$("#" + win.getId()+" input").each(function(element) {element.onclick=null;})
win.close();
}
}
ASKER
Incase If I call the above code on the onblur body tag... i get the null error on this line?
Looks like that line is empty
Looks like that line is empty
var win = Windows.focusedWindow;
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
@AlbertVanHalen: .. You are right. I have put this.. I get error in IE ... but no error in FF
Can you post some code or give a link to your site so I can investigate further?
ASKER
Hi,
I have posted a new question here,
https://www.experts-exchange.com/questions/24245216/How-do-I-resolve-the-pop-up-close-issue.html
please see it,
I have posted a new question here,
https://www.experts-exchange.com/questions/24245216/How-do-I-resolve-the-pop-up-close-issue.html
please see it,
window.close()
note: Some browsers still have a popup asking if you want to close the window.