Subversion Repositories Sites.tela-botanica.org

Compare Revisions

No changes between revisions

Ignore whitespace Rev 419 → Rev 420

/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/css/advimage.css
New file
0,0 → 1,66
/* CSS file for advimage plugin popup */
 
.mceImageList {
width: 280px;
}
 
.mceActionPanel {
margin-top: 7px;
}
 
.alignPreview {
border: 1px solid black;
width: 140px;
height: 140px;
overflow: hidden;
padding: 5px;
}
 
.checkbox {
border: 0;
}
 
.panel_wrapper div.current {
height: 305px;
}
 
#prev {
margin: 0;
border: 1px
solid black;
width: 99%;
height: 150px;
overflow: auto;
}
 
#align, #classlist {
width: 150px;
}
 
#width, #height {
vertical-align: middle;
width: 50px;
text-align: center;
}
 
#vspace, #hspace, #border {
vertical-align: middle;
width: 30px;
text-align: center;
}
 
#classlist {
width: 180px;
}
 
input {
width: 280px;
}
 
#constrain, #onmousemovecheck {
width: auto;
}
 
#id, #dir, #lang, #usemap, #longdesc {
width: 200px;
}
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/image.htm
New file
0,0 → 1,241
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$lang_insert_image_title}</title>
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
<script language="javascript" type="text/javascript" src="../../utils/validate.js"></script>
<script language="javascript" type="text/javascript" src="jscripts/functions.js"></script>
<link href="css/advimage.css" rel="stylesheet" type="text/css" />
<base target="_self" />
</head>
<body id="advimage" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
<form onsubmit="insertAction();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;">{$lang_advimage_tab_general}</a></span></li>
<li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{$lang_advimage_tab_appearance}</a></span></li>
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_advimage_tab_advanced}</a></span></li>
</ul>
</div>
 
<div class="panel_wrapper">
<div id="general_panel" class="panel current">
<fieldset>
<legend>{$lang_advimage_general}</legend>
 
<table class="properties">
<tr>
<td class="column1"><label id="srclabel" for="src">{$lang_insert_image_src}</label></td>
<td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="src" type="text" id="src" value="" onchange="showPreviewImage(this.value);" /></td>
<td id="srcbrowsercontainer">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr id="imagelistsrcrow">
<td class="column1"><label for="imagelistsrc">{$lang_image_list}</label></td>
<td colspan="2" id="imagelistsrccontainer">&nbsp;</td>
</tr>
<tr>
<td class="column1"><label id="altlabel" for="alt">{$lang_insert_image_alt}</label></td>
<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td>
</tr>
<tr>
<td class="column1"><label id="titlelabel" for="title">{$lang_advimage_title}</label></td>
<td colspan="2"><input id="title" name="title" type="text" value="" /></td>
</tr>
</table>
</fieldset>
 
<fieldset>
<legend>{$lang_advimage_preview}</legend>
<div id="prev"></div>
</fieldset>
</div>
 
<div id="appearance_panel" class="panel">
<fieldset>
<legend>{$lang_advimage_tab_appearance}</legend>
 
<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td class="column1"><label id="alignlabel" for="align">{$lang_insert_image_align}</label></td>
<td><select id="align" name="align" onchange="changeAppearance();">
<option value="">{$lang_insert_image_align_default}</option>
<option value="baseline">{$lang_insert_image_align_baseline}</option>
<option value="top">{$lang_insert_image_align_top}</option>
<option value="middle">{$lang_insert_image_align_middle}</option>
<option value="bottom">{$lang_insert_image_align_bottom}</option>
<option value="texttop">{$lang_insert_image_align_texttop}</option>
<option value="absmiddle">{$lang_insert_image_align_absmiddle}</option>
<option value="absbottom">{$lang_insert_image_align_absbottom}</option>
<option value="left">{$lang_insert_image_align_left}</option>
<option value="right">{$lang_insert_image_align_right}</option>
</select>
</td>
<td rowspan="6" valign="top">
<div class="alignPreview">
<img id="alignSampleImg" src="images/sample.gif" alt="{$lang_advimage_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>
</td>
</tr>
 
<tr>
<td class="column1"><label id="widthlabel" for="width">{$lang_insert_image_dimensions}</label></td>
<td nowrap="nowrap">
<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="changeHeight();" /> x
<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="changeWidth();" /> px
</td>
</tr>
 
<tr>
<td>&nbsp;</td>
<td><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
<td><label id="constrainlabel" for="constrain">{$lang_advimage_constrain_proportions}</label></td>
</tr>
</table></td>
</tr>
 
