|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/style/wysiwyg/scripts/ |
Upload File : |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style/editor.css" rel="stylesheet" type="text/css">
<script>
var sLangDir=dialogArguments[0].oUtil.langDir;
document.write("<scr"+"ipt src='language/"+sLangDir+"/border.js'></scr"+"ipt>");
</script>
<script language="JavaScript" src="color_picker.js"></script>
<script>writeTitle()</script>
<script>
document.onclick=hideAll;
function hideAll()
{
oColor1.hide();
}
/*****************************
bodyOnLoad
*****************************/
function bodyOnLoad()
{
oElement = dialogArguments[1];
//Select Border Width
if(oElement.style.borderLeftWidth==oElement.style.borderTopWidth &&
oElement.style.borderLeftWidth==oElement.style.borderRightWidth &&
oElement.style.borderLeftWidth==oElement.style.borderBottomWidth)
{
sBorderWidth = oElement.style.borderLeftWidth;
var oNodes=tblBorderWidth.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
if(document.getElementById("idWidth_"+sBorderWidth))
{
eval("idWidth_"+sBorderWidth).style.backgroundColor='#f1f1f1';
eval("idWidth_"+sBorderWidth).style.border='#718191 1px solid';
}
else
{
//alert("INFO: The border width size or unit is not available in the Width selection list.")
}
idSelBorderWidth.value=sBorderWidth;
}
//Select Border Style
if(oElement.style.borderLeftStyle==oElement.style.borderTopStyle &&
oElement.style.borderLeftStyle==oElement.style.borderRightStyle &&
oElement.style.borderLeftStyle==oElement.style.borderBottomStyle)
{
var sBorderStyle = oElement.style.borderLeftStyle;
var oNodes=tblBorderStyle.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
if(sBorderStyle!="")
{
eval("idStyle_"+sBorderStyle).parentElement.style.backgroundColor='#f1f1f1';
eval("idStyle_"+sBorderStyle).parentElement.style.border='#708090 1px solid';
idSelBorderStyle.value=sBorderStyle;
}
else
{
//alert("INFO: ")
}
}
if(oElement.style.borderLeftColor==oElement.style.borderTopColor &&
oElement.style.borderLeftColor==oElement.style.borderRightColor &&
oElement.style.borderLeftColor==oElement.style.borderBottomColor)
{
sBorderColor = oElement.style.borderLeftColor;
}
//Select ApplyTo
var oNodes=tblBorderApplyTo.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
if((oElement.style.borderLeftWidth.substring(0,1)!="0") &&
(oElement.style.borderTopWidth.substring(0,1)=="0") &&
(oElement.style.borderRightWidth.substring(0,1)=="0") &&
(oElement.style.borderBottomWidth.substring(0,1)=="0"))
{
//Left
eval("idApplyTo_Left").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Left").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Left";
}
if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
(oElement.style.borderTopWidth.substring(0,1)!="0") &&
(oElement.style.borderRightWidth.substring(0,1)=="0") &&
(oElement.style.borderBottomWidth.substring(0,1)=="0"))
{
//Top
eval("idApplyTo_Top").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Top").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Top";
}
if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
(oElement.style.borderTopWidth.substring(0,1)=="0") &&
(oElement.style.borderRightWidth.substring(0,1)!="0") &&
(oElement.style.borderBottomWidth.substring(0,1)=="0"))
{
//Right
eval("idApplyTo_Right").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Right").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Right";
}
if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
(oElement.style.borderTopWidth.substring(0,1)=="0") &&
(oElement.style.borderRightWidth.substring(0,1)=="0") &&
(oElement.style.borderBottomWidth.substring(0,1)!="0"))
{
//Bottom
eval("idApplyTo_Bottom").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Bottom").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Bottom";
}
if((oElement.style.borderLeftWidth.substring(0,1)!="0") &&
(oElement.style.borderTopWidth.substring(0,1)!="0") &&
(oElement.style.borderRightWidth.substring(0,1)!="0") &&
(oElement.style.borderBottomWidth.substring(0,1)!="0"))
{
//Outside
eval("idApplyTo_Outside").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Outside").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Outside";
}
if((oElement.style.borderLeftWidth=="medium") &&
(oElement.style.borderTopWidth=="medium") &&
(oElement.style.borderRightWidth=="medium") &&
(oElement.style.borderBottomWidth=="medium"))
{
//Width is not specified
eval("idApplyTo_Outside").style.backgroundColor='#f1f1f1';
eval("idApplyTo_Outside").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_Outside";
}
if((oElement.style.borderLeftWidth.substring(0,1)=="0") &&
(oElement.style.borderTopWidth.substring(0,1)=="0") &&
(oElement.style.borderRightWidth.substring(0,1)=="0") &&
(oElement.style.borderBottomWidth.substring(0,1)=="0"))
{
//None
eval("idApplyTo_None").style.backgroundColor='#f1f1f1';
eval("idApplyTo_None").style.border='#718191 1px solid';
idSelBorderApplyTo.value="idApplyTo_None";
}
//Select Border Color
idSelBorderColor.style.backgroundColor=oElement.style.borderLeftColor;
oColor1.color=oElement.style.borderLeftColor;
}
/*****************************
APPLY
*****************************/
function doApply()
{
oElement = dialogArguments[1];
doApplyBorder(oElement);
self.close();
}
function doApplyBorder(oElement)
{
sStyle=idSelBorderStyle.value;
sWidth=idSelBorderWidth.value;
sApplyTo=idSelBorderApplyTo.value;
sColor=idSelBorderColor.style.backgroundColor;
switch(sApplyTo)
{
case "idApplyTo_None":
oElement.style.border="none";
break;
case "idApplyTo_Outside":
oElement.style.borderColor = sColor;
oElement.style.borderWidth = sWidth;
oElement.style.borderStyle = sStyle;
break;
case "idApplyTo_Left":
oElement.style.borderLeftColor = sColor;
oElement.style.borderLeftWidth = sWidth;
oElement.style.borderLeftStyle = sStyle;
break;
case "idApplyTo_Top":
oElement.style.borderTopColor = sColor;
oElement.style.borderTopWidth = sWidth;
oElement.style.borderTopStyle = sStyle;
break;
case "idApplyTo_Right":
oElement.style.borderRightColor = sColor;
oElement.style.borderRightWidth = sWidth;
oElement.style.borderRightStyle = sStyle;
break;
case "idApplyTo_Bottom":
oElement.style.borderBottomColor = sColor;
oElement.style.borderBottomWidth = sWidth;
oElement.style.borderBottomStyle = sStyle;
break;
}
}
/*****************************
Mouse Over/Out
*****************************/
function doOver(me)
{
if(me.style.backgroundColor!='#f1f1f1')
{
me.style.backgroundColor='#f0f0f0';
me.style.border='#708090 1px solid';
}
}
function doOut(me)
{
if(me.style.backgroundColor!='#f1f1f1')
{
me.style.backgroundColor='#ffffff';
me.style.border='#ffffff 1 solid';
}
}
/*****************************
Border Style
*****************************/
function drawBorderStyleSelection(idSelected)
{
arrStyleOptions=[ ["idStyle_none","border:none;height:10;",getTxt("No Border")],
["idStyle_solid","border-bottom:black 1 solid;height:10;",""],
["idStyle_dotted","border-bottom:black dotted;height:10",""],
["idStyle_dashed","border-bottom:black dashed;height:10",""],
["idStyle_double","border-bottom:black double;height:10",""],
["idStyle_groove","border-style:groove;height:18",""],
["idStyle_ridge","border-style:ridge;height:18",""],
["idStyle_inset","border-style:inset;height:18",""],
["idStyle_outset","border-style:outset;height:18",""]];//[ID,CssText,Caption)
sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127;'>"
sHTML+="<table id=tblBorderStyle cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
for(var i=0;i<arrStyleOptions.length;i++)
{
sHTML+="<tr>"
sHTML+="<td valign=top onclick=\"doSelectBorderStyle(this)\" style=\"cursor:default;height:25;padding:4;border:white 1 solid;\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
sHTML+=" <table id="+arrStyleOptions[i][0]+" name="+arrStyleOptions[i][0]+" style='"+arrStyleOptions[i][1]+"' width=100%><tr><td>"+arrStyleOptions[i][2]+"</td></tr></table>"
sHTML+="</td>"
sHTML+="</tr>"
}
sHTML+="</table><input type=hidden name=idSelBorderStyle>"
sHTML+="</div>"
document.write(sHTML)
}
function doSelectBorderStyle(me)
{
oNodes=document.all.tblBorderStyle.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
me.style.backgroundColor='#f1f1f1';
me.style.border='#708090 1px solid';
idSelBorderStyle.value=me.childNodes(0).style.borderBottomStyle;
}
/*****************************
Border Width
*****************************/
function drawBorderWidthSelection()
{
arrWidthOptions=[["idWidth_1px","border-bottom:black 1px solid;height:16;","1px"],
["idWidth_2px","border-bottom:black 2px solid;height:16;","2px"],
["idWidth_3px","border-bottom:black 3px solid;height:16;","3px"],
["idWidth_4px","border-bottom:black 4px solid;height:16;","4px"],
["idWidth_5px","border-bottom:black 5px solid;height:16;","5px"],
["idWidth_6px","border-bottom:black 6px solid;height:16;","6px"],
["idWidth_7px","border-bottom:black 7px solid;height:16;","7px"]];
sHTML="<div style='overflow:auto;border:gray 1 solid;width:125;height:127'>"
sHTML+="<table id=tblBorderWidth cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
for(var i=0;i<arrWidthOptions.length;i++)
{
sHTML+="<tr>"
sHTML+="<td id="+arrWidthOptions[i][0]+" name="+arrWidthOptions[i][0]+" style=\"height:25;padding:1;border:white 1 solid;\" onclick=\"doSelectBorderWidth(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
sHTML+=" <table width=100%><tr><td style=\"height:25\" >"+arrWidthOptions[i][2]+"</td><td valign=top width=100%> <table style='"+arrWidthOptions[i][1]+"' width=100%><tr><td></td></tr></table> </td></tr></table>"
sHTML+="</td>"
sHTML+="</tr>"
}
sHTML+="</table><input type=hidden name=idSelBorderWidth>"
sHTML+="</div>"
document.write(sHTML)
}
function doSelectBorderWidth(me)
{
oNodes=tblBorderWidth.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
me.style.backgroundColor='#f1f1f1';
me.style.border='#718191 1px solid';
idSelBorderWidth.value=me.childNodes(0).childNodes(0).childNodes(0).childNodes(1).childNodes(0).style.borderBottomWidth;
}
/*****************************
Border Apply To
*****************************/
function drawBorderApplyToSelection()
{
arrApplyToOptions=[ ["idApplyTo_None","border/border_none.gif",getTxt("No Border")],
["idApplyTo_Outside","border/border_outside.gif",getTxt("Outside Border")],
["idApplyTo_Left","border/border_left.gif",getTxt("Left Border")],
["idApplyTo_Top","border/border_top.gif",getTxt("Top Border")],
["idApplyTo_Right","border/border_right.gif",getTxt("Right Border")],
["idApplyTo_Bottom","border/border_bottom.gif",getTxt("Bottom Border")]];
sHTML="<div style='overflow:auto;border:gray 1 solid;width:60;height:127'>"
sHTML+="<table id=tblBorderApplyTo cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed;background:white'>"
for(var i=0;i<arrApplyToOptions.length;i++)
{
sHTML+="<tr>"
sHTML+="<td id="+arrApplyToOptions[i][0]+" name="+arrApplyToOptions[i][0]+" valign=top style=\"height:30;padding:4;border:white 1 solid;\" onclick=\"doSelectBorderApplyTo(this)\" onmouseover=\"doOver(this);\" onmouseout=\"doOut(this);\">"
sHTML+=" <img src='"+arrApplyToOptions[i][1]+"' alt='"+arrApplyToOptions[i][2]+"'>"
sHTML+="</td>"
sHTML+="</tr>"
}
sHTML+="</table><input type=hidden name=idSelBorderApplyTo>"
sHTML+="</div>"
document.write(sHTML)
}
function doSelectBorderApplyTo(me)
{
oNodes=tblBorderApplyTo.childNodes(0).childNodes
for(var i=0;i<oNodes.length;i++)
{
oNodes(i).childNodes(0).style.backgroundColor='#ffffff';
oNodes(i).childNodes(0).style.border='#ffffff 1 solid';
}
me.style.backgroundColor='#f1f1f1';
me.style.border='#718191 1px solid';
idSelBorderApplyTo.value=me.id;
}
</script>
</head>
<body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
<table width=100% height=100% align=center cellpadding=0 cellspacing=0>
<tr>
<td valign=top style="padding:5;height:100%">
<table>
<tr>
<td valign=top style="padding:3">
<script>
drawBorderStyleSelection()
</script>
</td>
<td valign=top style="padding:3">
<script>
drawBorderWidthSelection()
</script>
</td>
<td valign=top style="padding:3" nowrap>
<script>
drawBorderApplyToSelection()
</script>
</td>
<td valign=top style="padding:3" nowrap>
<div><span id="txtLang" name="txtLang">Color</span>:</div>
<script>
document.write("<span style='background:white'>");
document.write(" <span id='idSelBorderColor' style='border:gray 1 solid;width:20;margin-right:3;'></span>");
document.write("</span>");
document.write("<input type=button value='" + getTxt("Pick") + "' onclick=\"oColor1.show(this);event.cancelBubble=true;\" class=\"inpBtn\" onmouseover=\"this.className='inpBtnOver';\" onmouseout=\"this.className='inpBtnOut'\">");
var oColor1 = new ColorPicker("oColor1");
oColor1.onPickColor = new Function("idSelBorderColor.style.backgroundColor=oColor1.color;");
oColor1.onRemoveColor = new Function("idSelBorderColor.style.backgroundColor='';");
oColor1.align="right";
oColor1.txtCustomColors=getTxt("Custom Colors");
oColor1.txtMoreColors=getTxt("More Colors...");
oColor1.RENDER();
</script>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="dialogFooter" style="padding:13;padding-top:7;padding-bottom:7;" align="right">
<input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
<input type="button" name=btnOk id=btnOk value=" ok " onclick="doApply()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
</td>
</tr>
</table>
</body>
</html>