| 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 -->
|