td.php

架設ROSE私服必備之物 ROSE數據庫

      ?>
    }
  }

  function cancelClick() {
    window.close();
  }
  
  function setSample()
  {
    try {
      document.getElementById('color_sample').style.backgroundColor = document.getElementById('cbgcolor').value;
    }
    catch (excp) {}
  }
  
  function setHAlign(alignment)
  {
    switch (alignment) {
      case "left":
        document.getElementById('ha_left').className = "align_on";
        document.getElementById('ha_center').className = "align_off";
        document.getElementById('ha_right').className = "align_off";
        break;
      case "center":
        document.getElementById('ha_left').className = "align_off";
        document.getElementById('ha_center').className = "align_on";
        document.getElementById('ha_right').className = "align_off";
        break;
      case "right":
        document.getElementById('ha_left').className = "align_off";
        document.getElementById('ha_center').className = "align_off";
        document.getElementById('ha_right').className = "align_on";
        break;
    }
    document.getElementById('chalign').value = alignment;
  }

  function setVAlign(alignment)
  {
    switch (alignment) {
      case "middle":
        document.getElementById('ha_middle').className = "align_on";
        document.getElementById('ha_baseline').className = "align_off";
        document.getElementById('ha_bottom').className = "align_off";
        document.getElementById('ha_top').className = "align_off";
        break;
      case "baseline":
        document.getElementById('ha_middle').className = "align_off";
        document.getElementById('ha_baseline').className = "align_on";
        document.getElementById('ha_bottom').className = "align_off";
        document.getElementById('ha_top').className = "align_off";
        break;
      case "bottom":
        document.getElementById('ha_middle').className = "align_off";
        document.getElementById('ha_baseline').className = "align_off";
        document.getElementById('ha_bottom').className = "align_on";
        document.getElementById('ha_top').className = "align_off";
        break;
      case "top":
        document.getElementById('ha_middle').className = "align_off";
        document.getElementById('ha_baseline').className = "align_off";
        document.getElementById('ha_bottom').className = "align_off";
        document.getElementById('ha_top').className = "align_on";
        break;
    }
    document.getElementById('cvalign').value = alignment;
  }
  
  function css_class_changed()
  {
  	if (<?php echo (isset($spaw_disable_style_controls) && $spaw_disable_style_controls)?'true':'false'?>)
    {
	  	// disable/enable non-css class controls
      if (document.getElementById('ccssclass').value && document.getElementById('ccssclass').value!='default')
      {
        // disable all controls
        document.getElementById('cwidth').disabled = true;
        document.getElementById('cwunits').disabled = true;
        document.getElementById('cheight').disabled = true;
        document.getElementById('chunits').disabled = true;
        document.getElementById('cnowrap').disabled = true;
        document.getElementById('cbgcolor').disabled = true;
        document.getElementById('ha_left').src = '<?php echo $theme_path.'img/'?>tb_left_off.gif';
        document.getElementById('ha_left').disabled = true;
        document.getElementById('ha_center').src = '<?php echo $theme_path.'img/'?>tb_center_off.gif';
        document.getElementById('ha_center').disabled = true;
        document.getElementById('ha_right').src = '<?php echo $theme_path.'img/'?>tb_right_off.gif';
        document.getElementById('ha_right').disabled = true;
        document.getElementById('ha_top').src = '<?php echo $theme_path.'img/'?>tb_top_off.gif';
        document.getElementById('ha_top').disabled = true;
        document.getElementById('ha_middle').src = '<?php echo $theme_path.'img/'?>tb_middle_off.gif';
        document.getElementById('ha_middle').disabled = true;
        document.getElementById('ha_bottom').src = '<?php echo $theme_path.'img/'?>tb_bottom_off.gif';
        document.getElementById('ha_bottom').disabled = true;
        document.getElementById('ha_baseline').src = '<?php echo $theme_path.'img/'?>tb_baseline_off.gif';
        document.getElementById('ha_baseline').disabled = true;
        document.getElementById('ccolorpicker').src = '<?php echo $theme_path.'img/'?>tb_colorpicker_off.gif';
        document.getElementById('ccolorpicker').disabled = true;
        document.getElementById('cbackground').disabled = true;
        document.getElementById('cimg_picker').src = '<?php echo $theme_path.'img/'?>tb_image_insert_off.gif';
        document.getElementById('cimg_picker').disabled = true;
      }
      else
      {
        // enable all controls
        document.getElementById('cwidth').disabled = false;
        document.getElementById('cwunits').disabled = false;
        document.getElementById('cheight').disabled = false;
        document.getElementById('chunits').disabled = false;
        document.getElementById('cnowrap').disabled = false;
        document.getElementById('cbgcolor').disabled = false;
        document.getElementById('ha_left').src = '<?php echo $theme_path.'img/'?>tb_left.gif';
        document.getElementById('ha_left').disabled = false;
        document.getElementById('ha_center').src = '<?php echo $theme_path.'img/'?>tb_center.gif';
        document.getElementById('ha_center').disabled = false;
        document.getElementById('ha_right').src = '<?php echo $theme_path.'img/'?>tb_right.gif';
        document.getElementById('ha_right').disabled = false;
        document.getElementById('ha_top').src = '<?php echo $theme_path.'img/'?>tb_top.gif';
        document.getElementById('ha_top').disabled = false;
        document.getElementById('ha_middle').src = '<?php echo $theme_path.'img/'?>tb_middle.gif';
        document.getElementById('ha_middle').disabled = false;
        document.getElementById('ha_bottom').src = '<?php echo $theme_path.'img/'?>tb_bottom.gif';
        document.getElementById('ha_bottom').disabled = false;
        document.getElementById('ha_baseline').src = '<?php echo $theme_path.'img/'?>tb_baseline.gif';
        document.getElementById('ha_baseline').disabled = false;
        document.getElementById('ccolorpicker').src = '<?php echo $theme_path.'img/'?>tb_colorpicker.gif';
        document.getElementById('ccolorpicker').disabled = false;
        document.getElementById('cbackground').disabled = false;
        document.getElementById('cimg_picker').src = '<?php echo $theme_path.'img/'?>tb_image_insert.gif';
        document.getElementById('cimg_picker').disabled = false;
      }
    }
  }
  //-->
  </script>
