1 |
4
|
ryan
|
<!-- BEGIN main_block -->
|
2 |
|
|
<html>
|
3 |
|
|
|
4 |
|
|
<head>
|
5 |
|
|
<title>Insert/Modify Link</title>
|
6 |
|
|
<script type="text/javascript" src="popup.js"></script>
|
7 |
|
|
<script type="text/javascript">
|
8 |
|
|
window.resizeTo(700, 400);
|
9 |
|
|
|
10 |
|
|
I18N = window.opener.HTMLArea.I18N.dialogs;
|
11 |
|
|
|
12 |
|
|
function i18n(str) {
|
13 |
|
|
return (I18N[str] || str);
|
14 |
|
|
};
|
15 |
|
|
|
16 |
|
|
function onTargetChanged() {
|
17 |
|
|
var f = document.getElementById("f_other_target");
|
18 |
|
|
if (this.value == "_other") {
|
19 |
|
|
f.style.visibility = "visible";
|
20 |
|
|
f.select();
|
21 |
|
|
f.focus();
|
22 |
|
|
} else f.style.visibility = "hidden";
|
23 |
|
|
};
|
24 |
|
|
|
25 |
|
|
function Init() {
|
26 |
|
|
__dlg_translate(I18N);
|
27 |
|
|
__dlg_init();
|
28 |
|
|
var param = window.dialogArguments;
|
29 |
|
|
var target_select = document.getElementById("f_target");
|
30 |
|
|
if (param) {
|
31 |
|
|
document.getElementById("f_href").value = param["f_href"];
|
32 |
|
|
document.getElementById("f_title").value = param["f_title"];
|
33 |
|
|
comboSelectValue(target_select, param["f_target"]);
|
34 |
|
|
if (target_select.value != param.f_target) {
|
35 |
|
|
var opt = document.createElement("option");
|
36 |
|
|
opt.value = param.f_target;
|
37 |
|
|
opt.innerHTML = opt.value;
|
38 |
|
|
target_select.appendChild(opt);
|
39 |
|
|
opt.selected = true;
|
40 |
|
|
}
|
41 |
|
|
}
|
42 |
|
|
var opt = document.createElement("option");
|
43 |
|
|
opt.value = "_other";
|
44 |
|
|
opt.innerHTML = i18n("Other");
|
45 |
|
|
target_select.appendChild(opt);
|
46 |
|
|
target_select.onchange = onTargetChanged;
|
47 |
|
|
document.getElementById("f_href").focus();
|
48 |
|
|
document.getElementById("f_href").select();
|
49 |
|
|
};
|
50 |
|
|
|
51 |
|
|
function onOK() {
|
52 |
|
|
var required = {
|
53 |
|
|
"f_href": i18n("You must enter the URL where this link points to")
|
54 |
|
|
};
|
55 |
|
|
for (var i in required) {
|
56 |
|
|
var el = document.getElementById(i);
|
57 |
|
|
if (!el.value) {
|
58 |
|
|
alert(required[i]);
|
59 |
|
|
el.focus();
|
60 |
|
|
return false;
|
61 |
|
|
}
|
62 |
|
|
}
|
63 |
|
|
// pass data back to the calling window
|
64 |
|
|
var fields = ["f_href", "f_title", "f_target" ];
|
65 |
|
|
var param = new Object();
|
66 |
|
|
for (var i in fields) {
|
67 |
|
|
var id = fields[i];
|
68 |
|
|
var el = document.getElementById(id);
|
69 |
|
|
param[id] = el.value;
|
70 |
|
|
}
|
71 |
|
|
if (param.f_target == "_other")
|
72 |
|
|
param.f_target = document.getElementById("f_other_target").value;
|
73 |
|
|
__dlg_close(param);
|
74 |
|
|
return false;
|
75 |
|
|
};
|
76 |
|
|
|
77 |
|
|
function onCancel() {
|
78 |
|
|
__dlg_close(null);
|
79 |
|
|
return false;
|
80 |
|
|
};
|
81 |
|
|
|
82 |
|
|
</script>
|
83 |
|
|
|
84 |
|
|
<style type="text/css">
|
85 |
|
|
html, body {
|
86 |
|
|
background: #EEEEEE;
|
87 |
|
|
color: #000000;
|
88 |
|
|
font: 11px Tahoma,Verdana,sans-serif;
|
89 |
|
|
margin: 0px;
|
90 |
|
|
padding: 0px;
|
91 |
|
|
}
|
92 |
|
|
body { padding-bottom: 15px; }
|
93 |
|
|
table {
|
94 |
|
|
font: 11px Tahoma,Verdana,sans-serif;
|
95 |
|
|
}
|
96 |
|
|
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
|
97 |
|
|
button { width: 70px; }
|
98 |
|
|
table .label { text-align: right; width: 8em; }
|
99 |
|
|
|
100 |
|
|
.title { background: #336699; color: #FFFFFF; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
|
101 |
|
|
letter-spacing: 2px;
|
102 |
|
|
}
|
103 |
|
|
|
104 |
|
|
#buttons {
|
105 |
|
|
margin-top: 1em; border-top: 1px solid #999;
|
106 |
|
|
padding: 2px; text-align: right;
|
107 |
|
|
}
|
108 |
|
|
</style>
|
109 |
|
|
|
110 |
|
|
</head>
|
111 |
|
|
|
112 |
|
|
<body onload="Init()">
|
113 |
|
|
|
114 |
|
|
|
115 |
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="400">
|
116 |
|
|
<tr>
|
117 |
|
|
<td style="background-color: #003366;" width="5"> </td>
|
118 |
|
|
<td style="background-color: #FFFFFF;" valign="top" height="40">
|
119 |
|
|
|
120 |
|
|
<div class="title" style="background: #003366;">Select Page</div>
|
121 |
|
|
|
122 |
|
|
<form name="select_page" class="browser" onsubmit="javascript: document.link.url.value = document.select_page.pages.value; return false">
|
123 |
|
|
<select name="pages" style="width: 250px; font-family: Arial;">
|
124 |
|
|
<!-- BEGIN page_list_block -->
|
125 |
|
|
<option value="{LINK}"{SELECTED}>{TITLE}</option>
|
126 |
|
|
<!-- END page_list_block -->
|
127 |
|
|
</select>
|
128 |
|
|
<input type="submit" name="submit" value="Paste Page Link" style="width: 250px;" />
|
129 |
|
|
|
130 |
|
|
</form>
|
131 |
|
|
|
132 |
|
|
</td>
|
133 |
|
|
<td style="background-color: #003366;" width="5"> </td>
|
134 |
|
|
<td style="background-color: #336699;" width="5"> </td>
|
135 |
|
|
<td width="420" valign="top" rowspan="2">
|
136 |
|
|
|
137 |
|
|
<div class="title">Insert/Modify Link</div>
|
138 |
|
|
|
139 |
|
|
<form name="link" style="margin: 5px;">
|
140 |
|
|
|
141 |
|
|
<table border="0" style="width: 97%;">
|
142 |
|
|
<tr>
|
143 |
|
|
<td class="label">URL:</td>
|
144 |
|
|
<td><input type="text" name="url" id="f_href" style="width: 100%" /></td>
|
145 |
|
|
</tr>
|
146 |
|
|
<tr>
|
147 |
|
|
<td class="label">Title (tooltip):</td>
|
148 |
|
|
<td><input type="text" id="f_title" style="width: 100%" /></td>
|
149 |
|
|
</tr>
|
150 |
|
|
<tr>
|
151 |
|
|
<td class="label">Target:</td>
|
152 |
|
|
<td><select id="f_target">
|
153 |
|
|
<option value="">None (use implicit)</option>
|
154 |
|
|
<option value="_blank">New window (_blank)</option>
|
155 |
|
|
<option value="_self">Same frame (_self)</option>
|
156 |
|
|
<option value="_top">Top frame (_top)</option>
|
157 |
|
|
</select>
|
158 |
|
|
<input type="text" name="f_other_target" id="f_other_target" size="10" style="visibility: hidden" />
|
159 |
|
|
</td>
|
160 |
|
|
</tr>
|
161 |
|
|
</table>
|
162 |
|
|
|
163 |
|
|
<div id="buttons">
|
164 |
|
|
<button type="button" name="ok" onclick="return onOK();">OK</button>
|
165 |
|
|
<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
|
166 |
|
|
</div>
|
167 |
|
|
|
168 |
|
|
</form>
|
169 |
|
|
|
170 |
|
|
</td>
|
171 |
|
|
<td style="background-color: #336699;" width="5"> </td>
|
172 |
|
|
</tr>
|
173 |
|
|
<tr>
|
174 |
|
|
<td style="background-color: #003366;" width="5"> </td>
|
175 |
|
|
<td style="background-color: #FFFFFF;" valign="top">
|
176 |
|
|
|
177 |
|
|
<div class="title" style="background: #003366;">Browse Media</div>
|
178 |
|
|
|
179 |
|
|
<form name="browser" action="link.php" method="post" class="browser">
|
180 |
|
|
<select name="folder" style="width: 250px; font-family: Arial;">
|
181 |
|
|
<option value="/media">/media</option>
|
182 |
|
|
<!-- BEGIN dir_list_block -->
|
183 |
|
|
<option value="{NAME}"{SELECTED}>{NAME}</option>
|
184 |
|
|
<!-- END dir_list_block -->
|
185 |
|
|
</select>
|
186 |
|
|
<input type="submit" name="submit" value="Browse Selected Folder" style="width: 250px;" />
|
187 |
|
|
|
188 |
|
|
<br />
|
189 |
|
|
|
190 |
|
|
<style type="text/css">
|
191 |
|
|
.browser {
|
192 |
|
|
padding: 5px;
|
193 |
|
|
padding-top: 0;
|
194 |
|
|
}
|
195 |
|
|
.browser ul, .browser li {
|
196 |
|
|
margin: 0;
|
197 |
|
|
padding: 0;
|
198 |
|
|
display: block;
|
199 |
|
|
list-style-type: none;
|
200 |
|
|
}
|
201 |
|
|
.browser li {
|
202 |
|
|
padding: 5px 0px 5px 0px;
|
203 |
|
|
}
|
204 |
|
|
</style>
|
205 |
|
|
|
206 |
|
|
<iframe src="{WB_URL}/include/htmlarea/popups/list_media.php?folder={DIRECTORY}&popup={POPUP}" style="width: 245px; height: 320px;"></iframe>
|
207 |
|
|
|
208 |
|
|
</form>
|
209 |
|
|
|
210 |
|
|
</td>
|
211 |
|
|
<td style="background-color: #003366;" width="5"> </td>
|
212 |
|
|
<td style="background-color: #336699;" width="5"> </td>
|
213 |
|
|
<td style="background-color: #336699;" width="5"> </td>
|
214 |
|
|
</tr>
|
215 |
|
|
<tr height="8">
|
216 |
|
|
<td colspan="3" style="background-color: #003366;"></td>
|
217 |
|
|
<td colspan="3" style="background-color: #336699;"></td>
|
218 |
|
|
</tr>
|
219 |
|
|
</table>
|
220 |
|
|
|
221 |
|
|
</body>
|
222 |
|
|
</html>
|
223 |
|
|
<!-- END main_block -->
|