<tr>
<td class="column1"><label id="vspacelabel" for="vspace">{$lang_insert_image_vspace}</label></td>
<td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" />
</td>
</tr>
 
<tr>
<td class="column1"><label id="hspacelabel" for="hspace">{$lang_insert_image_hspace}</label></td>
<td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" /></td>
</tr>
 
<tr>
<td class="column1"><label id="borderlabel" for="border">{$lang_insert_image_border}</label></td>
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="changeAppearance();updateStyle();" /></td>
</tr>
 
<tr>
<td><label id="classlabel" for="classlist">{$lang_class_name}</label></td>
<td colspan="2">
<select id="classlist" name="classlist">
<option value="" selected>{$lang_not_set}</option>
</select>
</td>
</tr>
 
<tr>
<td class="column1"><label id="stylelabel" for="style">{$lang_advimage_style}</label></td>
<td colspan="2"><input id="style" name="style" type="text" value="" onchange="styleUpdated();" /></td>
</tr>
 
<!-- <tr>
<td class="column1"><label id="classeslabel" for="classes">{$lang_advimage_classes}</label></td>
<td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
</tr> -->
</table>
</fieldset>
</div>
 
<div id="advanced_panel" class="panel">
<fieldset>
<legend>{$lang_advimage_swap_image}</legend>
 
<input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="changeMouseMove();" />
<label id="onmousemovechecklabel" for="onmousemovecheck">{$lang_advimage_alt_image}</label>
 
<table border="0" cellpadding="4" cellspacing="0" width="100%">
<tr>
<td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{$lang_advimage_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">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr id="imagelistoverrow">
<td class="column1"><label for="imagelistover">{$lang_image_list}</label></td>
<td id="imagelistovercontainer">&nbsp;</td>
</tr>
<tr>
<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{$lang_advimage_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">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr id="imagelistoutrow">
<td class="column1"><label for="imagelistout">{$lang_image_list}</label></td>
<td id="imagelistoutcontainer">&nbsp;</td>
</tr>
</table>
</fieldset>
 
<fieldset>
<legend>{$lang_advimage_misc}</legend>
 
<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td class="column1"><label id="idlabel" for="id">{$lang_advimage_id}</label></td>
<td><input id="id" name="id" type="text" value="" /></td>
</tr>
 
<tr>
<td class="column1"><label id="dirlabel" for="dir">{$lang_advimage_langdir}</label></td>
<td>
<select id="dir" name="dir" onchange="changeAppearance();">
<option value="">{$lang_not_set}</option>
<option value="ltr">{$lang_advimage_ltr}</option>
<option value="rtl">{$lang_advimage_rtl}</option>
</select>
</td>
</tr>
 
<tr>
<td class="column1"><label id="langlabel" for="lang">{$lang_advimage_langcode}</label></td>
<td>
<input id="lang" name="lang" type="text" value="" />
</td>
</tr>
 
<tr>
<td class="column1"><label id="usemaplabel" for="usemap">{$lang_advimage_image_map}</label></td>
<td>
<input id="usemap" name="usemap" type="text" value="" />
</td>
</tr>
 
<tr>
<td class="column1"><label id="longdesclabel" for="longdesc">{$lang_advimage_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">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</fieldset>
</div>
</div>
 
<div class="mceActionPanel">
<div style="float: left">
<input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertAction();" />
</div>
 
<div style="float: right">
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="cancelAction();" />
</div>
</div>
</form>
</body>
</html>
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/readme.txt
New file
0,0 → 1,0
Check the TinyMCE documentation for details on this plugin.
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/editor_plugin.js
New file
0,0 → 1,0
tinyMCE.importPluginLanguagePack('advimage');var TinyMCE_AdvancedImagePlugin={getInfo:function(){return{longname:'Advanced image',author:'Moxiecode Systems AB',authorurl:'http://tinymce.moxiecode.com',infourl:'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',version:tinyMCE.majorVersion+"."+tinyMCE.minorVersion}},getControlHTML:function(cn){switch(cn){case"image":return tinyMCE.getButtonHTML(cn,'lang_image_desc','{$themeurl}/images/image.gif','mceAdvImage')}return""},execCommand:function(editor_id,element,command,user_interface,value){switch(command){case"mceAdvImage":var template=new Array();template['file']='../../plugins/advimage/image.htm';template['width']=480;template['height']=380;template['width']+=tinyMCE.getLang('lang_advimage_delta_width',0);template['height']+=tinyMCE.getLang('lang_advimage_delta_height',0);var inst=tinyMCE.getInstanceById(editor_id);var elm=inst.getFocusElement();if(elm!=null&&tinyMCE.getAttrib(elm,'class').indexOf('mceItem')!=-1)return true;tinyMCE.openWindow(template,{editor_id:editor_id,inline:"yes"});return true}return false},cleanup:function(type,content){switch(type){case"insert_to_editor_dom":var imgs=content.getElementsByTagName("img"),src,i;for(i=0;i<imgs.length;i++){var onmouseover=tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i],'onmouseover'));var onmouseout=tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i],'onmouseout'));if((src=this._getImageSrc(onmouseover))!=""){if(tinyMCE.getParam('convert_urls'))src=tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'],src);imgs[i].setAttribute('onmouseover',"this.src='"+src+"';")}if((src=this._getImageSrc(onmouseout))!=""){if(tinyMCE.getParam('convert_urls'))src=tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'],src);imgs[i].setAttribute('onmouseout',"this.src='"+src+"';")}}break;case"get_from_editor_dom":var imgs=content.getElementsByTagName("img");for(var i=0;i<imgs.length;i++){var onmouseover=tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i],'onmouseover'));var onmouseout=tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i],'onmouseout'));if((src=this._getImageSrc(onmouseover))!=""){if(tinyMCE.getParam('convert_urls'))src=eval(tinyMCE.settings['urlconverter_callback']+"(src, null, true);");imgs[i].setAttribute('onmouseover',"this.src='"+src+"';")}if((src=this._getImageSrc(onmouseout))!=""){if(tinyMCE.getParam('convert_urls'))src=eval(tinyMCE.settings['urlconverter_callback']+"(src, null, true);");imgs[i].setAttribute('onmouseout',"this.src='"+src+"';")}}break}return content},handleNodeChange:function(editor_id,node,undo_index,undo_levels,visual_aid,any_selection){if(node==null)return;do{if(node.nodeName=="IMG"&&tinyMCE.getAttrib(node,'class').indexOf('mceItem')==-1){tinyMCE.switchClass(editor_id+'_advimage','mceButtonSelected');return true}}while((node=node.parentNode));tinyMCE.switchClass(editor_id+'_advimage','mceButtonNormal');return true},_getImageSrc:function(s){var sr,p=-1;if(!s)return"";if((p=s.indexOf('this.src='))!=-1){sr=s.substring(p+10);sr=sr.substring(0,sr.indexOf('\''));return sr}return""}};tinyMCE.addPlugin("advimage",TinyMCE_AdvancedImagePlugin);
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/jscripts/functions.js
New file
0,0 → 1,538
/* Functions for the advimage plugin popup */
 
