Tuesday, February 14, 2006

I love div

有時候在javascript要出現提示的訊息,會直接把要顯示的東西當作一個變數或是字串,往往美工相關人員的編輯以及翻譯並不會去看HTML原始碼,有時候會漏翻了這些句子。
在不使用任何高超的技術下(純粹用HTML與簡單的javascript),我採用以下的方法,讓美編人員可以在編輯時期,看到那些要顯示出來的語句。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>test</title>
<script language="javascript" type="text/javascript">
function initHTML()
{
var divObjs = new Array(document.getElementById('actionPrompt'));
var i = 0;
for(i=0;i<divObjs.length;i++)
{
if( doesObjExists(divObjs[i]) )
setHiddent(divObjs[i]);
}
}
function setHiddent(obj)
{
obj.style.visibility = 'hidden';
}
function doesObjExists(obj)
{
var result = false;
result = obj&& typeof(obj) != 'undefined'
return result;
}
function mainProgress()
{
var actPrompt = document.getElementById('actionPrompt');
var promptText = 'Are you sure to delete all of them?';
if(doesObjExists(actPrompt))
{
promptText = actPrompt.innerHTML;
}
return confirm(promptText);
}
</script>
</head>
<body onLoad="javascript:initHTML();">
<form name="test" onSubmit="javascript:mainProgress();">
<input type="submit" name="Submit" value="按我">
</form>
<div id="actionPrompt">您確定要刪除嗎?</div>
</body>
</html>

No comments: