← Back to branch summary

~hexmode/+junk/main

« back to all changes in this revision

Viewing changes to install-files/apps/sqlitemanager1.2.0/spaw/dialogs/td.php

  • Committer: Mark A. Hershberger
  • Date: 2008-01-05 19:38:56 UTC
  • Revision ID: hershberger@spawn-xp-20080105193856-6rnzgwa4nehue3qj
initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
install-files/apps/sqlitemanager1.2.0/spaw/dialogs/td.php
 
1
<?php 
 
2
// ================================================
 
3
// SPAW PHP WYSIWYG editor control
 
4
// ================================================
 
5
// Table cell properties dialog
 
6
// ================================================
 
7
// Developed: Alan Mendelevich, alan@solmetra.lt
 
8
// Copyright: Solmetra (c)2003 All rights reserved.
 
9
// ------------------------------------------------
 
10
//                                www.solmetra.com
 
11
// ================================================
 
12
// v.1.0, 2003-04-01
 
13
// ================================================
 
14
 
 
15
// include wysiwyg config
 
16
include '../config/spaw_control.config.php';
 
17
include $spaw_root.'class/util.class.php';
 
18
include $spaw_root.'class/lang.class.php';
 
19
 
 
20
$theme = empty($HTTP_GET_VARS['theme'])?$spaw_default_theme:$HTTP_GET_VARS['theme'];
 
21
$theme_path = $spaw_dir.'lib/themes/'.$theme.'/';
 
22
 
 
23
$l = new SPAW_Lang($HTTP_GET_VARS['lang']);
 
24
$l->setBlock('table_cell_prop');
 
25
 
 
26
$request_uri = urldecode(empty($HTTP_POST_VARS['request_uri'])?(empty($HTTP_GET_VARS['request_uri'])?'':$HTTP_GET_VARS['request_uri']):$HTTP_POST_VARS['request_uri']);
 
27
?>
 
28
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
29
 
 
30
<html>
 
31
<head>
 
32
        <meta http-equiv="Pragma" content="no-cache">
 
33
  <title><?php echo $l->m('title')?></title>
 
34
  <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $l->getCharset()?>">
 
35
  <link rel="stylesheet" type="text/css" href="<?php echo $theme_path.'css/'?>dialog.css">
 
36
  <?php if (SPAW_Util::getBrowser() == 'Gecko') { ?>
 
37
  <script language="javascript" src="utils.gecko.js"></script>
 
38
  <?php }else{ ?>
 
39
  <script language="javascript" src="utils.js"></script>
 
40
  <?php } ?>
 
41
  <script language="javascript">
 
42
  <!--  
 
43
  function showColorPicker(curcolor) {
 
44
 
 
45
  <?php if (SPAW_Util::getBrowser() == 'Gecko') { ?>
 
46
 
 
47
    var wnd = window.open('<?php echo $spaw_dir?>dialogs/colorpicker.php?lang=<?php echo $_GET["lang"]?>&theme=<?php echo $_GET["theme"]?>&editor=<?php echo $_GET["editor"]?>&callback=showColorPicker_callback', 
 
48
      "color_picker", 
 
49
      'status=no,modal=yes,width=350,height=250'); 
 
50
    wnd.dialogArguments = curcolor;
 
51
 
 
52
  <?php }else{ ?>
 
53
 
 
54
    var newcol = showModalDialog('colorpicker.php?theme=<?php echo $theme?>&lang=<?php echo $l->lang?>', curcolor, 
 
55
      'dialogHeight:250px; dialogWidth:366px; resizable:no; status:no');  
 
56
    try {
 
57
      td_prop.cbgcolor.value = newcol;
 
58
      td_prop.color_sample.style.backgroundColor = td_prop.cbgcolor.value;
 
59
    }
 
60
    catch (excp) {}
 
61
 
 
62
  <?php } ?>
 
63
  }
 
64
  
 
65
  function showColorPicker_callback(editor, sender)
 
