[jQuery] onLoad Confirm and Redirect
I'm new to the JQuery world and was trying make a Confirm message popup to
enter a website. The user has to agree before entering and ifthey do not
agree it sends them somewhere else. My start code is below, can somebody
help me with how to add this as a onload when somebody enters the site and a
re-direct if they choose NO in the confirm?
Much appreciated in advance..
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="jqModal.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="jqModal.css">
<link rel="STYLESHEET" type="text/css" href="test.css">
<script type="text/javascript">
function confirm(msg,callback) {
$('#confirm')
.jqmShow()
.find('p.jqmConfirmMsg')
.html(msg)
.end()
.find(':submit:visible')
.click(function(){
if(this.value == 'yes')
(typeof callback == 'string') ?
window.location.href = callback :
callback();
$('#confirm').jqmHide();
});
}
$().ready(function() {
$('#confirm').jqm({overlay: 88, modal: true, trigger: false});
// trigger a confirm whenever links of class alert are pressed.
$('a.confirm').click(function() {
confirm('About to visit: '+this.href+' !',this.href);
return false;
});
});
</script>
</head>
<body>
# view (confirm) <!--- would like to remove this as a onload instead --->
...
<!-- Confirm Dialog -->
<div class="jqmConfirm" id="confirm">
<div id="ex3b" class="jqmConfirmWindow">
<div class="jqmConfirmTitle clearfix">
<h1>Site Agreement...</h1> index.htm <em>Close</em>
</div>
<div class="jqmConfirmContent">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis nec massa eu
dui imperdiet placerat. Sed tincidunt congue arcu. Mauris mauris.
Pellentesque eu felis. Vestibulum lectus. Praesent sed tortor in leo
dignissim faucibus. Curabitur dictum hendrerit ipsum. Aenean porttitor.
Praesent cursus nibh sed mauris malesuada pellentesque. Nulla ac dolor.
Suspendisse mollis. Sed pulvinar magna eu dui. Nulla adipiscing magna nec
mauris. Fusce commodo, erat ut congue eleifend, augue ligula gravida magna,
non euismod erat orci a pede.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Ut vel eros ut risus accumsan eleifend. Aliquam erat
volutpat. Donec odio. Phasellus nec neque et ante sodales fringilla. Nam
tincidunt ipsum in nisl. Aliquam erat volutpat. Vivamus rutrum. Phasellus
volutpat consectetuer sapien. Vestibulum bibendum iaculis metus. Phasellus
diam. Curabitur libero ipsum, viverra quis, malesuada sed, lobortis at,
justo. Praesent vel ante suscipit lacus hendrerit posuere. Sed mattis nibh
id est. In hac habitasse platea dictumst. Vivamus quis nisl. Integer
dapibus. Nullam rutrum. Curabitur non ipsum.
<!--- <p class="jqmConfirmMsg"> --->
Do You Accept This Agreement?
</div>
<input type="submit" value="no" />
<input type="submit" value="yes" />
</div>
</div>
</body>
</html>
[/code]
--
View this message in context: http://www.nabble.com/onLoad-Confirm-and-Redirect-tp18534454s27240p18534454.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.