diff options
| author | luxagraf <sng@luxagraf.net> | 2010-10-23 19:46:20 -0400 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2010-10-23 19:46:20 -0400 |
| commit | c59a2a69fb38b92b6c45bcf7431d2b1a3c5dce3c (patch) | |
| tree | 2fc44ca867839d5e591e21467b6e4526f7a9f080 /lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm | |
| parent | ed77da873e675f02f12cbab9be27f342f825444b (diff) | |
added grappelli, filebrowser, chunks and tagging to lcal repo
Diffstat (limited to 'lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm')
| -rw-r--r-- | lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm b/lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm new file mode 100644 index 0000000..8724e93 --- /dev/null +++ b/lib/grappelli/media/tinymce/jscripts/tiny_mce/plugins/advimage/image.htm @@ -0,0 +1,210 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>{#advimage_dlg.dialog_title}</title> + <script type="text/javascript" src="../../tiny_mce_popup.js"></script> + <script type="text/javascript" src="../../utils/mctabs.js"></script> + <script type="text/javascript" src="../../utils/form_utils.js"></script> + <script type="text/javascript" src="../../utils/validate.js"></script> + <script type="text/javascript" src="../../utils/editable_selects.js"></script> + <script type="text/javascript" src="js/image.js"></script> + <link href="css/advimage.css" rel="stylesheet" type="text/css" /> + <base target="_self" /> +</head> +<body id="advimage" style="display: none" class="tinyMCE"> + <form onsubmit="ImageDialog.insert();return false;" action="#"> + <div class="tabs"> + <ul> + <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li> + <li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li> + <li id="advanced_tab" style="display: none;"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li> + </ul> + </div> + + <div class="panel_wrapper"> + <div id="general_panel" class="panel current"> + <fieldset class="module properties"> + <div class="row"> + <div class="column span-4"><label id="srclabel" for="src" class="required">{#advimage_dlg.src}</label></div> + <div class="column span-flexible"> + <input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" /> + <div id="srcbrowsercontainer"> </div> + </div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label for="src_list">{#advimage_dlg.image_list}</label></div> + <div class="column span-flexible"><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);"></select></div> + </div> + <div class="row"> + <div class="column span-4"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></div> + <div class="column span-flexible"><input id="alt" name="alt" type="text" value="" /></div> + </div> + <div class="row"> + <div class="column span-4"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></div> + <div class="column span-flexible"><input id="title" name="title" type="text" value="" /></div> + </div> + </fieldset> + + <fieldset style="display: none;"> + <legend>{#advimage_dlg.preview}</legend> + <div id="prev"></div> + </fieldset> + </div> + + <div id="appearance_panel" class="panel"> + <fieldset class="module"> + <legend>{#advimage_dlg.tab_appearance}</legend> + <div class="row" style="display:none"> + <div class="column span-4"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></div> + <div class="column span-flexible"><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();"> + <option value="">{#not_set}</option> + <option value="baseline">{#advimage_dlg.align_baseline}</option> + <option value="top">{#advimage_dlg.align_top}</option> + <option value="middle">{#advimage_dlg.align_middle}</option> + <option value="bottom">{#advimage_dlg.align_bottom}</option> + <option value="text-top">{#advimage_dlg.align_texttop}</option> + <option value="text-bottom">{#advimage_dlg.align_textbottom}</option> + <option value="left">{#advimage_dlg.align_left}</option> + <option value="right">{#advimage_dlg.align_right}</option> + </select> + <br clear="all"> + <div class="alignPreview"> + <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" /> + Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam + nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum + edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam + erat volutpat. + </div></div> + </div> + <div class="row first"> + <div class="column span-4"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></div> + <div class="column span-flexible"> + <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x + <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px + <p class="constrain"> + <input id="constrain" type="checkbox" name="constrain" class="checkbox" /> + <label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label> + </p> + </div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></div> + <div class="column span-flexible"><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();" /></div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></div> + <div class="column span-flexible"><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();" /></div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></div> + <div class="column span-flexible"><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();" /></div> + </div> + <div class="row last"> + <div class="column span-4"><label for="class_list">{#class_name}</label></div> + <div class="column span-flexible"><select id="class_list" name="class_list" class="mceEditableSelect"></select></div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></div> + <div class="column span-flexible"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></div> + </div> + <div class="row" style="display:none"> + <div class="column span-4"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></div> + <div class="column span-flexible"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></div> + </div> + </fieldset> + </div> + + <div id="advanced_panel" class="panel"> + <fieldset> + <legend>{#advimage_dlg.swap_image}</legend> + + <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" /> + <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label> + + <table border="0" cellpadding="4" cellspacing="0" width="100%"> + <tr> + <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td> + <td><table border="0" cellspacing="0" cellpadding="0"> + <tr> + <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td> + <td id="onmouseoversrccontainer"> </td> + </tr> + </table></td> + </tr> + <tr> + <td><label for="over_list">{#advimage_dlg.image_list}</label></td> + <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"></select></td> + </tr> + <tr> + <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td> + <td class="column2"><table border="0" cellspacing="0" cellpadding="0"> + <tr> + <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td> + <td id="onmouseoutsrccontainer"> </td> + </tr> + </table></td> + </tr> + <tr> + <td><label for="out_list">{#advimage_dlg.image_list}</label></td> + <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"></select></td> + </tr> + </table> + </fieldset> + + <fieldset> + <legend>{#advimage_dlg.misc}</legend> + + <table border="0" cellpadding="4" cellspacing="0"> + <tr> + <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td> + <td><input id="id" name="id" type="text" value="" /></td> + </tr> + + <tr> + <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td> + <td> + <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();"> + <option value="">{#not_set}</option> + <option value="ltr">{#advimage_dlg.ltr}</option> + <option value="rtl">{#advimage_dlg.rtl}</option> + </select> + </td> + </tr> + + <tr> + <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td> + <td> + <input id="lang" name="lang" type="text" value="" /> + </td> + </tr> + + <tr> + <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td> + <td> + <input id="usemap" name="usemap" type="text" value="" /> + </td> + </tr> + + <tr> + <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td> + <td><table border="0" cellspacing="0" cellpadding="0"> + <tr> + <td><input id="longdesc" name="longdesc" type="text" value="" /></td> + <td id="longdesccontainer"> </td> + </tr> + </table></td> + </tr> + </table> + </fieldset> + </div> + </div> + + <div class="mceActionPanel module submit-row"> + <ul class="submit-row"> + <li class="cancel-button-container left"><input type="button" id="cancel" class="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /></li> + <li class="submit-button-container"><input type="submit" id="insert" class="default" name="insert" value="{#insert}" /></li> + </ul> + </div> + </form> +</body> +</html> |