66
  {
 
67
    var bCol = sender.returnValue;
 
68
    try
 
69
    {
 
70
      document.getElementById('cbgcolor').value = bCol;
 
71
      document.getElementById('color_sample').style.backgroundColor = document.getElementById('cbgcolor').value;
 
72
    }
 
73
    catch (excp) {}
 
74
  }
 
75
 
 
76
  function showImgPicker()
 
77
  {
 
78
  <?php if (SPAW_Util::getBrowser() == 'Gecko') { ?>
 
79
 
 
80
    var wnd = window.open('<?php echo $spaw_dir?>dialogs/img_library.php?lang=<?php echo $_GET["lang"]?>&theme=<?php echo $_GET["theme"]?>&editor=<?php echo $_GET["editor"]?>&callback=showImgPicker_callback',
 
81
      "img_library", 
 
82
      'status=no,modal=yes,width=420,height=420'); 
 
83
 
 
84
  <?php }else{ ?>
 
85
 
 
86
    var imgSrc = showModalDialog('<?php echo $spaw_dir?>dialogs/img_library.php?theme=<?php echo $theme?>&lang=<?php echo $l->lang?>&request_uri=<?php echo $request_uri?>', '', 
 
87
      'dialogHeight:420px; dialogWidth:420px; resizable:no; status:no');
 
88
    
 
89
    if(imgSrc != null)
 
90
    {
 
91
      td_prop.cbackground.value = imgSrc;
 
92
    }
 
93
 
 
94
  <?php } ?>
 
95
  }
 
96
  
 
97
  function showImgPicker_callback(editor, sender)
 
98
  {
 
99
    var imgSrc = sender.returnValue;
 
100
    if(imgSrc != null)
 
101
    {
 
102
      document.getElementById('cbackground').value = imgSrc;
 
103
    }
 
104
  }
 
105
 
 
106
 
 
107
  function Init() {
 
108
    var cProps = window.dialogArguments;
 
109
    if (cProps)
 
110
    {
 
111
      // set attribute values
 
112
      document.getElementById('cbgcolor').value = cProps.bgColor;
 
113
      document.getElementById('color_sample').style.backgroundColor = document.getElementById('cbgcolor').value;
 
114
      document.getElementById('cbackground').value = cProps.background;
 
115
      if (cProps.width) {
 
116
        if (!isNaN(cProps.width) || (cProps.width.substr(cProps.width.length-2,2).toLowerCase() == "px"))
 
117
        {
 
118
          // pixels
 
119
          if (!isNaN(cProps.width))
 
120
            document.getElementById('cwidth').value = cProps.width;
 
121
          else
 
122
            document.getElementById('cwidth').value = cProps.width.substr(0,cProps.width.length-2);
 
123
          document.getElementById('cwunits').options[0].selected = false;
 
124
          document.getElementById('cwunits').options[1].selected = true;
 
125
        }
 
126
        else
 
127
        {
 
128
          // percents
 
129
          document.getElementById('cwidth').value = cProps.width.substr(0,cProps.width.length-1);
 
130
          document.getElementById('cwunits').options[0].selected = true;
 
131
          document.getElementById('cwunits').options[1].selected = false;
 
132
        }
 
133
      }
 
134
      if (cProps.width) {
 
135
        if (!isNaN(cProps.height) || (cProps.height.substr(cProps.height.length-2,2).toLowerCase() == "px"))
 
136
        {
 
137
          // pixels
 
138
          if (!isNaN(cProps.height))
 
139
            document.getElementById('cheight').value = cProps.height;
 
140
          else
 
141
            document.getElementById('cheight').value = cProps.height.substr(0,cProps.height.length-2);
 
142
          document.getElementById('chunits').options[0].selected = false;
 
143
          document.getElementById('chunits').options[1].selected = true;
 
144
        }
 
145
        else
 
146
        {
 
147
          // percents
 
148
          document.getElementById('cheight').value = cProps.height.substr(0,cProps.height.length-1);
 
149
          document.getElementById('chunits').options[0].selected = true;
 
150
          document.getElementById('chunits').options[1].selected = false;
 
151
        }
 
152
      }
 
153
      
 
154
      setHAlign(cProps.align);
 
155
      setVAlign(cProps.vAlign);
 
156
      
 
157
      if (cProps.noWrap)
 
158
        document.getElementById('cnowrap').checked = true;
 
159
      
 
160
      
 
161
          /* spec styles for td will be used
 
162
      if (cProps.styleOptions) {
 
163
        for (i=1; i<cProps.styleOptions.length; i++)
 
164
        {
 
165
          var oOption = document.createElement("OPTION");
 
166
          td_prop.ccssclass.add(oOption);
 
167
          oOption.innerText = cProps.styleOptions[i].innerText;
 
168
          oOption.value = cProps.styleOptions[i].value;
 
169
  
 
170
          if (cProps.className) {
 
171
            td_prop.ccssclass.value = cProps.className;
 
172
          }
 
173
        }
 
174
      }
 
175
          */
 
176
 
 
177
      if (cProps.className) {
 
178
        document.getElementById('ccssclass').value = cProps.className;
 
179
        css_class_changed();
 
180
      }
 
181
    }
 
182
    resizeDialogToContent();
 
183
  }
 