var preloadImg = null;
var orgImageWidth, orgImageHeight;
 
function preinit() {
// Initialize
tinyMCE.setWindowArg('mce_windowresize', false);
 
// Import external list url javascript
var url = tinyMCE.getParam("external_image_list_url");
if (url != null) {
// Fix relative
if (url.charAt(0) != '/' && url.indexOf('://') == -1)
url = tinyMCE.documentBasePath + "/" + url;
 
document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + url + '"></sc'+'ript>');
}
}
 
function convertURL(url, node, on_save) {
return eval("tinyMCEPopup.windowOpener." + tinyMCE.settings['urlconverter_callback'] + "(url, node, on_save);");
}
 
function getImageSrc(str) {
var pos = -1;
 
if (!str)
return "";
 
if ((pos = str.indexOf('this.src=')) != -1) {
var src = str.substring(pos + 10);
 
src = src.substring(0, src.indexOf('\''));
 
if (tinyMCE.getParam('convert_urls'))
src = convertURL(src, null, true);
 
return src;
}
 
return "";
}
 
function init() {
tinyMCEPopup.resizeToInnerSize();
 
var formObj = document.forms[0];
var inst = tinyMCE.getInstanceById(tinyMCE.getWindowArg('editor_id'));
var elm = inst.getFocusElement();
var action = "insert";
var html = "";
 
// Image list src
html = getImageListHTML('imagelistsrc','src','onSelectMainImage');
if (html == "")
document.getElementById("imagelistsrcrow").style.display = 'none';
else
document.getElementById("imagelistsrccontainer").innerHTML = html;
 
// Image list oversrc
html = getImageListHTML('imagelistover','onmouseoversrc');
if (html == "")
document.getElementById("imagelistoverrow").style.display = 'none';
else
document.getElementById("imagelistovercontainer").innerHTML = html;
 
// Image list outsrc
html = getImageListHTML('imagelistout','onmouseoutsrc');
if (html == "")
document.getElementById("imagelistoutrow").style.display = 'none';
else
document.getElementById("imagelistoutcontainer").innerHTML = html;
 
// Src browser
html = getBrowserHTML('srcbrowser','src','image','advimage');
document.getElementById("srcbrowsercontainer").innerHTML = html;
 
// Over browser
html = getBrowserHTML('oversrcbrowser','onmouseoversrc','image','advimage');
document.getElementById("onmouseoversrccontainer").innerHTML = html;
 
// Out browser
html = getBrowserHTML('outsrcbrowser','onmouseoutsrc','image','advimage');
document.getElementById("onmouseoutsrccontainer").innerHTML = html;
 
// Longdesc browser
html = getBrowserHTML('longdescbrowser','longdesc','file','advimage');
document.getElementById("longdesccontainer").innerHTML = html;
 
// Resize some elements
if (isVisible('srcbrowser'))
document.getElementById('src').style.width = '260px';
 
if (isVisible('oversrcbrowser'))
document.getElementById('onmouseoversrc').style.width = '260px';
 
if (isVisible('outsrcbrowser'))
document.getElementById('onmouseoutsrc').style.width = '260px';
 
if (isVisible('longdescbrowser'))
document.getElementById('longdesc').style.width = '180px';
 
// Check action
if (elm != null && elm.nodeName == "IMG")
action = "update";
 
formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true);
 
