BVB Source Codes

Pcook CMS bubble guest v3.0 SDCMS version Show image.htm Source code

Return Download Pcook CMS bubble guest v3.0 SDCMS version: download image.htm Source code - Download Pcook CMS bubble guest v3.0 SDCMS version Source code - Type:.htm
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <link href="../style/editor.css" rel="stylesheet" type="text/css">
  5. <script>
  6.   var sLangDir=window.opener.oUtil.langDir;
  7.   document.write("<scr"+"ipt src='../language/"+sLangDir+"/image.js'></scr"+"ipt>");
  8. </script>
  9. <script>writeTitle()</script>
  10. <script>
  11.  
  12. //parameter for popup window, since standard window.open doesn't support parameter
  13. var dialogArgument;
  14.  
  15. //reference to pop up window
  16. var activeModalWin;
  17.  
  18. function doWindowFocus()
  19.     {
  20.     window.opener.oUtil.onSelectionChanged=new Function("realTime()");
  21.     }
  22. function bodyOnLoad()
  23.     {  
  24.     window.onfocus=doWindowFocus;  
  25.     window.opener.oUtil.onSelectionChanged=new Function("realTime()");
  26.  
  27.     if(window.opener.oUtil.obj.cmdAssetManager!="")
  28.         document.getElementById("btnAsset").style.display="block";
  29.     if(window.opener.oUtil.obj.cmdImageManager!="")
  30.         document.getElementById("btnAsset").style.display="block";
  31.  
  32.     realTime()
  33.     }  
  34. function openAsset()
  35.     {
  36.     if(window.opener.oUtil.obj.cmdAssetManager!="")
  37.     eval(window.opener.oUtil.obj.cmdAssetManager);
  38.   if(window.opener.oUtil.obj.cmdImageManager!="")
  39.     eval(window.opener.oUtil.obj.cmdImageManager);
  40.     }
  41. function setAssetValue(v)
  42.     {
  43.     document.getElementById("inpImgURL").value = v;
  44.     }
  45.  
  46. function modalDialogShow(url,width,height)
  47.     {
  48.     if(url.indexOf("?")==-1) url=url+"?ffilter=image";//no querystring
  49.     else url=url+"&ffilter=image";
  50.    
  51.     //return window.showModalDialog(url,window,
  52.     //    "dialogWidth:"+width+"px;dialogHeight:"+height+"px;edge:Raised;center:Yes;help:No;Resizable:Yes;Maximize:Yes");
  53.     var left = screen.availWidth/2 - width/2;
  54.     var top = screen.availHeight/2 - height/2;
  55.     activeModalWin = window.open(url, "", "width="+width+"px,height="+height+",left="+left+",top="+top+",resizable=yes");
  56.     window.onfocus = function(){if (activeModalWin.closed == false){activeModalWin.focus();};};
  57.        
  58.     }
  59.    
  60. function modelessDialogShow(url,width,height)
  61.     {
  62.     var left = screen.availWidth/2 - width/2;
  63.     var top = screen.availHeight/2 - height/2;
  64.     window.open(url, "", "dependent=yes,width="+width+"px,height="+height+",left="+left+",top="+top);
  65.     }
  66.  
  67.    
  68. function realTime()
  69.     {
  70.    
  71.     var idImg = document.getElementById("idImg");
  72.     var inpImgURL = document.getElementById("inpImgURL");
  73.    
  74.     var inpImgAlt = document.getElementById("inpImgAlt");
  75.     var inpImgAlign = document.getElementById("inpImgAlign");
  76.    
  77.     var inpImgTop = document.getElementById("inpImgTop");
  78.     var inpImgBottom = document.getElementById("inpImgBottom");
  79.     var inpImgLeft = document.getElementById("inpImgLeft");
  80.     var inpImgRight = document.getElementById("inpImgRight");
  81.    
  82.     var inpImgWidth = document.getElementById("inpImgWidth");
  83.     var inpImgHeight = document.getElementById("inpImgHeight");
  84.    
  85.     var btnApply = document.getElementById("btnApply");
  86.     var btnOk = document.getElementById("btnOk");
  87.     var btnInsert = document.getElementById("btnInsert");
  88.        
  89.     var oEditor=window.opener.oUtil.oEditor;
  90.     var oSel=oEditor.getSelection();
  91.     var oElement = window.opener.getSelectedElement(oSel);
  92.    
  93.     clearAllProperties()
  94.    
  95.     if(oElement.tagName=="IMG")
  96.         {
  97.        
  98.         var range = oEditor.document.createRange();
  99.         range.selectNodeContents(oElement);
  100.         oSel = oEditor.getSelection();
  101.         oSel.removeAllRanges();
  102.         oSel.addRange(range);
  103.        
  104.         inpImgURL.value=oElement.getAttribute("SRC");
  105.        
  106.         //inpImgAlt.value = oElement.getAttribute("TITLE");
  107.         inpImgAlt.value = oElement.getAttribute("ALT");
  108.  
  109.         inpImgAlign.value = oElement.getAttribute("align");
  110.  
  111.         idImg.style.borderTop=oElement.style.borderTop;
  112.         idImg.style.borderBottom=oElement.style.borderBottom;
  113.         idImg.style.borderLeft=oElement.style.borderLeft;
  114.         idImg.style.borderRight=oElement.style.borderRight;
  115.        
  116.         inpImgWidth.value = oElement.getAttribute("WIDTH");
  117.         inpImgHeight.value = oElement.getAttribute("HEIGHT");
  118.  
  119.         if(oElement.style.marginTop.substr(oElement.style.marginTop.length-2,2)=="px")
  120.             inpImgTop.value=oElement.style.marginTop.substr(0,oElement.style.marginTop.length-2);          
  121.         else inpImgTop.value="";
  122.        
  123.         if(oElement.style.marginBottom.substr(oElement.style.marginBottom.length-2,2)=="px")
  124.             inpImgBottom.value=oElement.style.marginBottom.substr(0,oElement.style.marginBottom.length-2);          
  125.         else inpImgBottom.value="";
  126.        
  127.         if(oElement.style.marginLeft.substr(oElement.style.marginLeft.length-2,2)=="px")
  128.             inpImgLeft.value=oElement.style.marginLeft.substr(0,oElement.style.marginLeft.length-2);            
  129.         else inpImgLeft.value="";
  130.        
  131.         if(oElement.style.marginRight.substr(oElement.style.marginRight.length-2,2)=="px")
  132.             inpImgRight.value=oElement.style.marginRight.substr(0,oElement.style.marginRight.length-2);        
  133.         else inpImgRight.value="";
  134.  
  135.         btnApply.style.display="block";
  136.         btnOk.style.display="block";
  137.         btnInsert.style.display="none";
  138.        
  139.         doPreview();
  140.         }
  141.     else
  142.         {
  143.         btnApply.style.display="none";
  144.         btnOk.style.display="none";
  145.         btnInsert.style.display="block";
  146.         }  
  147.        
  148.     }
  149.    
  150. function clearAllProperties()
  151.     {
  152.     document.getElementById("inpImgURL").value="";//always updated
  153.     document.getElementById("inpImgAlt").value="";//not set, krn tdk harus
  154.     document.getElementById("inpImgAlign").value="";
  155.     document.getElementById("inpImgWidth").value="";
  156.     document.getElementById("inpImgHeight").value="";
  157.     document.getElementById("inpImgTop").value="";
  158.     document.getElementById("inpImgBottom").value="";
  159.     document.getElementById("inpImgLeft").value="";
  160.     document.getElementById("inpImgRight").value="";
  161.     }
  162.    
  163. function doPreview()
  164.     {
  165.     var idImg = document.getElementById("idImg");
  166.     var inpImgAlt = document.getElementById("inpImgAlt");
  167.     var inpImgAlign = document.getElementById("inpImgAlign");    
  168.    
  169.     var inpImgTop = document.getElementById("inpImgTop");
  170.     var inpImgBottom = document.getElementById("inpImgBottom");
  171.     var inpImgLeft = document.getElementById("inpImgLeft");
  172.     var inpImgRight = document.getElementById("inpImgRight");
  173.    
  174.     idImg.style.width="";
  175.     idImg.style.height="";
  176.  
  177.     //idImg.title=inpImgAlt.value;
  178.     idImg.alt=inpImgAlt.value;
  179.    
  180.     idImg.setAttribute("ALIGN", inpImgAlign.value);
  181.                
  182.     if(inpImgTop.value!="")idImg.style.marginTop=inpImgTop.value;
  183.     else idImg.style.marginTop="";              
  184.     if(inpImgBottom.value!="")idImg.style.marginBottom=inpImgBottom.value;
  185.     else idImg.style.marginBottom="";      
  186.     if(inpImgLeft.value!="")idImg.style.marginLeft=inpImgLeft.value;
  187.     else idImg.style.marginLeft="";    
  188.     if(inpImgRight.value!="")idImg.style.marginRight=inpImgRight.value;
  189.     else idImg.style.marginRight="";
  190.     }
  191.  
  192. function doInsert()
  193.     {    
  194.     var idImg = document.getElementById("idImg");
  195.     var inpImgURL = document.getElementById("inpImgURL");
  196.    
  197.     var inpImgAlt = document.getElementById("inpImgAlt");
  198.     var inpImgAlign = document.getElementById("inpImgAlign");
  199.    
  200.     var inpImgTop = document.getElementById("inpImgTop");
  201.     var inpImgBottom = document.getElementById("inpImgBottom");
  202.     var inpImgLeft = document.getElementById("inpImgLeft");
  203.     var inpImgRight = document.getElementById("inpImgRight");
  204.    
  205.     var inpImgWidth = document.getElementById("inpImgWidth");
  206.     var inpImgHeight = document.getElementById("inpImgHeight");
  207.    
  208.     var oEditor=window.opener.oUtil.oEditor;
  209.     var oSel=oEditor.getSelection();
  210.  
  211.     window.opener.oUtil.obj.saveForUndo();
  212.  
  213.     var sImgAlt=inpImgAlt.value;
  214.     var sImgAlign=inpImgAlign.value;
  215.    
  216.     var sImgBorderTop=idImg.style.borderTop;
  217.     var sImgBorderBottom=idImg.style.borderBottom;
  218.     var sImgBorderLeft=idImg.style.borderLeft;
  219.     var sImgBorderRight=idImg.style.borderRight;
  220.    
  221.     var bNoBorder=false;
  222.     if((idImg.style.borderTopStyle=="none"||idImg.style.borderTop=="")&&
  223.        (idImg.style.borderBottomStyle=="none"||idImg.style.borderBottom=="")&&
  224.        (idImg.style.borderLeftStyle=="none"||idImg.style.borderLeft=="")&&
  225.        (idImg.style.borderRightStyle=="none"||idImg.style.borderRight==""))
  226.        bNoBorder=true;
  227.        
  228.     var sImgWidth=inpImgWidth.value;
  229.     var sImgHeight=inpImgHeight.value;      
  230.     var sImgTop=inpImgTop.value;
  231.     var sImgBottom=inpImgBottom.value;
  232.     var sImgLeft=inpImgLeft.value;
  233.     var sImgRight=inpImgRight.value;
  234.    
  235.     window.opener.oUtil.obj.saveForUndo();
  236.     oEditor.document.execCommand("InsertImage", false, inpImgURL.value);
  237.  
  238.     oSel=oEditor.getSelection();
  239.     var range = oSel.getRangeAt(0);
  240.     var oElement = range.startContainer.childNodes[range.startOffset-1];
  241.     oSel=oEditor.getSelection();
  242.     range = oEditor.document.createRange();
  243.     range.selectNodeContents(oElement);
  244.     oSel.removeAllRanges();
  245.     oSel.addRange(range);
  246.    
  247.     window.opener.realTime(window.opener.oUtil.obj);
  248.    
  249.     if (oElement.tagName=="IMG")
  250.         {
  251.         //oElement.setAttribute("TITLE", sImgAlt);
  252.         oElement.setAttribute("ALT", sImgAlt);
  253.        
  254.         if(sImgAlign!="") oElement.setAttribute("ALIGN", sImgAlign);
  255.        
  256.         if(bNoBorder)
  257.             oElement.border="0px";
  258.         else
  259.             {  
  260.             oElement.style.borderTop=sImgBorderTop;
  261.             oElement.style.borderBottom=sImgBorderBottom;
  262.             oElement.style.borderLeft=sImgBorderLeft;
  263.             oElement.style.borderRight=sImgBorderRight;
  264.             }
  265.        
  266.         if(sImgWidth!="")oElement.setAttribute("WIDTH", sImgWidth);
  267.         if(sImgHeight!="")oElement.setAttribute("HEIGHT", sImgHeight);
  268.                
  269.         if(sImgTop!="")oElement.style.marginTop=sImgTop;
  270.         if(sImgBottom!="")oElement.style.marginBottom=sImgBottom;
  271.         if(sImgLeft!="")oElement.style.marginLeft=sImgLeft;
  272.         if(sImgRight!="")oElement.style.marginRight=sImgRight;
  273.         }  
  274.     self.close()
  275.     }
  276.    
  277. function doUpdate()
  278.     {
  279.     var idImg = document.getElementById("idImg");
  280.     var inpImgURL = document.getElementById("inpImgURL");
  281.    
  282.     var inpImgAlt = document.getElementById("inpImgAlt");
  283.     var inpImgAlign = document.getElementById("inpImgAlign");
  284.    
  285.     var inpImgTop = document.getElementById("inpImgTop");
  286.     var inpImgBottom = document.getElementById("inpImgBottom");
  287.     var inpImgLeft = document.getElementById("inpImgLeft");
  288.     var inpImgRight = document.getElementById("inpImgRight");
  289.    
  290.     var inpImgWidth = document.getElementById("inpImgWidth");
  291.     var inpImgHeight = document.getElementById("inpImgHeight");
  292.  
  293.    
  294.     var oEditor=window.opener.oUtil.oEditor;
  295.     var oSel=oEditor.getSelection();
  296.  
  297.     var oElement = window.opener.getSelectedElement(oSel);
  298.    
  299.     if (oElement.tagName=="IMG")
  300.         {
  301.         window.opener.oUtil.obj.saveForUndo();
  302.        
  303.         oElement.setAttribute("SRC", inpImgURL.value);
  304.        
  305.         //oElement.setAttribute("TITLE", inpImgAlt.value);
  306.         oElement.setAttribute("ALT", inpImgAlt.value);
  307.        
  308.         if(inpImgAlign.value!="") oElement.setAttribute("ALIGN", inpImgAlign.value);
  309.        
  310.         oElement.style.borderTop=idImg.style.borderTop;
  311.         oElement.style.borderBottom=idImg.style.borderBottom;
  312.         oElement.style.borderLeft=idImg.style.borderLeft;
  313.         oElement.style.borderRight=idImg.style.borderRight;
  314.  
  315.         if(idImg.style.borderTopStyle!="none"||
  316.             idImg.style.borderBottomStyle!="none"||
  317.             idImg.style.borderLeftStyle!="none"||
  318.             idImg.style.borderRightStyle!="none")
  319.             oElement.removeAttribute("border",0);
  320.         if((idImg.style.borderTopStyle=="none"||idImg.style.borderTop=="")&&
  321.            (idImg.style.borderBottomStyle=="none"||idImg.style.borderBottom=="")&&
  322.            (idImg.style.borderLeftStyle=="none"||idImg.style.borderLeft=="")&&
  323.            (idImg.style.borderRightStyle=="none"||idImg.style.borderRight==""))
  324.            oElement.border=0;          
  325.  
  326.         //clean
  327.         if(idImg.style.borderTop=="medium none"||idImg.style.borderTopStyle=="none")
  328.             {
  329.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: medium none; ","");
  330.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: medium none","");
  331.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopColor+" "+idImg.style.borderTopWidth+"; ","");
  332.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopColor+" "+idImg.style.borderTopWidth,"");
  333.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopWidth+"; ","");
  334.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopWidth,"");
  335.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopColor+"; ","");
  336.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: "+idImg.style.borderTopColor,"");
  337.             }
  338.         if(idImg.style.borderBottom=="medium none"||idImg.style.borderBottomStyle=="none")
  339.             {          
  340.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: medium none; ","");
  341.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: medium none","");
  342.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomColor+" "+idImg.style.borderBottomWidth+"; ","");
  343.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomColor+" "+idImg.style.borderBottomWidth,"");
  344.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomWidth+"; ","");
  345.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomWidth,"");
  346.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomColor+"; ","");
  347.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: "+idImg.style.borderBottomColor,"");
  348.             }
  349.         if(idImg.style.borderLeft=="medium none"||idImg.style.borderLeftStyle=="none")
  350.             {          
  351.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: medium none; ","");
  352.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: medium none","");
  353.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftColor+" "+idImg.style.borderLeftWidth+"; ","");
  354.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftColor+" "+idImg.style.borderLeftWidth,"");
  355.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftWidth+"; ","");
  356.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftWidth,"");
  357.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftColor+"; ","");
  358.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: "+idImg.style.borderLeftColor,"");
  359.             }
  360.         if(idImg.style.borderRight=="medium none"||idImg.style.borderRightStyle=="none")
  361.             {          
  362.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: medium none; ","");
  363.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: medium none","");
  364.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightColor+" "+idImg.style.borderRightWidth+"; ","");
  365.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightColor+" "+idImg.style.borderRightWidth,"");
  366.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightWidth+"; ","");
  367.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightWidth,"");
  368.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightColor+"; ","");
  369.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: "+idImg.style.borderRightColor,"");
  370.             }
  371.         /*
  372.         //clean
  373.         if(idImg.style.borderTop=="medium none")
  374.             {          
  375.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: medium none; ","");
  376.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-TOP: medium none","");
  377.             }
  378.         if(idImg.style.borderBottom=="medium none")
  379.             {          
  380.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: medium none; ","");
  381.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-BOTTOM: medium none","");
  382.             }
  383.         if(idImg.style.borderLeft=="medium none")
  384.             {          
  385.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: medium none; ","");
  386.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-LEFT: medium none","");
  387.             }
  388.         if(idImg.style.borderRight=="medium none")
  389.             {          
  390.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: medium none; ","");
  391.             oElement.style.cssText=oElement.style.cssText.replace("BORDER-RIGHT: medium none","");
  392.             }
  393.         */    
  394.            
  395.         oElement.style.width="";
  396.         oElement.style.height="";
  397.         if(inpImgWidth.value!="")oElement.setAttribute("WIDTH", inpImgWidth.value);
  398.         else oElement.removeAttribute("WIDTH",0);              
  399.         if(inpImgHeight.value!="")oElement.setAttribute("HEIGHT", inpImgHeight.value);
  400.         else oElement.removeAttribute("HEIGHT",0);  
  401.                
  402.         if(inpImgTop.value!="")oElement.style.marginTop=inpImgTop.value;
  403.         else oElement.style.marginTop="";              
  404.         if(inpImgBottom.value!="")oElement.style.marginBottom=inpImgBottom.value;
  405.         else oElement.style.marginBottom="";        
  406.         if(inpImgLeft.value!="")oElement.style.marginLeft=inpImgLeft.value;
  407.         else oElement.style.marginLeft="";      
  408.         if(inpImgRight.value!="")oElement.style.marginRight=inpImgRight.value;
  409.         else oElement.style.marginRight="";
  410.         }
  411.        
  412.     window.focus();    
  413.     }
  414.    
  415. function resetImageSize()
  416.     {
  417.  
  418.     var oEditor=window.opener.oUtil.oEditor;
  419.     var oSel=oEditor.getSelection();
  420.     var oElement = window.opener.getSelectedElement(oSel);
  421.  
  422.     if (oElement.tagName=="IMG")
  423.         {
  424.         window.opener.oUtil.obj.saveForUndo();
  425.        
  426.         oElement.style.width="";
  427.         oElement.style.height="";
  428.         oElement.removeAttribute("WIDTH",0);
  429.         oElement.removeAttribute("HEIGHT",0);
  430.         realTime();
  431.         }
  432.     }
  433.    
  434. </script>
  435. </head>
  436. <body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">
  437.  
  438. <table width=100% height=100% align=center cellpadding=0 cellspacing=0>
  439. <tr>
  440. <td valign=top style="padding:5;height:100%">
  441.  
  442.     <table width=100%>
  443.     <tr>
  444.         <td nowrap>
  445.                 <span id="txtLang" name="txtLang">Source</span>:
  446.         </td>
  447.         <td colspan=4 style="width:100%">
  448.                 <table cellpadding="0" cellspacing="0" style="width:100%">
  449.                 <tr>
  450.                 <td style="width:100%"><input type="text" id="inpImgURL" name=inpImgURL style="width:100%" class="inpTxt"></td>
  451.                 <td><input type="button" value="" onclick="openAsset()" id="btnAsset" name="btnAsset" style="display:none;background:url('openAsset.gif');width:20px;height:16px;border:#a5acb2 1px solid;margin-left:3px;"></td>
  452.                 </tr>
  453.                 </table>    
  454.         </td>
  455.     </tr>
  456.     <tr>
  457.         <td nowrap>
  458.                 <span id="txtLang" name="txtLang">Title</span>:&nbsp;
  459.         </td>
  460.         <td width="100%">  
  461.                 <input type="text" id="inpImgAlt" name=inpImgAlt style="width:150px" class="inpTxt" onkeyup="doPreview()">
  462.         </td>
  463.         <td rowspan="5" style="padding-top:4;padding-right:7">
  464.             <div style="height:112px;border-left:#c7c7c7 1 solid;width:1px"></div>  
  465.         </td>
  466.         <td>
  467.                 <span id="txtLang" name="txtLang">Spacing</span>:&nbsp;
  468.         </td>
  469.         <td>&nbsp;</td>
  470.     </tr>
  471.     <tr>
  472.         <td nowrap>
  473.                 <span id="txtLang" name="txtLang">Alignment</span>:
  474.         </td>
  475.         <td nowrap>
  476.                 <select id="inpImgAlign" name="inpImgAlign" style="width:150px" class="inpSel" onchange="doPreview()">
  477.                 <option value="" selected></option><!-- &lt;Not Set&gt; -->
  478.                 <option value="absBottom" id="optLang" name="optLang">absBottom</option>
  479.                 <option value="absMiddle" id="optLang" name="optLang">absMiddle</option>
  480.                 <option value="baseline" id="optLang" name="optLang">baseline</option>
  481.                 <option value="bottom" id="optLang" name="optLang">bottom</option>
  482.                 <option value="left" id="optLang" name="optLang">left</option>
  483.                 <option value="middle" id="optLang" name="optLang">middle</option>
  484.                 <option value="right" id="optLang" name="optLang">right</option>
  485.                 <option value="textTop" id="optLang" name="optLang">textTop</option>
  486.                 <option value="top" id="optLang" name="optLang">top</option>                      
  487.                 </select>&nbsp;
  488.         </td>
  489.         <td nowrap>
  490.                 <span id="txtLang" name="txtLang">Top</span>:&nbsp;
  491.         </td>
  492.         <td nowrap>
  493.                 <input type="text" name="inpImgTop" id="inpImgTop" size=2 class="inpTxt" onkeyup="doPreview()"> &nbsp;px
  494.         </td>
  495.     </tr>
  496.     <tr>
  497.         <td nowrap>
  498.                 <span id="txtLang" name="txtLang">Border</span>:
  499.         </td>
  500.         <td nowrap>
  501.             <input type="button" name=btnBorder id=btnBorder value=" Border Style " style="width:150px"
  502.            onclick="dialogArgument=['window.opener.opener', 'window.opener.document.getElementById(\'idImg\')'];modalDialogShow('border.htm', 460, 260)" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  503.         </td>
  504.         <td nowrap>
  505.                 <span id="txtLang" name="txtLang">Bottom</span>:
  506.         </td>
  507.         <td nowrap>
  508.                 <input type="text" name="inpImgBottom" id="inpImgBottom" size=2 class="inpTxt" onkeyup="doPreview()"> &nbsp;px
  509.         </td>
  510.     </tr>
  511.     <tr>
  512.         <td nowrap>
  513.                 <span id="txtLang" name="txtLang">Width</span>:
  514.         </td>
  515.         <td nowrap rowspan="2">
  516.                 <table cellpadding="0" cellspacing="0">
  517.                 <tr>
  518.                 <td>
  519.                 <input type="text" name="inpImgWidth" id="inpImgWidth" size=2 class="inpTxt"> &nbsp;px
  520.                 </td>
  521.                 <td rowspan="2" height="50" style="padding-left:3;padding-top:6">
  522.                     <img src="img_reset.gif" align=left width="13" height="28">
  523.                 </td>
  524.                 <td rowspan="2" height="50" style="padding-top:7">
  525.                     <input type="button" name="btnReset" id="btnReset" value="reset" onclick="resetImageSize()">
  526.                 </td>
  527.                 </tr>
  528.                 <tr>
  529.                 <td>
  530.                 <input type="text" name="inpImgHeight" id="inpImgHeight" size=2 class="inpTxt"> &nbsp;px
  531.                 </td>
  532.                 </tr>
  533.                 </table>                
  534.         </td>
  535.         <td nowrap>
  536.                 <span id="txtLang" name="txtLang">Left</span>:
  537.         </td>
  538.         <td nowrap>
  539.                 <input type="text" name="inpImgLeft" id="inpImgLeft" size=2 class="inpTxt" onkeyup="doPreview()" id="Text2"> &nbsp;px
  540.         </td>
  541.     </tr>
  542.     <tr>
  543.         <td nowrap>
  544.                 <span id="txtLang" name="txtLang">Height</span>:
  545.         </td>
  546.  
  547.         <td nowrap>
  548.                 <span id="txtLang" name="txtLang">Right</span>:
  549.         </td>
  550.         <td nowrap>
  551.                 <input type="text" name="inpImgRight" id="inpImgRight" size=2 class="inpTxt" onkeyup="doPreview()" id="Text1"> &nbsp;px
  552.         </td>
  553.     </tr>
  554.  
  555.     <tr>
  556.         <td colspan="5">
  557.             <div style="padding:3;"></div>
  558.             <div id="divPreview" style="padding:5;padding-left:5;overflow:auto;border:1 dimgray solid;height:85;background:#ffffff">
  559. <img src="img.gif" id="idImg" align=left width="53" height="51">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  
  560. sed diam nonumy eirmod tempor invidunt ut labore et
  561. dolore magna aliquyam erat,
  562. sed diam voluptua. At vero eos et accusam et justo
  563. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  564.  
  565.             </div>
  566.             </div>
  567.         </td>
  568.     </tr>
  569.     </table>
  570.  
  571. </td>
  572. </tr>
  573. <tr>
  574. <td class="dialogFooter" style="padding:6;" align="right">
  575.     <table cellpadding=1 cellspacing=0>
  576.     <tr>
  577.     <td>
  578.     <input type="button" name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  579.     </td>
  580.     <td>
  581.     <input type="button" name=btnInsert id=btnInsert value="insert" onclick="doInsert()" style="display:block" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  582.     </td>
  583.     <td>    
  584.     <input type="button" name=btnApply id=btnApply value="apply" onclick="doUpdate()" style="display:none" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  585.     </td>
  586.     <td>    
  587.     <input type="button" name=btnOk id=btnOk value=" ok " onclick="doUpdate();self.close()" style="display:none;" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  588.     </td>
  589.     </tr>
  590.     </table>
  591. </td>
  592. </tr>
  593. </table>
  594.  
  595. </body>
  596. </html>
downloadimage.htm Source code - Download Pcook CMS bubble guest v3.0 SDCMS version Source code
Related Source Codes/Software:
Oo 126 CMS movie site system - This procedure ASP + ACC/ASP + SQL, using new kern... 2016-09-21
IDC sales web site - Beautiful IDC sales web site source code 2016-09-21
NPOINT virtual host v1.7.0 formal version management system - The system main function is introduced 2016-09-21
Classified information network business in suzhou - Overall module: classification of supply and deman... 2016-09-21
Jie Yang v0.6.3 article system - System functions: 1, the system settings A confi... 2016-09-21
Age design website information management system SDCMS v1.1 SP1 - SDCMS is designed to build the information managem... 2016-09-21
Age design website information management system SDCMS v1.1 SP1 - SDCMS is designed to build the information managem... 2016-09-21
C9 v2.1.1 static post system - Program USES ASP + ACC structure design and develo... 2016-09-21
Imitation green download station perfect version - Before increased | software home page, on the basi... 2016-09-21
Subdomain hosting edition v1.9 s taobao, pat - The background site admin 2016-09-21
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top