184
  
 
185
  function validateParams()
 
186
  {
 
187
    // check width and height
 
188
    if (isNaN(parseInt(document.getElementById('cwidth').value)) && document.getElementById('cwidth').value != '')
 
189
    {
 
190
      alert('<?php echo $l->m('error').': '.$l->m('error_width_nan')?>');
 
191
      document.getElementById('cwidth').focus();
 
192
      return false;
 
193
    }
 
194
    if (isNaN(parseInt(document.getElementById('cheight').value)) && document.getElementById('cheight').value != '')
 
195
    {
 
196
      alert('<?php echo $l->m('error').': '.$l->m('error_height_nan')?>');
 
197
      document.getElementById('cheight').focus();
 
198
      return false;
 
199
    }
 
200
    
 
201
    return true;
 
202
  }
 
203
  
 
204
  function okClick() {
 
205
    // validate paramters
 
206
    if (validateParams())    
 
207
    {
 
208
      var cprops = {};
 
209
      cprops.className = (document.getElementById('ccssclass').value != 'default')?document.getElementById('ccssclass').value:'';
 
210
      if (!document.getElementById('cwidth').disabled)
 
211
      {
 
212
        cprops.align = (document.getElementById('chalign').value)?(document.getElementById('chalign').value):'';
 
213
        cprops.vAlign = (document.getElementById('cvalign').value)?(document.getElementById('cvalign').value):'';
 
214
        cprops.width = (document.getElementById('cwidth').value)?(document.getElementById('cwidth').value + document.getElementById('cwunits').value):'';
 
215
        cprops.height = (document.getElementById('cheight').value)?(document.getElementById('cheight').value + document.getElementById('chunits').value):'';
 
216
        cprops.bgColor = document.getElementById('cbgcolor').value;
 
217
        cprops.noWrap = (document.getElementById('cnowrap').checked)?true:false;
 
218
        cprops.background = document.getElementById('cbackground').value;
 
219
      }
 
220
      window.returnValue = cprops;
 
221
      window.close();
 
222
      <?php
 
223
      if (!empty($_GET['callback']))
 
224
        echo "opener.".$_GET['callback']."('".$_GET['editor']."',this);\n";
 
225
      ?>
 
226
    }
 
227
  }
 
228
 
 
229
  function cancelClick() {
 
230
    window.close();
 
231
  }
 
232
  
 
233
  function setSample()
 
234
  {
 
235
    try {
 
236
      document.getElementById('color_sample').style.backgroundColor = document.getElementById('cbgcolor').value;
 
237
    }
 
238
    catch (excp) {}
 
239
  }
 
240
  
 
241
  function setHAlign(alignment)
 
242
  {
 
243
    switch (alignment) {
 
244
      case "left":
 
245
        document.getElementById('ha_left').className = "align_on";
 
246
        document.getElementById('ha_center').className = "align_off";
 
247
        document.getElementById('ha_right').className = "align_off";
 
248
        break;
 
249
      case "center":
 
250
        document.getElementById('ha_left').className = "align_off";
 
251
        document.getElementById('ha_center').className = "align_on";
 
252
        document.getElementById('ha_right').className = "align_off";
 
253
        break;
 
254
      case "right":
 
255
        document.getElementById('ha_left').className = "align_off";
 
256
        document.getElementById('ha_center').className = "align_off";
 
257
        document.getElementById('ha_right').className = "align_on";
 
258
        break;
 
259
    }
 
260
    document.getElementById('chalign').value = alignment;
 
261
  }
 
