/branches/v4.0/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); |
/branches/v4.0/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; |
} |
/branches/v4.0/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"> </td> |
</tr> |
</table></td> |
</tr> |
<tr id="imagelistsrcrow"> |
<td class="column1"><label for="imagelistsrc">{$lang_image_list}</label></td> |
<td colspan="2" id="imagelistsrccontainer"> </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> </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"> </td> |
</tr> |
</table></td> |
</tr> |
<tr id="imagelistoverrow"> |
<td class="column1"><label for="imagelistover">{$lang_image_list}</label></td> |
<td id="imagelistovercontainer"> </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"> </td> |
</tr> |
</table></td> |
</tr> |
<tr id="imagelistoutrow"> |
<td class="column1"><label for="imagelistout">{$lang_image_list}</label></td> |
<td id="imagelistoutcontainer"> </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"> </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> |
/branches/v4.0/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. |
/branches/v4.0/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); |
/branches/v4.0/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, '&'); |
value = value.replace(/\"/g, '"'); |
value = value.replace(/</g, '<'); |
value = value.replace(/>/g, '>'); |
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(); |
/branches/v4.0/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 preview 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.' |
}); |
/branches/v4.0/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énérale', |
tab_appearance : 'Apparence', |
tab_advanced : 'Avancé', |
general : 'Générale', |
title : 'Titre', |
preview : 'Prévisualisation', |
constrain_proportions : 'Conserver les proportions', |
langdir : 'Sens d\'écriture', |
langcode : 'Code de langue du libellé', |
long_desc : 'Description du lien', |
style : 'Style', |
classes : 'Classes', |
ltr : 'De gauche à droite', |
rtl : 'De droite à gauche', |
id : 'Id', |
image_map : 'Image map', |
swap_image : 'Image d\'échange', |
alt_image : 'Image alternative', |
mouseover : 'Quand le pointeur est au dessus', |
mouseout : 'Quand le pointeur est en dehors', |
misc : 'Divers', |
example_img : 'Apparence prévisualisation 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ésactivées.' |
}); |
/branches/v4.0/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 |
/branches/v4.0/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 |