Hi Guys,
I have a jquery overlay window in my
html alongwith a button to activate here is the code.
<!-- Validation Overlay Box -->
<div class="modal" id="yesno" style="top: 100px; left: 320px; position: relative; display: none; z-index: 0; margin-top: 100px;">
<h2> Authentication Failed</h2>
<p style="font-family:Arial; font-size:small; text-align:center">
Ether your username or password has been entered incorrectly.
Please make sure that your username or password entered correctly...
</p>
<!-- yes/no buttons -->
<p align="center">
<button class="close"> OK </button>
</p>
</div>
Here is the Jquery tools Script
<SCRIPT>
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
// some mask tweaks suitable for modal dialogs
mask: {
color: '#a2a2a2',
loadSpeed: 200,
opacity: 0.9
},
closeOnClick: false
});
var buttons = $("#yesno button").click(function(e) {
// get user input
var yes = buttons.index(this) === 0;
// do something with the answer
triggers.eq(0).html("You clicked " + (yes ? "yes" : "no"));
});
$("#prompt form").submit(function(e) {
// close the overlay
triggers.eq(1).overlay().close();
// get user input
var input = $("input", this).val();
// do something with the answer
triggers.eq(1).html(input);
// do not submit the form
return e.preventDefault();
});
});
And here how its called upon clicking on a button or a hyperlink
"<BUTTON class="modalInput" rel="#yesno">You clicked no</BUTTON>"
All i want is I dont want to show the overlay on clicking on button or through a link. Is it possible to call it through a javascript function like "showOverlay()" ??
