saminetemad
Programmer
Hello,
I am a novice in jquery. I've found the code that it opens a window by clicking on a link .
To do this I wrote the following code:
<head runat="server">
<title>Untitled Page</title>
<style>
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqModal.js"></script>
<script type="text/javascript">
$().ready(function() {
$('#dialog').jqm();
});
</script>
<body>
<form id="form1" runat="server">
<div>
<a href="#" class="jqModal">view</a>
...
<div class="jqmWindow" id="dialog">
<a href="#" class="jqmClose">Close</a>
<hr>
<em>READ ME</em> -->
This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond this.
The demonstrations on this page will show off a few possibilites. I recommend walking
through each one to get an understanding of jqModal <em>before</em> using it.
</div>
</div>
</form>
</body>
</html>
This code is working properly, on the link. but I want to change it so that clicking on each menu item a window opens. In this menu click on any of the items runs a JavaScript function
I want,open window functions are called in this function.
JS files needed are attached to this post.
Please help me urgently.
I am a novice in jquery. I've found the code that it opens a window by clicking on a link .
To do this I wrote the following code:
<head runat="server">
<title>Untitled Page</title>
<style>
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 600px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqModal.js"></script>
<script type="text/javascript">
$().ready(function() {
$('#dialog').jqm();
});
</script>
<body>
<form id="form1" runat="server">
<div>
<a href="#" class="jqModal">view</a>
...
<div class="jqmWindow" id="dialog">
<a href="#" class="jqmClose">Close</a>
<hr>
<em>READ ME</em> -->
This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond this.
The demonstrations on this page will show off a few possibilites. I recommend walking
through each one to get an understanding of jqModal <em>before</em> using it.
</div>
</div>
</form>
</body>
</html>
This code is working properly, on the link. but I want to change it so that clicking on each menu item a window opens. In this menu click on any of the items runs a JavaScript function
I want,open window functions are called in this function.
JS files needed are attached to this post.
Please help me urgently.