if (action == "update") {
var src = tinyMCE.getAttrib(elm, 'src');
var onmouseoversrc = getImageSrc(tinyMCE.cleanupEventStr(tinyMCE.getAttrib(elm, 'onmouseover')));
var onmouseoutsrc = getImageSrc(tinyMCE.cleanupEventStr(tinyMCE.getAttrib(elm, 'onmouseout')));
 
src = convertURL(src, elm, true);
 
// Use mce_src if found
var mceRealSrc = tinyMCE.getAttrib(elm, 'mce_src');
if (mceRealSrc != "") {
src = mceRealSrc;
 
if (tinyMCE.getParam('convert_urls'))
src = convertURL(src, elm, true);
}
 
if (onmouseoversrc != "" && tinyMCE.getParam('convert_urls'))
onmouseoversrc = convertURL(onmouseoversrc, elm, true);
 
if (onmouseoutsrc != "" && tinyMCE.getParam('convert_urls'))
onmouseoutsrc = convertURL(onmouseoutsrc, elm, true);
 
// Setup form data
var style = tinyMCE.parseStyle(tinyMCE.getAttrib(elm, "style"));
 
// Store away old size
orgImageWidth = trimSize(getStyle(elm, 'width'))
orgImageHeight = trimSize(getStyle(elm, 'height'));
 
formObj.src.value = src;
formObj.alt.value = tinyMCE.getAttrib(elm, 'alt');
formObj.title.value = tinyMCE.getAttrib(elm, 'title');
formObj.border.value = trimSize(getStyle(elm, 'border', 'borderWidth'));
formObj.vspace.value = tinyMCE.getAttrib(elm, 'vspace');
formObj.hspace.value = tinyMCE.getAttrib(elm, 'hspace');
formObj.width.value = orgImageWidth;
formObj.height.value = orgImageHeight;
formObj.onmouseoversrc.value = onmouseoversrc;
formObj.onmouseoutsrc.value = onmouseoutsrc;
formObj.id.value = tinyMCE.getAttrib(elm, 'id');
formObj.dir.value = tinyMCE.getAttrib(elm, 'dir');
formObj.lang.value = tinyMCE.getAttrib(elm, 'lang');
formObj.longdesc.value = tinyMCE.getAttrib(elm, 'longdesc');
formObj.usemap.value = tinyMCE.getAttrib(elm, 'usemap');
formObj.style.value = tinyMCE.serializeStyle(style);
 
// Select by the values
if (tinyMCE.isMSIE)
selectByValue(formObj, 'align', getStyle(elm, 'align', 'styleFloat'));
else
selectByValue(formObj, 'align', getStyle(elm, 'align', 'cssFloat'));
 
addClassesToList('classlist', 'advimage_styles');
 
selectByValue(formObj, 'classlist', tinyMCE.getAttrib(elm, 'class'));
selectByValue(formObj, 'imagelistsrc', src);
selectByValue(formObj, 'imagelistover', onmouseoversrc);
selectByValue(formObj, 'imagelistout', onmouseoutsrc);
 
updateStyle();
showPreviewImage(src, true);
changeAppearance();
 
window.focus();
} else
addClassesToList('classlist', 'advimage_styles');
 