262
 
 
263
  function setVAlign(alignment)
 
264
  {
 
265
    switch (alignment) {
 
266
      case "middle":
 
267
        document.getElementById('ha_middle').className = "align_on";
 
268
        document.getElementById('ha_baseline').className = "align_off";
 
269
        document.getElementById('ha_bottom').className = "align_off";
 
270
        document.getElementById('ha_top').className = "align_off";
 
271
        break;
 
272
      case "baseline":
 
273
        document.getElementById('ha_middle').className = "align_off";
 
274
        document.getElementById('ha_baseline').className = "align_on";
 
275
        document.getElementById('ha_bottom').className = "align_off";
 
276
        document.getElementById('ha_top').className = "align_off";
 
277
        break;
 
278
      case "bottom":
 
279
        document.getElementById('ha_middle').className = "align_off";
 
280
        document.getElementById('ha_baseline').className = "align_off";
 
281
        document.getElementById('ha_bottom').className = "align_on";
 
282
        document.getElementById('ha_top').className = "align_off";
 
283
        break;
 
284
      case "top":
 
285
        document.getElementById('ha_middle').className = "align_off";
 
286
        document.getElementById('ha_baseline').className = "align_off";
 
287
        document.getElementById('ha_bottom').className = "align_off";
 
288
        document.getElementById('ha_top').className = "align_on";
 
289
        break;
 
290
    }
 
291
    document.getElementById('cvalign').value = alignment;
 
292
  }
 
293
  
 
294
  function css_class_changed()
 
