Location: PHPKode > projects > INTELIMEN - WYSIWYG HTML Browser Editor > editor/pg.image.php
<?include(dirname($SCRIPT_FILENAME)."/lib.editor.inc.php");
echo "
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
<html>
<head>
  <title>{$lang[insert_image]}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</title>
  <link rel='stylesheet'  type='text/css' href='styles.editor.inc.css'>
  <script language='javascript'>
    function onLoad() {
      ipreview.location              = window.dialogArguments.image_src;
      form.image_bordercolor.value   = window.dialogArguments.image_bordercolor;
      form.image_border.value        = window.dialogArguments.image_border;
      form.image_text.value          = window.dialogArguments.image_text;
      form.iamge_align.value         = window.dialogArguments.iamge_align;
    }
    function onSubmit() {
      var code = new Array();
      code.image_src                 = ipreview.location.href;
      code.image_bordercolor         = form.image_bordercolor.value;
      code.image_border              = form.image_border.value;
      code.image_text                = form.image_text.value;
      code.iamge_align               = form.iamge_align.value;
      window.returnValue=code;
      window.close();
    }
    function custom_color(obj) {
      if (obj.selectedIndex == 1) {
        var c = prompt('{$lang[custom_dialog]}', '');
        if (c != null) {
          var oOption = document.createElement('OPTION');
          c = '#' + c;
          oOption.text = c;
          oOption.value = c;
          oOption.style.color = c;
          obj.add(oOption);
          obj.selectedIndex = obj.options.length-1;
        }
      }
    }
  </script>