// If option enabled default contrain proportions to checked
if (tinyMCE.getParam("advimage_constrain_proportions", true))
formObj.constrain.checked = true;
 
// Check swap image if valid data
if (formObj.onmouseoversrc.value != "" || formObj.onmouseoutsrc.value != "")
setSwapImageDisabled(false);
else
setSwapImageDisabled(true);
}
 
function setSwapImageDisabled(state) {
var formObj = document.forms[0];
 
formObj.onmousemovecheck.checked = !state;
 
setBrowserDisabled('overbrowser', state);
setBrowserDisabled('outbrowser', state);
 
if (formObj.imagelistover)
formObj.imagelistover.disabled = state;
 
if (formObj.imagelistout)
formObj.imagelistout.disabled = state;
 
formObj.onmouseoversrc.disabled = state;
formObj.onmouseoutsrc.disabled = state;
}
 
function setAttrib(elm, attrib, value) {
var formObj = document.forms[0];
var valueElm = formObj.elements[attrib];
 
if (typeof(value) == "undefined" || value == null) {
value = "";
 
if (valueElm)
value = valueElm.value;
}
 
if (value != "") {
elm.setAttribute(attrib, value);
 
if (attrib == "style")
attrib = "style.cssText";
 
if (attrib == "longdesc")
attrib = "longDesc";
 
if (attrib == "width") {
attrib = "style.width";
value = value + "px";
value = value.replace(/%px/g, 'px');
}
 
if (attrib == "height") {
attrib = "style.height";
value = value + "px";
value = value.replace(/%px/g, 'px');
}
 
if (attrib == "class")
attrib = "className";
 
eval('elm.' + attrib + "=value;");
} else {
if (attrib == 'class')
elm.className = '';
 
elm.removeAttribute(attrib);
}
}
 
