使用检查器进行编辑
function inspectSelection() {
// initialize UI
findObject('mySearch').checked = false;
findObject('mySearch_2').checked = false;
findObject('mySearchName_2').value = '';
// see if devSearch is included. If it is, check devSearch box. devSearch = /<option name="devOption"
value="hotwired.com insidedhtml.com webreview.com
builder.com webcoder.com zdnet.com projectcool.com webdeveloper.com
w3c.com xml.com microsoft.com netscape.com">/i; if(theDocumentForm.innerHTML.match(devSearch))
findObject('mySearch').checked = true;
// see if mySearch is included. If it is,
populate fields and check the mySearch box.
mySearch = /<option name="myOption" value="([\w\.\/]*\s*)?
([\w\.\/]*\s*)?([\w\.\/]*\s*)?
([\w\.\/]*\s*)?">([^\n\r]*)\s*(.*)<!-- end mySearch -->)/i;
mySearches = theDocumentForm.innerHTML.match(mySearch);
if(mySearches) {
findObject('mySearch_2').checked = true;
if(mySearches[5] || mySearches[6])
findObject('mySearchName_2').value = mySearches[5]
+ ' ' + mySearches[6];
// grab all the sites that matched
if(mySearches[4]) findObject('my4_2')
.value = Trim(mySearches[4]);
if(mySearches[3]) findObject('my3_2')
.value = Trim(mySearches[3]);
if(mySearches[2]) findObject('my2_2')
.value = Trim(mySearches[2]);
if(mySearches[1]) findObject('my1_2')
.value = Trim(mySearches[1]);
} else {
findObject('mySearch_2').checked = false;
}
}
首先需要注意的就是"findObject"方法,它可以省却你在界面内如何指定对象时可能遇到的麻烦。你需要做的是向其提供基本元素的名称,这样他就可以返回对象参照。但这不是Dreamweaver内置组件,它是一套非常有用的编码(由Macromedia
JavaScript向导精灵编写而成),你可以在大多数内建检查器中找到它,并拷贝到你自己的系统中来使用。函数前三行使用"findObject"来清除检查器内的界面元素。<input type="checkbox" name="mySearch" onClick="editSelection()">
Developer search <input maxlength=25 type="text" name="my1_2" onBlur="if (findObject('mySearch_2').checked)
editSelection()" >