</head>
<body class='dlg' topmargin='0' leftmargin='0' scroll='no' onLoad='onLoad()'>
<form name='form' style='position:absolute;'>
  <table class='dlg' cellpadding='0' cellspacing='3' width='102%' height='100%'>
    <tr>
      <td class='dlg' colspan='6'>
        <table class='dlg' width='100%'>
          <tr>
            <td class='dlg' nowrap>{$lang[preview]}</td>
            <td class='dlg' valign='middle' width='100%'><hr width='100%'></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <TD>&nbsp;</TD>
      <td colspan='4' align='center'><iframe name='ipreview' id='ipreview' frameborder='0' style='border : 1px solid black;' height='190' width='100%' src=''></iframe></td>
      <TD>&nbsp;</TD>
    </tr>
    <tr>
      <td class='dlg' colspan='6'>
        <table class='dlg' width='100%'>
          <tr>
            <td class='dlg' nowrap>{$lang[layout]}</td>
            <td class='dlg' valign='middle' width='100%'><hr width='100%'></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td class='dlg' nowrap>{$lang[border_color]}:</td>
      <td class='dlg'>
        <select class='dlg' name='image_bordercolor' style='width:100;' onChange='custom_color(this.form.image_bordercolor)'>
          <option value=''                                         >{$lang[transparent]}</option>
          <option value='custom'                                   >{$lang[custom]}</option>
          <OPTION value='#ff0000' style='BACKGROUND-COLOR: #ff0000'>#FF0000</OPTION>
          <OPTION value='#ffff00' style='BACKGROUND-COLOR: #ffff00'>#FFFF00</OPTION>
          <OPTION value='#00ff00' style='BACKGROUND-COLOR: #00ff00'>#00FF00</OPTION>
          <OPTION value='#00ffff' style='BACKGROUND-COLOR: #00ffff'>#00FFFF</OPTION>
          <OPTION value='#0000ff' style='BACKGROUND-COLOR: #0000ff'>#0000FF</OPTION>
          <OPTION value='#ff00ff' style='BACKGROUND-COLOR: #ff00ff'>#FF00FF</OPTION>
          <OPTION value='#ffffff' style='BACKGROUND-COLOR: #ffffff'>#FFFFFF</OPTION>
          <OPTION value='#f5f5f5' style='BACKGROUND-COLOR: #f5f5f5'>#F5F5F5</OPTION>
          <OPTION value='#dcdcdc' style='BACKGROUND-COLOR: #dcdcdc'>#DCDCDC</OPTION>
          <OPTION value='#d3d3d3' style='BACKGROUND-COLOR: #d3d3d3'>#D3D3D3</OPTION>
          <OPTION value='#c0c0c0' style='BACKGROUND-COLOR: #c0c0c0'>#C0C0C0</OPTION>
          <OPTION value='#a9a9a9' style='BACKGROUND-COLOR: #a9a9a9'>#A9A9A9</OPTION>
          <OPTION value='#808080' style='BACKGROUND-COLOR: #808080'>#808080</OPTION>
          <OPTION value='#696969' style='BACKGROUND-COLOR: #696969'>#696969</OPTION>
          <OPTION value='#000000' style='BACKGROUND-COLOR: #000000'>#000000</OPTION>
          <OPTION value='#2f4f4f' style='BACKGROUND-COLOR: #2f4f4f'>#2F4F4F</OPTION>
          <OPTION value='#708090' style='BACKGROUND-COLOR: #708090'>#708090</OPTION>
          <OPTION value='#778899' style='BACKGROUND-COLOR: #778899'>#778899</OPTION>
          <OPTION value='#4682b4' style='BACKGROUND-COLOR: #4682b4'>#4682B4</OPTION>
          <OPTION value='#4169e1' style='BACKGROUND-COLOR: #4169e1'>#4169E1</OPTION>
          <OPTION value='#6495ed' style='BACKGROUND-COLOR: #6495ed'>#6495ED</OPTION>
          <OPTION value='#b0c4de' style='BACKGROUND-COLOR: #b0c4de'>#B0C4DE</OPTION>
          <OPTION value='#7b68ee' style='BACKGROUND-COLOR: #7b68ee'>#7B68EE</OPTION>
          <OPTION value='#6a5acd' style='BACKGROUND-COLOR: #6a5acd'>#6A5ACD</OPTION>
          <OPTION value='#483d8b' style='BACKGROUND-COLOR: #483d8b'>#483D8B</OPTION>
          <OPTION value='#191970' style='BACKGROUND-COLOR: #191970'>#191970</OPTION>
          <OPTION value='#000080' style='BACKGROUND-COLOR: #000080'>#000080</OPTION>
          <OPTION value='#00008b' style='BACKGROUND-COLOR: #00008b'>#00008B</OPTION>
          <OPTION value='#0000cd' style='BACKGROUND-COLOR: #0000cd'>#0000CD</OPTION>
          <OPTION value='#1e90ff' style='BACKGROUND-COLOR: #1e90ff'>#1E90FF</OPTION>
          <OPTION value='#00bfff' style='BACKGROUND-COLOR: #00bfff'>#00BFFF</OPTION>
          <OPTION value='#87cefa' style='BACKGROUND-COLOR: #87cefa'>#87CEFA</OPTION>
          <OPTION value='#87ceeb' style='BACKGROUND-COLOR: #87ceeb'>#87CEEB</OPTION>
          <OPTION value='#add8e6' style='BACKGROUND-COLOR: #add8e6'>#ADD8E6</OPTION>
          <OPTION value='#b0e0e6' style='BACKGROUND-COLOR: #b0e0e6'>#B0E0E6</OPTION>
          <OPTION value='#f0ffff' style='BACKGROUND-COLOR: #f0ffff'>#F0FFFF</OPTION>
          <OPTION value='#e0ffff' style='BACKGROUND-COLOR: #e0ffff'>#E0FFFF</OPTION>
          <OPTION value='#afeeee' style='BACKGROUND-COLOR: #afeeee'>#AFEEEE</OPTION>
          <OPTION value='#00ced1' style='BACKGROUND-COLOR: #00ced1'>#00CED1</OPTION>
          <OPTION value='#5f9ea0' style='BACKGROUND-COLOR: #5f9ea0'>#5F9EA0</OPTION>
          <OPTION value='#48d1cc' style='BACKGROUND-COLOR: #48d1cc'>#48D1CC</OPTION>
          <OPTION value='#00ffff' style='BACKGROUND-COLOR: #00ffff'>#00FFFF</OPTION>
          <OPTION value='#40e0d0' style='BACKGROUND-COLOR: #40e0d0'>#40E0D0</OPTION>
          <OPTION value='#20b2aa' style='BACKGROUND-COLOR: #20b2aa'>#20B2AA</OPTION>
          <OPTION value='#008b8b' style='BACKGROUND-COLOR: #008b8b'>#008B8B</OPTION>
          <OPTION value='#008080' style='BACKGROUND-COLOR: #008080'>#008080</OPTION>
          <OPTION value='#7fffd4' style='BACKGROUND-COLOR: #7fffd4'>#7FFFD4</OPTION>
          <OPTION value='#66cdaa' style='BACKGROUND-COLOR: #66cdaa'>#66CDAA</OPTION>
          <OPTION value='#8fbc8f' style='BACKGROUND-COLOR: #8fbc8f'>#8FBC8F</OPTION>
          <OPTION value='#3cb371' style='BACKGROUND-COLOR: #3cb371'>#3CB371</OPTION>
          <OPTION value='#2e8b57' style='BACKGROUND-COLOR: #2e8b57'>#2E8B57</OPTION>
          <OPTION value='#006400' style='BACKGROUND-COLOR: #006400'>#006400</OPTION>
          <OPTION value='#008000' style='BACKGROUND-COLOR: #008000'>#008000</OPTION>
          <OPTION value='#228b22' style='BACKGROUND-COLOR: #228b22'>#228B22</OPTION>
          <OPTION value='#32cd32' style='BACKGROUND-COLOR: #32cd32'>#32CD32</OPTION>
          <OPTION value='#00ff00' style='BACKGROUND-COLOR: #00ff00'>#00FF00</OPTION>
          <OPTION value='#7fff00' style='BACKGROUND-COLOR: #7fff00'>#7FFF00</OPTION>
          <OPTION value='#7cfc00' style='BACKGROUND-COLOR: #7cfc00'>#7CFC00</OPTION>
          <OPTION value='#adff2f' style='BACKGROUND-COLOR: #adff2f'>#ADFF2F</OPTION>
          <OPTION value='#98fb98' style='BACKGROUND-COLOR: #98fb98'>#98FB98</OPTION>
          <OPTION value='#90ee90' style='BACKGROUND-COLOR: #90ee90'>#90EE90</OPTION>
          <OPTION value='#00ff7f' style='BACKGROUND-COLOR: #00ff7f'>#00FF7F</OPTION>
          <OPTION value='#00fa9a' style='BACKGROUND-COLOR: #00fa9a'>#00FA9A</OPTION>
          <OPTION value='#556b2f' style='BACKGROUND-COLOR: #556b2f'>#556B2F</OPTION>
          <OPTION value='#6b8e23' style='BACKGROUND-COLOR: #6b8e23'>#6B8E23</OPTION>
          <OPTION value='#808000' style='BACKGROUND-COLOR: #808000'>#808000</OPTION>
          <OPTION value='#bdb76b' style='BACKGROUND-COLOR: #bdb76b'>#BDB76B</OPTION>
          <OPTION value='#b8860b' style='BACKGROUND-COLOR: #b8860b'>#B8860B</OPTION>
          <OPTION value='#daa520' style='BACKGROUND-COLOR: #daa520'>#DAA520</OPTION>
          <OPTION value='#ffd700' style='BACKGROUND-COLOR: #ffd700'>#FFD700</OPTION>
          <OPTION value='#f0e68c' style='BACKGROUND-COLOR: #f0e68c'>#F0E68C</OPTION>
          <OPTION value='#eee8aa' style='BACKGROUND-COLOR: #eee8aa'>#EEE8AA</OPTION>
          <OPTION value='#ffebcd' style='BACKGROUND-COLOR: #ffebcd'>#FFEBCD</OPTION>
          <OPTION value='#ffe4b5' style='BACKGROUND-COLOR: #ffe4b5'>#FFE4B5</OPTION>
          <OPTION value='#f5deb3' style='BACKGROUND-COLOR: #f5deb3'>#F5DEB3</OPTION>
          <OPTION value='#ffdead' style='BACKGROUND-COLOR: #ffdead'>#FFDEAD</OPTION>
          <OPTION value='#deb887' style='BACKGROUND-COLOR: #deb887'>#DEB887</OPTION>
          <OPTION value='#d2b48c' style='BACKGROUND-COLOR: #d2b48c'>#D2B48C</OPTION>
          <OPTION value='#bc8f8f' style='BACKGROUND-COLOR: #bc8f8f'>#BC8F8F</OPTION>
          <OPTION value='#a0522d' style='BACKGROUND-COLOR: #a0522d'>#A0522D</OPTION>
          <OPTION value='#8b4513' style='BACKGROUND-COLOR: #8b4513'>#8B4513</OPTION>
          <OPTION value='#d2691e' style='BACKGROUND-COLOR: #d2691e'>#D2691E</OPTION>
          <OPTION value='#cd853f' style='BACKGROUND-COLOR: #cd853f'>#CD853F</OPTION>
          <OPTION value='#f4a460' style='BACKGROUND-COLOR: #f4a460'>#F4A460</OPTION>
          <OPTION value='#8b0000' style='BACKGROUND-COLOR: #8b0000'>#8B0000</OPTION>
          <OPTION value='#800000' style='BACKGROUND-COLOR: #800000'>#800000</OPTION>
          <OPTION value='#a52a2a' style='BACKGROUND-COLOR: #a52a2a'>#A52A2A</OPTION>
          <OPTION value='#b22222' style='BACKGROUND-COLOR: #b22222'>#B22222</OPTION>
          <OPTION value='#cd5c5c' style='BACKGROUND-COLOR: #cd5c5c'>#CD5C5C</OPTION>
          <OPTION value='#f08080' style='BACKGROUND-COLOR: #f08080'>#F08080</OPTION>
          <OPTION value='#fa8072' style='BACKGROUND-COLOR: #fa8072'>#FA8072</OPTION>
          <OPTION value='#e9967a' style='BACKGROUND-COLOR: #e9967a'>#E9967A</OPTION>
          <OPTION value='#ffa07a' style='BACKGROUND-COLOR: #ffa07a'>#FFA07A</OPTION>
          <OPTION value='#ff7f50' style='BACKGROUND-COLOR: #ff7f50'>#FF7F50</OPTION>
          <OPTION value='#ff6347' style='BACKGROUND-COLOR: #ff6347'>#FF6347</OPTION>
          <OPTION value='#ff8c00' style='BACKGROUND-COLOR: #ff8c00'>#FF8C00</OPTION>
          <OPTION value='#ffa500' style='BACKGROUND-COLOR: #ffa500'>#FFA500</OPTION>
          <OPTION value='#ff4500' style='BACKGROUND-COLOR: #ff4500'>#FF4500</OPTION>
          <OPTION value='#dc143c' style='BACKGROUND-COLOR: #dc143c'>#DC143C</OPTION>
          <OPTION value='#ff0000' style='BACKGROUND-COLOR: #ff0000'>#FF0000</OPTION>
          <OPTION value='#ff1493' style='BACKGROUND-COLOR: #ff1493'>#FF1493</OPTION>
          <OPTION value='#ff00ff' style='BACKGROUND-COLOR: #ff00ff'>#FF00FF</OPTION>
          <OPTION value='#ff69b4' style='BACKGROUND-COLOR: #ff69b4'>#FF69B4</OPTION>
          <OPTION value='#ffb6c1' style='BACKGROUND-COLOR: #ffb6c1'>#FFB6C1</OPTION>
          <OPTION value='#ffc0cb' style='BACKGROUND-COLOR: #ffc0cb'>#FFC0CB</OPTION>
          <OPTION value='#db7093' style='BACKGROUND-COLOR: #db7093'>#DB7093</OPTION>
          <OPTION value='#c71585' style='BACKGROUND-COLOR: #c71585'>#C71585</OPTION>
          <OPTION value='#800080' style='BACKGROUND-COLOR: #800080'>#800080</OPTION>
          <OPTION value='#8b008b' style='BACKGROUND-COLOR: #8b008b'>#8B008B</OPTION>
          <OPTION value='#9370db' style='BACKGROUND-COLOR: #9370db'>#9370DB</OPTION>
          <OPTION value='#8a2be2' style='BACKGROUND-COLOR: #8a2be2'>#8A2BE2</OPTION>
          <OPTION value='#4b0082' style='BACKGROUND-COLOR: #4b0082'>#4B0082</OPTION>
          <OPTION value='#9400d3' style='BACKGROUND-COLOR: #9400d3'>#9400D3</OPTION>
          <OPTION value='#9932cc' style='BACKGROUND-COLOR: #9932cc'>#9932CC</OPTION>
          <OPTION value='#ba55d3' style='BACKGROUND-COLOR: #ba55d3'>#BA55D3</OPTION>
          <OPTION value='#da70d6' style='BACKGROUND-COLOR: #da70d6'>#DA70D6</OPTION>
          <OPTION value='#ee82ee' style='BACKGROUND-COLOR: #ee82ee'>#EE82EE</OPTION>
          <OPTION value='#dda0dd' style='BACKGROUND-COLOR: #dda0dd'>#DDA0DD</OPTION>
          <OPTION value='#d8bfd8' style='BACKGROUND-COLOR: #d8bfd8'>#D8BFD8</OPTION>
          <OPTION value='#e6e6fa' style='BACKGROUND-COLOR: #e6e6fa'>#E6E6FA</OPTION>
          <OPTION value='#f8f8ff' style='BACKGROUND-COLOR: #f8f8ff'>#F8F8FF</OPTION>
          <OPTION value='#f0f8ff' style='BACKGROUND-COLOR: #f0f8ff'>#F0F8FF</OPTION>
          <OPTION value='#f5fffa' style='BACKGROUND-COLOR: #f5fffa'>#F5FFFA</OPTION>
          <OPTION value='#f0fff0' style='BACKGROUND-COLOR: #f0fff0'>#F0FFF0</OPTION>
          <OPTION value='#fafad2' style='BACKGROUND-COLOR: #fafad2'>#FAFAD2</OPTION>
          <OPTION value='#fffacd' style='BACKGROUND-COLOR: #fffacd'>#FFFACD</OPTION>
          <OPTION value='#fff8dc' style='BACKGROUND-COLOR: #fff8dc'>#FFF8DC</OPTION>
          <OPTION value='#ffffe0' style='BACKGROUND-COLOR: #ffffe0'>#FFFFE0</OPTION>
          <OPTION value='#fffff0' style='BACKGROUND-COLOR: #fffff0'>#FFFFF0</OPTION>
          <OPTION value='#fffaf0' style='BACKGROUND-COLOR: #fffaf0'>#FFFAF0</OPTION>
          <OPTION value='#faf0e6' style='BACKGROUND-COLOR: #faf0e6'>#FAF0E6</OPTION>
          <OPTION value='#fdf5e6' style='BACKGROUND-COLOR: #fdf5e6'>#FDF5E6</OPTION>
          <OPTION value='#faebd7' style='BACKGROUND-COLOR: #faebd7'>#FAEBD7</OPTION>
          <OPTION value='#ffe4c4' style='BACKGROUND-COLOR: #ffe4c4'>#FFE4C4</OPTION>
          <OPTION value='#ffdab9' style='BACKGROUND-COLOR: #ffdab9'>#FFDAB9</OPTION>
          <OPTION value='#ffefd5' style='BACKGROUND-COLOR: #ffefd5'>#FFEFD5</OPTION>
          <OPTION value='#fff5ee' style='BACKGROUND-COLOR: #fff5ee'>#FFF5EE</OPTION>
          <OPTION value='#fff0f5' style='BACKGROUND-COLOR: #fff0f5'>#FFF0F5</OPTION>
          <OPTION value='#ffe4e1' style='BACKGROUND-COLOR: #ffe4e1'>#FFE4E1</OPTION>
          <OPTION value='#fffafa' style='BACKGROUND-COLOR: #fffafa'>#FFFAFA</OPTION>
        </select>
      </td>
      <td>&nbsp;</td>
      <td rowspan='4' align='center'><iframe name='ifiles' id='ifiles' frameborder='0' style='border : 1px solid black;' height='100' width='100%' src='pg.image.list.php'></iframe></td>
      <TD>&nbsp;</TD>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td class='dlg' nowrap>{$lang[border_size]}:</td>
      <td class='dlg'>
        <select class='dlg' name='image_border' style='width:100;'>
          <option value='0'>0
          <option value='1'>1
          <option value='2'>2
          <option value='3'>3
          <option value='4'>4
          <option value='5'>5
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td class='dlg'>{$lang[align]}:</td>
      <td class='dlg'>
        <select class='dlg' name='iamge_align' style='width:100'>
          <option value='' selected>&nbsp;</option>
          <option value='absmiddle' >{$lang[absmiddle]}</option>
          <option value='middle'    >{$lang[middle]}   </option>
          <option value='bottom'    >{$lang[bottom]}   </option>
          <option value='top'       >{$lang[top]}      </option>
          <option value='left'      >{$lang[left]}     </option>
          <option value='right'     >{$lang[right]}    </option>
          <option value='baseline'  >{$lang[baseline]} </option>
          <option value='texttop'   >{$lang[texttop]}  </option>
          <option value='absbottom' >{$lang[absbottom]}</option>
        </select>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <TD>&nbsp;</TD>
      <td class='dlg'>{$lang[comment]}:</td>
      <td class='dlg'><input class='dlg' type='text' name='image_text' value='' size='5' style='WIDTH:100;'></td>
      <TD>&nbsp;</TD>
    </tr>
    <tr>
      <td colspan='6'>
        <table class='dlg' width='100%'>
          <tr>
            <td class='dlg' nowrap>{$lang[upload]}</td>
            <td class='dlg' valign='middle' width='100%'><hr width='100%'></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <TD>&nbsp;</TD>
      <td colspan='4' align='center'><iframe name='upload' id='upload' frameborder='0' style='border : 0px solid black;' height='25' width='340' src='pg.image.upload.php?lng=$lng'></iframe></td>
      <TD>&nbsp;</TD>
    </tr>
    <tr>
      <td class='dlg' colspan='6'>
        <table class='dlg' width='100%'>
          <tr>
            <td class='dlg' valign='middle' width='100%'><hr width='100%'></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td class='dlg' colspan='6' align='center'><input class='dlg' type='button' value='{$lang[ok]}' title='{$lang[ok]}' onclick='javascript:onSubmit();'>&nbsp;&nbsp;&nbsp;<input class='dlg' type='button' value='{$lang[cancel]}' title='{$lang[cancel]}' onclick='javascript:window.returnValue=false;window.close();'><BR><BR></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>";
?>
Return current item: INTELIMEN - WYSIWYG HTML Browser Editor