function makeAttrib(attrib, value) {
var formObj = document.forms[0];
var valueElm = formObj.elements[attrib];
 
if (typeof(value) == "undefined" || value == null) {
value = "";
 
if (valueElm)
value = valueElm.value;
}
 
if (value == "")
return "";
 
// XML encode it
value = value.replace(/&/g, '&amp;');
value = value.replace(/\"/g, '&quot;');
value = value.replace(/</g, '&lt;');
value = value.replace(/>/g, '&gt;');
 
return ' ' + attrib + '="' + value + '"';
}
 
function insertAction() {
var inst = tinyMCE.getInstanceById(tinyMCE.getWindowArg('editor_id'));
var elm = inst.getFocusElement();
var formObj = document.forms[0];
var src = formObj.src.value;
var onmouseoversrc = formObj.onmouseoversrc.value;
var onmouseoutsrc = formObj.onmouseoutsrc.value;
 
if (!AutoValidator.validate(formObj)) {
alert(tinyMCE.getLang('lang_invalid_data'));
return false;
}
 
if (tinyMCE.getParam("accessibility_warnings")) {
if (formObj.alt.value == "" && !confirm(tinyMCE.getLang('lang_advimage_missing_alt', '', true)))
return;
}
 
if (onmouseoversrc && onmouseoversrc != "")
onmouseoversrc = "this.src='" + convertURL(onmouseoversrc, tinyMCE.imgElement) + "';";
 
if (onmouseoutsrc && onmouseoutsrc != "")
onmouseoutsrc = "this.src='" + convertURL(onmouseoutsrc, tinyMCE.imgElement) + "';";
 
if (elm != null && elm.nodeName == "IMG") {
setAttrib(elm, 'src', convertURL(src, tinyMCE.imgElement));
setAttrib(elm, 'mce_src', src);
setAttrib(elm, 'alt');
setAttrib(elm, 'title');
setAttrib(elm, 'border');
setAttrib(elm, 'vspace');
setAttrib(elm, 'hspace');
setAttrib(elm, 'width');
setAttrib(elm, 'height');
setAttrib(elm, 'onmouseover', onmouseoversrc);
setAttrib(elm, 'onmouseout', onmouseoutsrc);
setAttrib(elm, 'id');
setAttrib(elm, 'dir');
setAttrib(elm, 'lang');
setAttrib(elm, 'longdesc');
setAttrib(elm, 'usemap');
setAttrib(elm, 'style');
setAttrib(elm, 'class', getSelectValue(formObj, 'classlist'));
setAttrib(elm, 'align', getSelectValue(formObj, 'align'));
 
//tinyMCEPopup.execCommand("mceRepaint");
 
// Repaint if dimensions changed
if (formObj.width.value != orgImageWidth || formObj.height.value != orgImageHeight)
inst.repaint();
 
// Refresh in old MSIE
if (tinyMCE.isMSIE5)
elm.outerHTML = elm.outerHTML;
} else {
var html = "<img";
 
html += makeAttrib('src', convertURL(src, tinyMCE.imgElement));
html += makeAttrib('mce_src', src);
html += makeAttrib('alt');
html += makeAttrib('title');
html += makeAttrib('border');
html += makeAttrib('vspace');
html += makeAttrib('hspace');
html += makeAttrib('width');
html += makeAttrib('height');
html += makeAttrib('onmouseover', onmouseoversrc);
html += makeAttrib('onmouseout', onmouseoutsrc);
html += makeAttrib('id');
html += makeAttrib('dir');
html += makeAttrib('lang');
html += makeAttrib('longdesc');
html += makeAttrib('usemap');
html += makeAttrib('style');
html += makeAttrib('class', getSelectValue(formObj, 'classlist'));
html += makeAttrib('align', getSelectValue(formObj, 'align'));
html += " />";
 
tinyMCEPopup.execCommand("mceInsertContent", false, html);
}
 
tinyMCE._setEventsEnabled(inst.getBody(), false);
tinyMCEPopup.close();
}
 
function cancelAction() {
tinyMCEPopup.close();
}
 
function changeAppearance() {
var formObj = document.forms[0];
var img = document.getElementById('alignSampleImg');
 
if (img) {
img.align = formObj.align.value;
img.border = formObj.border.value;
img.hspace = formObj.hspace.value;
img.vspace = formObj.vspace.value;
}
}
 
function changeMouseMove() {
var formObj = document.forms[0];
 
setSwapImageDisabled(!formObj.onmousemovecheck.checked);
}
 
function updateStyle() {
var formObj = document.forms[0];
var st = tinyMCE.parseStyle(formObj.style.value);
 
if (tinyMCE.getParam('inline_styles', false)) {
st['width'] = formObj.width.value == '' ? '' : formObj.width.value + "px";
st['height'] = formObj.height.value == '' ? '' : formObj.height.value + "px";
st['border-width'] = formObj.border.value == '' ? '' : formObj.border.value + "px";
st['margin-top'] = formObj.vspace.value == '' ? '' : formObj.vspace.value + "px";
st['margin-bottom'] = formObj.vspace.value == '' ? '' : formObj.vspace.value + "px";
st['margin-left'] = formObj.hspace.value == '' ? '' : formObj.hspace.value + "px";
st['margin-right'] = formObj.hspace.value == '' ? '' : formObj.hspace.value + "px";
} else {
st['width'] = st['height'] = st['border-width'] = null;
 
if (st['margin-top'] == st['margin-bottom'])
st['margin-top'] = st['margin-bottom'] = null;
 
if (st['margin-left'] == st['margin-right'])
st['margin-left'] = st['margin-right'] = null;
}
 
formObj.style.value = tinyMCE.serializeStyle(st);
}
 
function styleUpdated() {
var formObj = document.forms[0];
var st = tinyMCE.parseStyle(formObj.style.value);
 
if (st['width'])
formObj.width.value = st['width'].replace('px', '');
 
if (st['height'])
formObj.height.value = st['height'].replace('px', '');
 
if (st['margin-top'] && st['margin-top'] == st['margin-bottom'])
formObj.vspace.value = st['margin-top'].replace('px', '');
 
if (st['margin-left'] && st['margin-left'] == st['margin-right'])
formObj.hspace.value = st['margin-left'].replace('px', '');
 
if (st['border-width'])
formObj.border.value = st['border-width'].replace('px', '');
}
 
function changeHeight() {
var formObj = document.forms[0];
 
if (!formObj.constrain.checked || !preloadImg) {
updateStyle();
return;
}
 
if (formObj.width.value == "" || formObj.height.value == "")
return;
 
var temp = (parseInt(formObj.width.value) / parseInt(preloadImg.width)) * preloadImg.height;
formObj.height.value = temp.toFixed(0);
updateStyle();
}
 
function changeWidth() {
var formObj = document.forms[0];
 
if (!formObj.constrain.checked || !preloadImg) {
updateStyle();
return;
}
 
if (formObj.width.value == "" || formObj.height.value == "")
return;
 
var temp = (parseInt(formObj.height.value) / parseInt(preloadImg.height)) * preloadImg.width;
formObj.width.value = temp.toFixed(0);
updateStyle();
}
 
function onSelectMainImage(target_form_element, name, value) {
var formObj = document.forms[0];
 
formObj.alt.value = name;
formObj.title.value = name;
 
resetImageData();
showPreviewImage(formObj.elements[target_form_element].value, false);
}
 
function showPreviewImage(src, start) {
var formObj = document.forms[0];
 
selectByValue(document.forms[0], 'imagelistsrc', src);
 
var elm = document.getElementById('prev');
var src = src == "" ? src : tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], src);
 
