[ Index ]

PHP Cross Reference of Unnamed Project

title

Body

[close]

/lib/editor/tinymce/tiny_mce/3.5.11/plugins/advimage/ -> image.htm (source)

   1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2  <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4      <title>{#advimage_dlg.dialog_title}</title>
   5      <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
   6      <script type="text/javascript" src="../../utils/mctabs.js"></script>
   7      <script type="text/javascript" src="../../utils/form_utils.js"></script>
   8      <script type="text/javascript" src="../../utils/validate.js"></script>
   9      <script type="text/javascript" src="../../utils/editable_selects.js"></script>
  10      <script type="text/javascript" src="js/image.js"></script>
  11      <link href="css/advimage.css" rel="stylesheet" type="text/css" />
  12  </head>
  13  <body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
  14      <span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
  15      <form onsubmit="ImageDialog.insert();return false;" action="#"> 
  16          <div class="tabs">
  17              <ul>
  18                  <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
  19                  <li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
  20                  <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
  21              </ul>
  22          </div>
  23  
  24          <div class="panel_wrapper">
  25              <div id="general_panel" class="panel current">
  26                  <fieldset>
  27                          <legend>{#advimage_dlg.general}</legend>
  28  
  29                          <table role="presentation" class="properties">
  30                              <tr>
  31                                  <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
  32                                  <td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
  33                                      <tr> 
  34                                          <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td> 
  35                                          <td id="srcbrowsercontainer">&nbsp;</td>
  36                                      </tr>
  37                                  </table></td>
  38                              </tr>
  39                              <tr>
  40                                  <td><label for="src_list">{#advimage_dlg.image_list}</label></td>
  41                                  <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
  42                              </tr>
  43                              <tr> 
  44                                  <td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td> 
  45                                  <td colspan="2"><input id="alt" name="alt" type="text" value="" /></td> 
  46                              </tr> 
  47                              <tr> 
  48                                  <td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td> 
  49                                  <td colspan="2"><input id="title" name="title" type="text" value="" /></td> 
  50                              </tr>
  51                          </table>
  52                  </fieldset>
  53  
  54                  <fieldset>
  55                      <legend>{#advimage_dlg.preview}</legend>
  56                      <div id="prev"></div>
  57                  </fieldset>
  58              </div>
  59  
  60              <div id="appearance_panel" class="panel">
  61                  <fieldset>
  62                      <legend>{#advimage_dlg.tab_appearance}</legend>
  63  
  64                      <table role="presentation" border="0" cellpadding="4" cellspacing="0">
  65                          <tr> 
  66                              <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td> 
  67                              <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> 
  68                                      <option value="">{#not_set}</option> 
  69                                      <option value="baseline">{#advimage_dlg.align_baseline}</option>
  70                                      <option value="top">{#advimage_dlg.align_top}</option>
  71                                      <option value="middle">{#advimage_dlg.align_middle}</option>
  72                                      <option value="bottom">{#advimage_dlg.align_bottom}</option>
  73                                      <option value="text-top">{#advimage_dlg.align_texttop}</option>
  74                                      <option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
  75                                      <option value="left">{#advimage_dlg.align_left}</option>
  76                                      <option value="right">{#advimage_dlg.align_right}</option>
  77                                  </select> 
  78                              </td>
  79                              <td rowspan="6" valign="top">
  80                                  <div class="alignPreview">
  81                                      <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
  82                                      Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
  83                                      nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
  84                                      edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
  85                                      erat volutpat.
  86                                  </div>
  87                              </td>
  88                          </tr>
  89  
  90                          <tr role="group" aria-labelledby="widthlabel">
  91                              <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
  92                              <td class="nowrap">
  93                                  <span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
  94                                  <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x 
  95                                  <span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span>
  96                                  <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px
  97                              </td>
  98                          </tr>
  99  
 100                          <tr>
 101                              <td>&nbsp;</td>
 102                              <td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
 103                                      <tr>
 104                                          <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
 105                                          <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
 106                                      </tr>
 107                                  </table></td>
 108                          </tr>
 109  
 110                          <tr>
 111                              <td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td> 
 112                              <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
 113                              </td>
 114                          </tr>
 115  
 116                          <tr> 
 117                              <td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td> 
 118                              <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td> 
 119                          </tr>
 120  
 121                          <tr>
 122                              <td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td> 
 123                              <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td> 
 124                          </tr>
 125  
 126                          <tr>
 127                              <td><label for="class_list">{#class_name}</label></td>
 128                              <td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
 129                          </tr>
 130  
 131                          <tr>
 132                              <td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td> 
 133                              <td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td> 
 134                          </tr>
 135  
 136                          <!-- <tr>
 137                              <td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td> 
 138                              <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td> 
 139                          </tr> -->
 140                      </table>
 141                  </fieldset>
 142              </div>
 143  
 144              <div id="advanced_panel" class="panel">
 145                  <fieldset>
 146                      <legend>{#advimage_dlg.swap_image}</legend>
 147  
 148                      <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
 149                      <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
 150  
 151                      <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
 152                              <tr>
 153                                  <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> 
 154                                  <td><table role="presentation" border="0" cellspacing="0" cellpadding="0"> 
 155                                      <tr> 
 156                                          <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> 
 157                                          <td id="onmouseoversrccontainer">&nbsp;</td>
 158                                      </tr>
 159                                  </table></td>
 160                              </tr>
 161                              <tr>
 162                                  <td><label for="over_list">{#advimage_dlg.image_list}</label></td>
 163                                  <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
 164                              </tr>
 165                              <tr> 
 166                                  <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> 
 167                                  <td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0"> 
 168                                      <tr> 
 169                                          <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> 
 170                                          <td id="onmouseoutsrccontainer">&nbsp;</td>
 171                                      </tr> 
 172                                  </table></td> 
 173                              </tr>
 174                              <tr>
 175                                  <td><label for="out_list">{#advimage_dlg.image_list}</label></td>
 176                                  <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
 177                              </tr>
 178                      </table>
 179                  </fieldset>
 180  
 181                  <fieldset>
 182                      <legend>{#advimage_dlg.misc}</legend>
 183  
 184                      <table role="presentation" border="0" cellpadding="4" cellspacing="0">
 185                          <tr>
 186                              <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> 
 187                              <td><input id="id" name="id" type="text" value="" /></td> 
 188                          </tr>
 189  
 190                          <tr>
 191                              <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td> 
 192                              <td>
 193                                  <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();"> 
 194                                          <option value="">{#not_set}</option> 
 195                                          <option value="ltr">{#advimage_dlg.ltr}</option> 
 196                                          <option value="rtl">{#advimage_dlg.rtl}</option> 
 197                                  </select>
 198                              </td> 
 199                          </tr>
 200  
 201                          <tr>
 202                              <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td> 
 203                              <td>
 204                                  <input id="lang" name="lang" type="text" value="" />
 205                              </td> 
 206                          </tr>
 207  
 208                          <tr>
 209                              <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td> 
 210                              <td>
 211                                  <input id="usemap" name="usemap" type="text" value="" />
 212                              </td> 
 213                          </tr>
 214  
 215                          <tr>
 216                              <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
 217                              <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
 218                                      <tr>
 219                                          <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
 220                                          <td id="longdesccontainer">&nbsp;</td>
 221                                      </tr>
 222                              </table></td> 
 223                          </tr>
 224                      </table>
 225                  </fieldset>
 226              </div>
 227          </div>
 228  
 229          <div class="mceActionPanel">
 230              <input type="submit" id="insert" name="insert" value="{#insert}" />
 231              <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
 232          </div>
 233      </form>
 234  </body> 
 235  </html> 


Generated: Thu Aug 11 10:00:09 2016 Cross-referenced by PHPXref 0.7.1