295
  {
 
296
        if (<?php echo (isset($spaw_disable_style_controls) && $spaw_disable_style_controls)?'true':'false'?>)
 
297
    {
 
298
                // disable/enable non-css class controls
 
299
      if (document.getElementById('ccssclass').value && document.getElementById('ccssclass').value!='default')
 
300
      {
 
301
        // disable all controls
 
302
        document.getElementById('cwidth').disabled = true;
 
303
        document.getElementById('cwunits').disabled = true;
 
304
        document.getElementById('cheight').disabled = true;
 
305
        document.getElementById('chunits').disabled = true;
 
306
        document.getElementById('cnowrap').disabled = true;
 
307
        document.getElementById('cbgcolor').disabled = true;
 
308
        document.getElementById('ha_left').src = '<?php echo $theme_path.'img/'?>tb_left_off.gif';
 
309
        document.getElementById('ha_left').disabled = true;
 
310
        document.getElementById('ha_center').src = '<?php echo $theme_path.'img/'?>tb_center_off.gif';
 
311
        document.getElementById('ha_center').disabled = true;
 
312
        document.getElementById('ha_right').src = '<?php echo $theme_path.'img/'?>tb_right_off.gif';
 
313
        document.getElementById('ha_right').disabled = true;
 
314
        document.getElementById('ha_top').src = '<?php echo $theme_path.'img/'?>tb_top_off.gif';
 
315
        document.getElementById('ha_top').disabled = true;
 
316
        document.getElementById('ha_middle').src = '<?php echo $theme_path.'img/'?>tb_middle_off.gif';
 
317
        document.getElementById('ha_middle').disabled = true;
 
318
        document.getElementById('ha_bottom').src = '<?php echo $theme_path.'img/'?>tb_bottom_off.gif';
 
319
        document.getElementById('ha_bottom').disabled = true;
 
320
        document.getElementById('ha_baseline').src = '<?php echo $theme_path.'img/'?>tb_baseline_off.gif';
 
321
        document.getElementById('ha_baseline').disabled = true;
 
322
        document.getElementById('ccolorpicker').src = '<?php echo $theme_path.'img/'?>tb_colorpicker_off.gif';
 
323
        document.getElementById('ccolorpicker').disabled = true;
 
324
        document.getElementById('cbackground').disabled = true;
 
325
        document.getElementById('cimg_picker').src = '<?php echo $theme_path.'img/'?>tb_image_insert_off.gif';
 
326
        document.getElementById('cimg_picker').disabled = true;
 
327
      }
 
328
      else
 
329
      {
 
330
        // enable all controls
 
331
        document.getElementById('cwidth').disabled = false;
 
332
        document.getElementById('cwunits').disabled = false;
 
333
        document.getElementById('cheight').disabled = false;
 
334
        document.getElementById('chunits').disabled = false;
 
335
        document.getElementById('cnowrap').disabled = false;
 
336
        document.getElementById('cbgcolor').disabled = false;
 
337
        document.getElementById('ha_left').src = '<?php echo $theme_path.'img/'?>tb_left.gif';
 
338
        document.getElementById('ha_left').disabled = false;
 
339
        document.getElementById('ha_center').src = '<?php echo $theme_path.'img/'?>tb_center.gif';
 
340
        document.getElementById('ha_center').disabled = false;
 
341
        document.getElementById('ha_right').src = '<?php echo $theme_path.'img/'?>tb_right.gif';
 
342
        document.getElementById('ha_right').disabled = false;
 
343
        document.getElementById('ha_top').src = '<?php echo $theme_path.'img/'?>tb_top.gif';
 
344
        document.getElementById('ha_top').disabled = false;
 
345
        document.getElementById('ha_middle').src = '<?php echo $theme_path.'img/'?>tb_middle.gif';
 
346
        document.getElementById('ha_middle').disabled = false;
 
347
        document.getElementById('ha_bottom').src = '<?php echo $theme_path.'img/'?>tb_bottom.gif';
 
348
        document.getElementById('ha_bottom').disabled = false;
 
349
        document.getElementById('ha_baseline').src = '<?php echo $theme_path.'img/'?>tb_baseline.gif';
 
350
        document.getElementById('ha_baseline').disabled = false;
 
351
        document.getElementById('ccolorpicker').src = '<?php echo $theme_path.'img/'?>tb_colorpicker.gif';
 
352
        document.getElementById('ccolorpicker').disabled = false;
 
353
        document.getElementById('cbackground').disabled = false;
 
354
        document.getElementById('cimg_picker').src = '<?php echo $theme_path.'img/'?>tb_image_insert.gif';
 
355
        document.getElementById('cimg_picker').disabled = false;
 
356
      }
 
357
    }
 
358
  }
 
359
  //-->
 
360
  </script>
 
361
</head>
 
362
 
 
363
<body onLoad="Init()" dir="<?php echo $l->getDir();?>">
 
364
<table border="0" cellspacing="0" cellpadding="2" width="336">
 
365
<form name="td_prop">
 
366
<tr>
 
367
  <td nowrap><?php echo $l->m('css_class')?>:</td>
 
368
  <td nowrap colspan="3">
 
369
    <select id="ccssclass" name="ccssclass" id="ccssclass" size="1" class="input" onchange="css_class_changed();">
 
370
        <?php
 
371
        foreach($spaw_dropdown_data["td_style"] as $key => $text)
 
372
        {
 
373
                echo '<option value="'.$key.'">'.$text.'</option>'."\n";
 
374
        }
 
375
        ?>
 
376
    </select>
 
377
  </td>
 
378
</tr>
 
379
<tr>
 
380
  <td colspan="2"><?php echo $l->m('horizontal_align')?>:</td>
 
381
  <td colspan="2" align="right"><input type="hidden" name="chalign" id="chalign">
 
382
  <img id="ha_left" src="<?php echo $theme_path.'img/'?>tb_left.gif" class="align_off" onClick="setHAlign('left');" alt="<?php echo $l->m('left')?>">
 
383
  <img id="ha_center" src="<?php echo $theme_path.'img/'?>tb_center.gif" class="align_off" onClick="setHAlign('center');" alt="<?php echo $l->m('center')?>">
 
