[問題][討論]能否做出這個？

文章由 **neo[B]etas.NET** » 2004-02-01 10:20

下面這張圖是forumimages網站的加強型Code標籤，其版本為2.0(竹貓用的那種是1.1)：

他所用的fi_divexpand.js如下：

/* 
Forum Images Expand & Hilight control for Code Divs 
Version 1.1 re-coded by SamG 05-04-03
Version 2 expand control re-coded by Daz 18-07-03
Version 2.1 expand control re-coded by Daz 26-08-03
NOT FOR DISTRIBUTION UNTIL FURTHER NOTICE
*/ 

function fiSelectEl(elId) {
var element = document.getElementById(elId);
if ( document.selection ) {
	var range = document.body.createTextRange();
	range.moveToElementText(element);
	range.select();
	}
if ( window.getSelection ) {
	var range = document.createRange();
	range.selectNodeContents(element);
	var blockSelection = window.getSelection();
	blockSelection.removeAllRanges();
	blockSelection.addRange(range);
	}
}

function fiResizeEl(elId,elState) {
divId = document.getElementById(elId);
divExpId = document.getElementById('ex' + elId);
divLnkCntrct = '<a href="#" onclick="fiResizeEl(\'' + elId + "');return false;\">" + Cntrct + "</a>";
divLnkExpnd = '<a href="#" onclick="fiResizeEl(\'' + elId + "','1');return false;\">" + ExPnd + "</a>";
if (!elState) {
	divId.style.height = '40px';
	divExpId.innerHTML = divLnkExpnd;
} else if (divId.scrollHeight > 40) {
	divId.style.height = divId.scrollHeight + 3 + 'px';
\n	divExpId.innerHTML = divLnkCntrct;
	}
}

而我們用的是：

代碼: 選擇全部

/* 
Forum Images Expand & Hilight control for Code Divs 
Version 1.1 re-coded by SamG 05-04-03
*/ 

function selectAll(elementId) { 
  var element = document.getElementById(elementId); 
  if ( document.selection ) { 
    var range = document.body.createTextRange(); 
    range.moveToElementText(element); 
    range.select(); 
  } 
  if ( window.getSelection ) { 
    var range = document.createRange(); 
    range.selectNodeContents(element); 
    var blockSelection = window.getSelection(); 
    blockSelection.removeAllRanges(); 
    blockSelection.addRange(range); 
  } 
} 

function resizeLayer(layerId, newHeight) { 
  var myLayer = document.getElementById(layerId); 
  myLayer.style.height = newHeight + 'px'; 
} 

function codeDivStart() { 
  var randomId = Math.floor(Math.random() * 2000); 
  var imgSrc = 'images/'; 
  document.write('<div class="codetitle">程式碼：<img src="' + imgSrc + 'nav_expand.gif" width="14" height="10" title="檢視其他部分的程式碼" onclick="resizeLayer(' + randomId + ', 200)" onmouseover="this.style.cursor = \'pointer\'" /><img src="' + imgSrc + 'nav_expand_more.gif" width="14" height="10" title="檢視更多的程式碼" onclick="resizeLayer(' + randomId + ', 500)" onmouseover="this.style.cursor = \'pointer\'" /><img src="' + imgSrc + 'nav_contract.gif" width="14" height="10" title="收起程式碼" onclick="resizeLayer(' + randomId + ', 50)" onmouseover="this.style.cursor = \'pointer\'" /><img src="' + imgSrc + 'nav_select_all.gif" width="14" height="10" title="全選程式碼" onclick="selectAll(' + randomId + ')" onmouseover="this.style.cursor = \'pointer\'" /></div><div class="codediv" id="' + randomId + '">'); 
}

再者，我們顯示出的原始檔為：

代碼: 選擇全部

<script type="text/javascript" src="fi_divexpand.js"></script> 
<div align="center"> 
<script type="text/javascript">codeDivStart()</script>

而他的為：

代碼: 選擇全部

<div class="codetitle">Code: › <script type="text/javascript" src="fi_divexpand.js"></script><script type="text/javascript"><!--
Cntrct = 'Contract'; ExPnd = 'Expand'; randomId = 'd' + Math.floor(Math.random() * 2000); document.write('<a href="#" onclick="fiSelectEl(\'' + randomId + '\');return false;">Select</a> ›‹ <span id="ex' + randomId + '"><a href="#" onclick="fiResizeEl(\'' + randomId + '\',\'1\');return false;">Expand</a></span></div><div id="' + randomId + '" class="code">'); //--></script>

雖本人不曾學過java script，但大略看了一下，變數好像並不是全部放在fi_divexpand.js？

也因本人不會寫java script，看是否有大大能幫個小忙，完成解析這個MOD的工作。

純討論，非要求也，只想讓東西盡善盡美！
(BTW，他的QUOTE也長那樣)

文章由 bu » 2004-02-01 12:22

是啊...　Expand　和另一個的 Contant 的文字並不是固定的而是在發表時的那長串中指定的... ^^