Skip to content

Commit 76b29e2

Browse files
author
Raven
committed
1 parent 951602c commit 76b29e2

5 files changed

+51
-3
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# jquery.ui.window.framework.js
22

3-
A simple framework that extends the jQuery UI dialog API to allow simple creation, modification, and deletion of dialogs that act as interactive windows as well as other functionality.
3+
A simple framework that extends the jQuery UI dialog API to allow simple creation, modification, and deletion of dialogs that act as interactive windows as well as other functionality. <a href="http://htmlpreview.github.io/?https://github.com/ravenmyst/jQuery.UI.Window.Framework/blob/master/example.html" target="_blank">Example here.</a>
44

55
**HTML Markup Per Window**
66

‎calendar.jpg

817 Bytes
Loading

‎example.html

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<html>
2+
<head>
3+
<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet">
4+
<style>
5+
.jq-window {
6+
display: none;
7+
}
8+
</style>
9+
</head>
10+
11+
<body>
12+
<div id="testModalWindow" class="jq-window">This content should be replaced by an $ajax request. <button onclick="hideWindow('testModalWindow');">Close $ajax Window</button></div>
13+
<div id="testNonModalWindow" class="jq-window">This content should be replaced by an $ajax request. <button onclick="hideWindow('testNonModalWindow');">Close $ajax Window</button></div>
14+
15+
<button onclick="openWindow('testModalWindow', 'Modal Window', 250, 500, true, true, true);">Open Modal Window</button>
16+
<br /><br />
17+
<button onclick="openWindow('testNonModalWindow', 'Non-Modal Window', 250, 500, false, true, true);">Open Non-Modal Window</button>
18+
19+
<br /><br />
20+
<button class="addButton">addButton</button><br />
21+
<button class="submitButton">submitButton</button><br />
22+
<button class="cancelButton">cancelButton</button><br />
23+
<button class="deleteButton">deleteButton</button><br />
24+
<button class="backButton">backButton</button><br />
25+
<button class="switchButton">switchButton</button><br />
26+
<button class="resetButton">resetButton</button><br />
27+
<button class="reportButton">reportButton</button><br />
28+
<button class="playButton">playButton</button><br />
29+
<button class="scriptButton">scriptButton</button><br />
30+
<button class="gearButton">gearButton</button><br />
31+
<button class="wrenchButton">wrenchButton</button><br />
32+
<br />
33+
34+
<input data-input-focus="true" value="Focus this field automatically..." /><br />
35+
<input type="text" class="datePicker" value="10/10/2019" /> <-- to change to your own calendar icon path, change buttonImage:"calendar.jpg" in jquery.ui.window.framework.min.js
36+
37+
<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
38+
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
39+
<script src="jquery.ui.window.framework.min.js"></script>
40+
41+
<script>
42+
$( document ).ready(function() {
43+
loadWindow();
44+
});
45+
</script>
46+
</body>
47+
48+
</html>

‎jquery.ui.window.framework.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ function loadWindow() {
7171
minDate: "-100y",
7272
buttonText: "Select a date",
7373
showOn: "button",
74-
buttonImage: "/templates/img/blue_calendar.png",
74+
buttonImage: "calendar.jpg",
7575
buttonImageOnly: true,
7676
showButtonPanel: true,
7777
closeText: 'Cancel'

‎jquery.ui.window.framework.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)