384
  <img id="ha_right" src="<?php echo $theme_path.'img/'?>tb_right.gif" class="align_off" onClick="setHAlign('right');" alt="<?php echo $l->m('right')?>">
 
385
  </td>
 
386
</tr>
 
387
<tr>
 
388
  <td colspan="2"><?php echo $l->m('vertical_align')?>:</td>
 
389
  <td colspan="2" align="right"><input type="hidden" name="cvalign" id="cvalign">
 
390
  <img id="ha_top" src="<?php echo $theme_path.'img/'?>tb_top.gif" class="align_off" onClick="setVAlign('top');" alt="<?php echo $l->m('top')?>">
 
391
  <img id="ha_middle" src="<?php echo $theme_path.'img/'?>tb_middle.gif" class="align_off" onClick="setVAlign('middle');" alt="<?php echo $l->m('middle')?>">
 
392
  <img id="ha_bottom" src="<?php echo $theme_path.'img/'?>tb_bottom.gif" class="align_off" onClick="setVAlign('bottom');" alt="<?php echo $l->m('bottom')?>">
 
393
  <img id="ha_baseline" src="<?php echo $theme_path.'img/'?>tb_baseline.gif" class="align_off" onClick="setVAlign('baseline');" alt="<?php echo $l->m('baseline')?>">
 
394
  </td>
 
395
</tr>
 
396
<tr>
 
397
  <td><?php echo $l->m('width')?>:</td>
 
398
  <td nowrap>
 
399
    <input type="text" name="cwidth" id="cwidth" size="3" maxlength="3" class="input_small">
 
400
    <select size="1" name="cwunits" id="cwunits" class="input">
 
401
      <option value="%">%</option>
 
402
      <option value="px">px</option>
 
403
    </select>
 
404
  </td>
 
405
  <td><?php echo $l->m('height')?>:</td>
 
406
  <td nowrap>
 
407
    <input type="text" name="cheight" id="cheight" size="3" maxlength="3" class="input_small">
 
408
    <select size="1" name="chunits" id="chunits" class="input">
 
409
      <option value="%">%</option>
 
410
      <option value="px">px</option>
 
411
    </select>
 
412
  </td>
 
413
</tr>
 
414
<tr>
 
415
  <td nowrap><?php echo $l->m('no_wrap')?>:</td>
 
416
  <td nowrap>
 
417
    <input type="checkbox" name="cnowrap" id="cnowrap">
 
418
  </td>
 
419
  <td colspan="2">&nbsp;</td>
 
420
</tr>
 
421
<tr>
 
422
  <td colspan="4"><?php echo $l->m('bg_color')?>: <img src="spacer.gif" id="color_sample" border="1" width="30" height="18" align="absbottom">&nbsp;<input type="text" name="cbgcolor" id="cbgcolor" size="7" maxlength="7" class="input_color" onKeyUp="setSample()">&nbsp;
 
423
  <img id="ccolorpicker" src="<?php echo $theme_path.'img/'?>tb_colorpicker.gif" border="0" onClick="showColorPicker(cbgcolor.value)" align="absbottom">
 
424
  </td>
 
425
</tr>
 
426
<tr>
 
427
  <td colspan="4">
 
428
        <?php echo $l->m('background')?>: <input type="text" name="cbackground" id="cbackground" size="20" class="input" >&nbsp;<img id="cimg_picker" src="<?php echo $theme_path.'img/'?>tb_image_insert.gif" border="0" onClick="showImgPicker();" align="absbottom"> 
 
429
  </td>
 
430
</tr>
 
431
<tr>
 
432
<td colspan="4" nowrap>
 
433
<hr width="100%">
 
434
</td>
 
435
</tr>
 
436
<tr>
 
437
<td colspan="4" align="right" valign="bottom" nowrap>
 
438
<input type="button" value="<?php echo $l->m('ok')?>" onClick="okClick()" class="bt">
 
439
<input type="button" value="<?php echo $l->m('cancel')?>" onClick="cancelClick()" class="bt">
 
440
</td>
 
441
</tr>
 
442
</form>
 
443
</table>
 
444
 
 
445
</body>
 
446
</html>