</head>

<body onLoad="Init()" dir="<?php echo $l->getDir();?>">
<table border="0" cellspacing="0" cellpadding="2" width="336">
<form name="td_prop">
<tr>
  <td nowrap><?php echo $l->m('css_class')?>:</td>
  <td nowrap colspan="3">
    <select id="ccssclass" name="ccssclass" id="ccssclass" size="1" class="input" onchange="css_class_changed();">
	<?php
	foreach($spaw_dropdown_data["td_style"] as $key => $text)
	{
		echo '<option value="'.$key.'">'.$text.'</option>'."\n";
	}
	?>
    </select>
  </td>
</tr>
<tr>
  <td colspan="2"><?php echo $l->m('horizontal_align')?>:</td>
  <td colspan="2" align="right"><input type="hidden" name="chalign" id="chalign">
  <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')?>">
  <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')?>">
  <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')?>">
  </td>
</tr>
<tr>
  <td colspan="2"><?php echo $l->m('vertical_align')?>:</td>
  <td colspan="2" align="right"><input type="hidden" name="cvalign" id="cvalign">
  <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')?>">
  <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')?>">
  <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')?>">
  <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')?>">
  </td>
</tr>
<tr>
  <td><?php echo $l->m('width')?>:</td>
  <td nowrap>
    <input type="text" name="cwidth" id="cwidth" size="3" maxlength="3" class="input_small">
    <select size="1" name="cwunits" id="cwunits" class="input">
      <option value="%">%</option>
      <option value="px">px</option>
    </select>
  </td>
  <td><?php echo $l->m('height')?>:</td>
  <td nowrap>
    <input type="text" name="cheight" id="cheight" size="3" maxlength="3" class="input_small">
    <select size="1" name="chunits" id="chunits" class="input">
      <option value="%">%</option>
      <option value="px">px</option>
    </select>
  </td>
</tr>
<tr>
  <td nowrap><?php echo $l->m('no_wrap')?>:</td>
  <td nowrap>
    <input type="checkbox" name="cnowrap" id="cnowrap">
  </td>
  <td colspan="2">&nbsp;</td>
</tr>
<tr>
  <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;
  <img id="ccolorpicker" src="<?php echo $theme_path.'img/'?>tb_colorpicker.gif" border="0" onClick="showColorPicker(cbgcolor.value)" align="absbottom">
  </td>
</tr>
<tr>
  <td colspan="4">
	<?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">	
  </td>
</tr>
<tr>
<td colspan="4" nowrap>
<hr width="100%">
</td>
</tr>
<tr>
<td colspan="4" align="right" valign="bottom" nowrap>
<input type="button" value="<?php echo $l->m('ok')?>" onClick="okClick()" class="bt">
<input type="button" value="<?php echo $l->m('cancel')?>" onClick="cancelClick()" class="bt">
</td>
</tr>
</form>
</table>

</body>
</html>