Project

General

Profile

1
<!-- 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">&nbsp;&nbsp;</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">&nbsp;&nbsp;</td>
134
	<td style="background-color: #336699;" width="5">&nbsp;&nbsp;</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">&nbsp;&nbsp;</td>
172
</tr>
173
<tr>
174
	<td style="background-color: #003366;" width="5">&nbsp;&nbsp;</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">&nbsp;&nbsp;</td>
212
	<td style="background-color: #336699;" width="5">&nbsp;&nbsp;</td>
213
	<td style="background-color: #336699;" width="5">&nbsp;&nbsp;</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 -->
(10-10/16)