if (!start && tinyMCE.getParam("advimage_update_dimensions_onchange", true))
resetImageData();
 
if (src == "")
elm.innerHTML = "";
else
elm.innerHTML = '<img id="previewImg" src="' + src + '" border="0" onload="updateImageData(' + start + ');" onerror="resetImageData();" />'
}
 
function updateImageData(start) {
var formObj = document.forms[0];
 
preloadImg = document.getElementById('previewImg');
 
if (!start && formObj.width.value == "")
formObj.width.value = preloadImg.width;
 
if (!start && formObj.height.value == "")
formObj.height.value = preloadImg.height;
 
updateStyle();
}
 
function resetImageData() {
var formObj = document.forms[0];
formObj.width.value = formObj.height.value = "";
}
 
function getSelectValue(form_obj, field_name) {
var elm = form_obj.elements[field_name];
 
if (elm == null || elm.options == null)
return "";
 
return elm.options[elm.selectedIndex].value;
}
 
function getImageListHTML(elm_id, target_form_element, onchange_func) {
if (typeof(tinyMCEImageList) == "undefined" || tinyMCEImageList.length == 0)
return "";
 
var html = "";
 
html += '<select id="' + elm_id + '" name="' + elm_id + '"';
html += ' class="mceImageList" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
html += 'this.options[this.selectedIndex].value;';
 
if (typeof(onchange_func) != "undefined")
html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);';
 
html += '"><option value="">---</option>';
 
for (var i=0; i<tinyMCEImageList.length; i++)
html += '<option value="' + tinyMCEImageList[i][1] + '">' + tinyMCEImageList[i][0] + '</option>';
 
html += '</select>';
 
return html;
 
// tinyMCE.debug('-- image list start --', html, '-- image list end --');
}
 
// While loading
preinit();
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/langs/fr.js
New file
0,0 → 1,28
// FR lang variables
// Modified by Motte, last updated 2006-03-23
 
tinyMCE.addToLang('advimage',{
tab_general : 'G&eacute;n&eacute;rale',
tab_appearance : 'Apparence',
tab_advanced : 'Avanc&eacute;',
general : 'G&eacute;n&eacute;rale',
title : 'Titre',
preview : 'Pr&eacute;visualisation',
constrain_proportions : 'Conserver les proportions',
langdir : 'Sens d\'&eacute;criture',
langcode : 'Code de langue du libell&eacute;',
long_desc : 'Description du lien',
style : 'Style',
classes : 'Classes',
ltr : 'De gauche &agrave; droite',
rtl : 'De droite &agrave; gauche',
id : 'Id',
image_map : 'Image map',
swap_image : 'Image d\'&eacute;change',
alt_image : 'Image alternative',
mouseover : 'Quand le pointeur est au dessus',
mouseout : 'Quand le pointeur est en dehors',
misc : 'Divers',
example_img : 'Apparence&nbsp;pr&eacute;visualisation&nbsp;image',
missing_alt : 'Etes vous sur de vouloir continuer sans inclure une description de l\'image. Cette description est utile pour les utilisateurs ne pouvant pas afficher les images ou les ayant d&eacute;sactiv&eacute;es.'
});
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/langs/en.js
New file
0,0 → 1,27
// UK lang variables
 
tinyMCE.addToLang('advimage',{
tab_general : 'General',
tab_appearance : 'Appearance',
tab_advanced : 'Advanced',
general : 'General',
title : 'Title',
preview : 'Preview',
constrain_proportions : 'Constrain proportions',
langdir : 'Language direction',
langcode : 'Language code',
long_desc : 'Long description link',
style : 'Style',
classes : 'Classes',
ltr : 'Left to right',
rtl : 'Right to left',
id : 'Id',
image_map : 'Image map',
swap_image : 'Swap image',
alt_image : 'Alternative image',
mouseover : 'for mouse over',
mouseout : 'for mouse out',
misc : 'Miscellaneous',
example_img : 'Appearance&nbsp;preview&nbsp;image',
missing_alt : 'Are you sure you want to continue without including an Image Description? Without it the image may not be accessible to some users with disabilities, or to those using a text browser, or browsing the Web with images turned off.'
});
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/images/sample.gif
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/images/sample.gif
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/wikini/maj_wikini/tools/templates/themes/default/javascripts/tiny_mce/plugins/advimage/editor_plugin_src.js
New file
0,0 → 1,148
/**
* $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $
*
* @author Moxiecode
* @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
*/
 
/* Import plugin specific language pack */
tinyMCE.importPluginLanguagePack('advimage');
 
var TinyMCE_AdvancedImagePlugin = {
getInfo : function() {
return {
longname : 'Advanced image',
author : 'Moxiecode Systems AB',
authorurl : 'http://tinymce.moxiecode.com',
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
};
},
 
getControlHTML : function(cn) {
switch (cn) {
case "image":
return tinyMCE.getButtonHTML(cn, 'lang_image_desc', '{$themeurl}/images/image.gif', 'mceAdvImage');
}
 
return "";
},
 
execCommand : function(editor_id, element, command, user_interface, value) {
switch (command) {
case "mceAdvImage":
var template = new Array();
 
template['file'] = '../../plugins/advimage/image.htm';
template['width'] = 480;
template['height'] = 380;
 
// Language specific width and height addons
template['width'] += tinyMCE.getLang('lang_advimage_delta_width', 0);
template['height'] += tinyMCE.getLang('lang_advimage_delta_height', 0);
 
var inst = tinyMCE.getInstanceById(editor_id);
var elm = inst.getFocusElement();
 
if (elm != null && tinyMCE.getAttrib(elm, 'class').indexOf('mceItem') != -1)
return true;
 
tinyMCE.openWindow(template, {editor_id : editor_id, inline : "yes"});
 
return true;
}
 
return false;
},
 
cleanup : function(type, content) {
switch (type) {
case "insert_to_editor_dom":
var imgs = content.getElementsByTagName("img"), src, i;
for (i=0; i<imgs.length; i++) {
var onmouseover = tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i], 'onmouseover'));
var onmouseout = tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i], 'onmouseout'));
 
if ((src = this._getImageSrc(onmouseover)) != "") {
if (tinyMCE.getParam('convert_urls'))
src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], src);
 
imgs[i].setAttribute('onmouseover', "this.src='" + src + "';");
}
 
if ((src = this._getImageSrc(onmouseout)) != "") {
if (tinyMCE.getParam('convert_urls'))
src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], src);
 
imgs[i].setAttribute('onmouseout', "this.src='" + src + "';");
}
}
break;
 
case "get_from_editor_dom":
var imgs = content.getElementsByTagName("img");
for (var i=0; i<imgs.length; i++) {
var onmouseover = tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i], 'onmouseover'));
var onmouseout = tinyMCE.cleanupEventStr(tinyMCE.getAttrib(imgs[i], 'onmouseout'));
 
if ((src = this._getImageSrc(onmouseover)) != "") {
if (tinyMCE.getParam('convert_urls'))
src = eval(tinyMCE.settings['urlconverter_callback'] + "(src, null, true);");
 
imgs[i].setAttribute('onmouseover', "this.src='" + src + "';");
}
 
if ((src = this._getImageSrc(onmouseout)) != "") {
if (tinyMCE.getParam('convert_urls'))
src = eval(tinyMCE.settings['urlconverter_callback'] + "(src, null, true);");
 
imgs[i].setAttribute('onmouseout', "this.src='" + src + "';");
}
}
break;
}
 
return content;
},
 
handleNodeChange : function(editor_id, node, undo_index, undo_levels, visual_aid, any_selection) {
if (node == null)
return;
 
do {
if (node.nodeName == "IMG" && tinyMCE.getAttrib(node, 'class').indexOf('mceItem') == -1) {
tinyMCE.switchClass(editor_id + '_advimage', 'mceButtonSelected');
return true;
}
} while ((node = node.parentNode));
 
tinyMCE.switchClass(editor_id + '_advimage', 'mceButtonNormal');
 
return true;
},
 
/**
* Returns the image src from a scripted mouse over image str.
*
* @param {string} s String to get real src from.
* @return Image src from a scripted mouse over image str.
* @type string
*/
_getImageSrc : function(s) {
var sr, p = -1;
 
if (!s)
return "";
 
if ((p = s.indexOf('this.src=')) != -1) {
sr = s.substring(p + 10);
sr = sr.substring(0, sr.indexOf('\''));
 
return sr;
}
 
return "";
}
};
 
tinyMCE.addPlugin("advimage", TinyMCE_AdvancedImagePlugin);