📄 xtree5.js
字号:
/*----------------------------------------\
| Cross Browser Tree Widget 1.11 |
|-----------------------------------------|
| Created by Emil A. Eklund (eae@eae.net) |
| For WebFX (http://webfx.eae.net/) |
|-----------------------------------------|
| This script is provided as is without |
| any warranty whatsoever. It may be used |
| free of charge for non commerical sites |
| For commerical use contact the author |
| of this script for further details. |
|-----------------------------------------|
| Created 2000-12-11 | Updated 2002-01-27 |
\----------------------------------------*/
var clickMode = "ondblclick";
var isDisplayChild = false;
var webFXTreeConfig={rootIcon:'/I2.png',openRootIcon:'/I2.png',folderIcon:'/I1.png',openFolderIcon:'/I1.png',fileIcon:'/b2.png',iIcon:'/II.png',lIcon:'/L.png',lMinusIcon:'/Lminus.png',lPlusIcon:'/Lplus.png',tIcon:'/T.png',tMinusIcon:'/Tminus.png',tPlusIcon:'/Tplus.png',blankIcon:'/blank.png',defaultText:'Tree Item',defaultBehavior:'classic'}
var webFXTreeHandler = {
idCounter : 0,
idPrefix : "webfx-tree-object-",
all : {},
behavior : null,
selected : null,
onSelect : null, /* should be part of tree, not handler */
getId : function() { return this.idPrefix + this.idCounter++; },
toggle : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); },
select : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); },
focus : function (oItem) { this.all[oItem.id.replace('-anchor','')].focus(); },
blur : function (oItem) { this.all[oItem.id.replace('-anchor','')].blur(); },
keydown : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); },
cookies : new WebFXCookie(),
insertHTMLBeforeEnd : function (oElement, sHTML) {
if (oElement.insertAdjacentHTML != null) {
oElement.insertAdjacentHTML("BeforeEnd", sHTML)
return;
}
var df; // DocumentFragment
var r = oElement.ownerDocument.createRange();
r.selectNodeContents(oElement);
r.collapse(false);
df = r.createContextualFragment(sHTML);
oElement.appendChild(df);
}
};
/*
* WebFXCookie class
*/
function showtree()
{
if (document.getElementById) {
if(typeof(setwebFxTreeConfig)=="function")
setwebFxTreeConfig('','');
var TF0= new WebFXTree('Products','light.htm'); TF0.setBehavior('classic'); var TF1=new WebFXTreeItem('General lighting','general_lighting.htm'); var TF2=new WebFXTreeItem('Ceiling lamp','general_lighting_ceiling.htm'); var TF3=new WebFXTreeItem('Glass shade lamp','general_lighting_ceiling_glass_shade.htm'); TF2.add(TF3); var TF4=new WebFXTreeItem('Weather proof lamp','general_lighting_ceiling_damp_proof.htm'); TF2.add(TF4); var TF5=new WebFXTreeItem('General ceiling lamp','general_lighting_ceiling_general.htm'); TF2.add(TF5); var TF6=new WebFXTreeItem('Panel ceiling lamp','general_lighting_ceiling_panel.htm'); TF2.add(TF6); var TF7=new WebFXTreeItem('Plastic ceiling lamp','general_lighting_ceiling_plastic.htm'); TF2.add(TF7); var TF8=new WebFXTreeItem('Other ceiling lamp','general_lighting_ceiling_other.htm'); TF2.add(TF8); TF1.add(TF2); var TF9=new WebFXTreeItem('LED light','general_lighting_LED.htm'); var TF10=new WebFXTreeItem('Animal light','general_lighting_LED_animal.htm'); TF9.add(TF10); var TF11=new WebFXTreeItem('LED brick ','general_lighting_LED_brick.htm'); TF9.add(TF11); var TF12=new WebFXTreeItem('LED bulbs','general_lighting_LED_bulbs.htm'); TF9.add(TF12); var TF13=new WebFXTreeItem('LED ceiling','general_lighting_LED_ceiling.htm'); TF9.add(TF13); var TF14=new WebFXTreeItem('LED ground','general_lighting_LED_ground.htm'); TF9.add(TF14); var TF15=new WebFXTreeItem('Lawn light','general_lighting_LED_lawn.htm'); TF9.add(TF15); var TF16=new WebFXTreeItem('Traffic sign','general_lighting_LED_traffic_sign.htm'); TF9.add(TF16); var TF17=new WebFXTreeItem('Under water','general_lighting_LED_under_water.htm'); TF9.add(TF17); var TF18=new WebFXTreeItem('Wall light','general_lighting_LED_wall.htm'); TF9.add(TF18); var TF19=new WebFXTreeItem('Rope pipe','general_lighting_LED_rope_pipe.htm'); TF9.add(TF19); var TF20=new WebFXTreeItem('Other LED','general_lighting_LED_other.htm'); TF9.add(TF20); TF1.add(TF9); var TF21=new WebFXTreeItem('Mirror light','general_lighting_mirror.htm'); var TF22=new WebFXTreeItem('Spot mirror','general_lighting_mirror_spot.htm'); TF21.add(TF22); var TF23=new WebFXTreeItem('Fluorescent lamp','general_lighting_mirror_fluorescent.htm'); TF21.add(TF23); TF1.add(TF21); var TF24=new WebFXTreeItem('Table lamp','general_lighting_table_lamp.htm'); var TF25=new WebFXTreeItem('Banker table lamp','general_lighting_table_lamp_bank.htm'); TF24.add(TF25); var TF26=new WebFXTreeItem('Ceramic table lamps','general_lighting_table_lamp_ceramic.htm'); TF24.add(TF26); var TF27=new WebFXTreeItem('Crystal table lamp','general_lighting_table_lamp_crystal.htm'); TF24.add(TF27); var TF28=new WebFXTreeItem('Foldable table lamp','general_lighting_table_lamp_foldable.htm'); TF24.add(TF28); var TF29=new WebFXTreeItem('Metal table lamp','general_lighting_table_lamp_metal.htm'); TF24.add(TF29); var TF30=new WebFXTreeItem('Iron art table lamp','general_lighting_table_lamp_ironart.htm'); TF24.add(TF30); var TF31=new WebFXTreeItem('Modern table lamp','general_lighting_table_lamp_modern_art.htm'); TF24.add(TF31); var TF32=new WebFXTreeItem('Ontouch table lamp','general_lighting_table_lamp_ontouch.htm'); TF24.add(TF32); var TF33=new WebFXTreeItem('Plastic table lamp','general_lighting_table_lamp_plastic.htm'); TF24.add(TF33); var TF34=new WebFXTreeItem('Poly carbon lamp','general_lighting_table_lamp_poly_carbon.htm'); TF24.add(TF34); var TF35=new WebFXTreeItem('Wooden table lamp','general_lighting_table_lamp_wooden.htm'); TF24.add(TF35); var TF36=new WebFXTreeItem('Marble table lamps','general_lighting_table_lamp_marble.htm'); TF24.add(TF36); var TF37=new WebFXTreeItem('Resin table lamps','general_lighting_table_lamp_resin.htm'); TF24.add(TF37); var TF38=new WebFXTreeItem('Other table lamp','general_lighting_table_lamp_other.htm'); TF24.add(TF38); TF1.add(TF24); var TF39=new WebFXTreeItem('Fluorescent light','general_lighting_fluorescent.htm'); var TF40=new WebFXTreeItem('General light','general_lighting_fluorescent_general.htm'); TF39.add(TF40); var TF41=new WebFXTreeItem('Grid lamp','general_lighting_fluorescent_grid.htm'); TF39.add(TF41); var TF42=new WebFXTreeItem('Panel light','general_lighting_fluorescent_panel.htm'); TF39.add(TF42); TF1.add(TF39); var TF43=new WebFXTreeItem('Pendant lamp','general_lighting_pendant_lamp.htm'); var TF44=new WebFXTreeItem('Modern pendant','general_lighting_pendant_lamp_modern_iron.htm'); TF43.add(TF44); var TF45=new WebFXTreeItem('Commercial pendant','general_lighting_pendant_lamp_commercial.htm'); TF43.add(TF45); var TF46=new WebFXTreeItem('Other pendant ','general_lighting_pendant_lamp_other.htm'); TF43.add(TF46); TF1.add(TF43); var TF47=new WebFXTreeItem('Chandelier','general_lighting_chandelier.htm'); var TF48=new WebFXTreeItem('Traditional chandelier','general_lighting_chandelier_glass.htm'); TF47.add(TF48); var TF49=new WebFXTreeItem('Flower chandelier','general_lighting_chandelier_flower.htm'); TF47.add(TF49); var TF50=new WebFXTreeItem('Crystal chandelier','general_lighting_chandelier_candle_crystal.htm'); TF47.add(TF50); var TF51=new WebFXTreeItem('Big chandelier','general_lighting_chandelier_big_chandelier.htm'); TF47.add(TF51); TF1.add(TF47); var TF52=new WebFXTreeItem('Wall lamp','general_lighting_wall_lamp.htm'); var TF53=new WebFXTreeItem('Classic wall lamp','general_lighting_wall_lamp_classic.htm'); TF52.add(TF53); var TF54=new WebFXTreeItem('Faux alabaster lamp','general_lighting_wall_lamp_faux_alabaster.htm'); TF52.add(TF54); var TF55=new WebFXTreeItem('Modern wall lamp','general_lighting_wall_lamp_modern_iron.htm'); TF52.add(TF55); var TF56=new WebFXTreeItem('Glass wall lamp','general_lighting_wall_lamp_glass.htm'); TF52.add(TF56); TF1.add(TF52); var TF57=new WebFXTreeItem('Low voltage lamp','general_lighting_low_voltage.htm'); var TF58=new WebFXTreeItem('Chandelier','general_lighting_low_voltage_chandelier.htm'); TF57.add(TF58); var TF59=new WebFXTreeItem('Wall lamp','general_lighting_low_voltage_wall.htm'); TF57.add(TF59); var TF60=new WebFXTreeItem('Ceiling lamp','general_lighting_low_voltage_ceiling.htm'); TF57.add(TF60); TF1.add(TF57); var TF61=new WebFXTreeItem('Spot down light','general_lighting_spot.htm'); var TF62=new WebFXTreeItem('Cabinet spot ','general_lighting_spot_cabinet_furniture.htm'); TF61.add(TF62); var TF63=new WebFXTreeItem('Crystal spot','general_lighting_spot_crystal.htm'); TF61.add(TF63); var TF64=new WebFXTreeItem('Weather proof spot','general_lighting_spot_damp_proof.htm'); TF61.add(TF64); var TF65=new WebFXTreeItem('Down light','general_lighting_spot_down_light.htm'); TF61.add(TF65); var TF66=new WebFXTreeItem('Ceiling spot','general_lighting_spot_ceiling.htm'); TF61.add(TF66); var TF67=new WebFXTreeItem('Par or R light','general_lighting_spot_Par_light.htm'); TF61.add(TF67); var TF68=new WebFXTreeItem('Tracking light','general_lighting_spot_tracking.htm'); TF61.add(TF68); var TF69=new WebFXTreeItem('Bean spot light','general_lighting_spot_bean_spot.htm'); TF61.add(TF69); var TF70=new WebFXTreeItem('Out door spot','general_lighting_spot_out_door.htm'); TF61.add(TF70); var TF71=new WebFXTreeItem('Spot head','general_lighting_spot_head.htm'); TF61.add(TF71); TF1.add(TF61); var TF72=new WebFXTreeItem('Dining room lamp','general_lighting_dining_room.htm'); TF1.add(TF72); var TF73=new WebFXTreeItem('Flash light','general_lighting_flash.htm'); TF1.add(TF73); var TF74=new WebFXTreeItem('Floor lamp','general_lighting_floor.htm'); TF1.add(TF74); var TF75=new WebFXTreeItem('Hotel room lamp','general_lighting_hotel_room.htm'); TF1.add(TF75); TF0.add(TF1); var TF98=new WebFXTreeItem('Professional lamp','professional_lamp.htm'); var TF99=new WebFXTreeItem('Crystal lamp','professional_lamp_Crystal.htm'); var TF100=new WebFXTreeItem('Candle light','professional_lamp_Crystal_candle.htm'); TF99.add(TF100); var TF101=new WebFXTreeItem('Ceiling lamp','professional_lamp_Crystal_ceiling.htm'); TF99.add(TF101); var TF102=new WebFXTreeItem('Floor lamp','professional_lamp_Crystal_Floor.htm'); TF99.add(TF102); var TF103=new WebFXTreeItem('Pendant lamp','professional_lamp_Crystal_pendant.htm'); TF99.add(TF103); var TF104=new WebFXTreeItem('Table lamp','professional_lamp_Crystal_table.htm'); TF99.add(TF104); var TF105=new WebFXTreeItem('Wall lamp','professional_lamp_Crystal_wall.htm'); TF99.add(TF105); TF98.add(TF99); var TF106=new WebFXTreeItem('Resin lamp','professional_lamp_resin.htm'); var TF107=new WebFXTreeItem('Chandelier','professional_lamp_resin_chandelier.htm'); TF106.add(TF107); var TF108=new WebFXTreeItem('Resin table lamp','professional_lamp_resin_Resintable.htm'); TF106.add(TF108); TF98.add(TF106); var TF109=new WebFXTreeItem('Marble alabaster light','professional_lamp_marble_alabaster.htm'); var TF110=new WebFXTreeItem('Ceiling lamp','professional_lamp_marble_alabaster_ceiling.htm'); TF109.add(TF110); var TF111=new WebFXTreeItem('Floor stand lamp','professional_lamp_marble_alabaster_floor_stand.htm'); TF109.add(TF111); var TF112=new WebFXTreeItem('Light panel','professional_lamp_marble_alabaster_light_board.htm'); TF109.add(TF112); var TF113=new WebFXTreeItem('Marble table lamp','professional_lamp_marble_alabaster_marble_table.htm'); TF109.add(TF113); var TF114=new WebFXTreeItem('Pendant lamp','professional_lamp_marble_alabaster_pendant.htm'); TF109.add(TF114); var TF115=new WebFXTreeItem('Wall lamp','professional_lamp_marble_alabaster_wall.htm'); TF109.add(TF115); TF98.add(TF109); var TF116=new WebFXTreeItem('Ceramic lamp','professional_lamp_ceramic.htm'); TF98.add(TF116); var TF117=new WebFXTreeItem('Cloth craft lamp','professional_lamp_Cloth_craft_lamp.htm'); TF98.add(TF117); var TF118=new WebFXTreeItem('Fiber optic','professional_lamp_Fiberoptic.htm'); TF98.add(TF118); var TF119=new WebFXTreeItem('Flower grass light','professional_lamp_Flower_grass.htm'); TF98.add(TF119); var TF120=new WebFXTreeItem('Iron art lamp','professional_lamp_Iron_art.htm'); TF98.add(TF120); var TF121=new WebFXTreeItem('Crystal flower light','professional_lamp_metal_crystal_art.htm'); TF98.add(TF121); var TF122=new WebFXTreeItem('Metal crystal light','professional_lamp_metal_glass.htm'); TF98.add(TF122); var TF123=new WebFXTreeItem('Rattan art light','professional_lamp_rattan.htm'); TF98.add(TF123); var TF124=new WebFXTreeItem('Sheep skin lamp','professional_lamp_sheep_skin.htm'); TF98.add(TF124); var TF125=new WebFXTreeItem('Wooden lamp','professional_lamp_wooden.htm'); TF98.add(TF125); var TF126=new WebFXTreeItem('Ball lamp','professional_lamp_ball_lamp.htm'); TF98.add(TF126); TF0.add(TF98); var TF127=new WebFXTreeItem('Special lamp','special_lamp.htm'); var TF128=new WebFXTreeItem('Emergency light','special_lamp_emergency.htm'); var TF129=new WebFXTreeItem('Emergency fitting','special_lamp_emergency_general.htm'); TF128.add(TF129); var TF130=new WebFXTreeItem('Portable','special_lamp_emergency_portable.htm'); TF128.add(TF130); var TF131=new WebFXTreeItem('Signs','special_lamp_emergency_signs.htm'); TF128.add(TF131); TF127.add(TF128); var TF132=new WebFXTreeItem('Aroma oil warmer','special_lamp_aroma_oil_warmer.htm'); TF127.add(TF132); var TF133=new WebFXTreeItem('Advertisement panel','special_lamp_box.htm'); TF127.add(TF133); var TF134=new WebFXTreeItem('Calendar lamp','special_lamp_calendar.htm'); TF127.add(TF134); var TF135=new WebFXTreeItem('Eastern lantern','special_lamp_chinese_lantern.htm'); TF127.add(TF135); var TF136=new WebFXTreeItem('Clock light','special_lamp_clock.htm'); TF127.add(TF136); var TF137=new WebFXTreeItem('Flame light','special_lamp_flame.htm'); TF127.add(TF137); var TF138=new WebFXTreeItem('Kill bacteria','special_lamp_kill_bacteria.htm'); TF127.add(TF138); var TF139=new WebFXTreeItem('Magic lava light','special_lamp_magic.htm'); TF127.add(TF139); var TF140=new WebFXTreeItem('Projector lamp','special_lamp_projector.htm'); TF127.add(TF140); var TF141=new WebFXTreeItem('Stage light','special_lamp_stage.htm'); TF127.add(TF141); var TF142=new WebFXTreeItem('Tiffany lamp','special_lamp_tiffany.htm'); TF127.add(TF142); var TF143=new WebFXTreeItem('Water fountain light','special_lamp_water_fountain.htm'); TF127.add(TF143); var TF144=new WebFXTreeItem('Kill pest lamp','special_lamp_kill_pest.htm'); TF127.add(TF144); var TF145=new WebFXTreeItem('Water mist lamp','special_lamp_water_mist.htm'); TF127.add(TF145); var TF146=new WebFXTreeItem('Night light','special_lamp_night.htm'); TF127.add(TF146); TF0.add(TF127); var TF76=new WebFXTreeItem('Outdoor lamp','outdoor_lamp.htm'); var TF77=new WebFXTreeItem('Coconut light','outdoor_lamp_coco.htm'); TF76.add(TF77); var TF78=new WebFXTreeItem('Weather proof light','outdoor_lamp_damp_proof.htm'); TF76.add(TF78); var TF79=new WebFXTreeItem('Fireworks lamp','outdoor_lamp_fireworks.htm'); TF76.add(TF79); var TF80=new WebFXTreeItem('Flood spot light','outdoor_lamp_flood_spot.htm'); TF76.add(TF80); var TF81=new WebFXTreeItem('Garden light','outdoor_lamp_garden.htm'); TF76.add(TF81); var TF82=new WebFXTreeItem('Ground light','outdoor_lamp_ground.htm'); TF76.add(TF82); var TF83=new WebFXTreeItem('Landscape light','outdoor_lamp_landscape.htm'); TF76.add(TF83); var TF84=new WebFXTreeItem('Lawn lamp','outdoor_lamp_lawn.htm'); TF76.add(TF84); var TF85=new WebFXTreeItem('Outdoor wall lamp','outdoor_lamp_outwall.htm'); TF76.add(TF85); var TF86=new WebFXTreeItem('Plants light','outdoor_lamp_plants.htm'); TF76.add(TF86); var TF87=new WebFXTreeItem('Street light','outdoor_lamp_street.htm'); TF76.add(TF87); var TF88=new WebFXTreeItem('Solar light','outdoor_lamp_solar.htm'); TF76.add(TF88); var TF89=new WebFXTreeItem('Stainless light','outdoor_lamp_stainless.htm'); TF76.add(TF89); var TF90=new WebFXTreeItem('Under water light','outdoor_lamp_under_water.htm'); TF76.add(TF90); var TF91=new WebFXTreeItem('Yard lamp','outdoor_lamp_yard.htm'); TF76.add(TF91); var TF92=new WebFXTreeItem('Road light','outdoor_lamp_road.htm'); TF76.add(TF92); var TF93=new WebFXTreeItem('Outdoor lanterns','outdoor_lamp_lanterns.htm'); TF76.add(TF93); var TF94=new WebFXTreeItem('High pole light','outdoor_lamp_high_pole.htm'); TF76.add(TF94); TF0.add(TF76); var TF95=new WebFXTreeItem('Light sources','lamp_bulb.htm'); var TF96=new WebFXTreeItem('Energy saving lamp','lamp_bulb_Energysaving.htm'); TF95.add(TF96); var TF97=new WebFXTreeItem('Other ','lamp_bulb_other.htm'); TF95.add(TF97); TF0.add(TF95);
document.write(TF0);
}
}
function WebFXCookie() {
if (document.cookie.length) { this.cookies = ' ' + document.cookie; }
}
WebFXCookie.prototype.setCookie = function (key, value) {
document.cookie = key + "=" + escape(value);
}
WebFXCookie.prototype.getCookie = function (key) {
if (this.cookies) {
var start = this.cookies.indexOf(' ' + key + '=');
if (start == -1) { return null; }
var end = this.cookies.indexOf(";", start);
if (end == -1) { end = this.cookies.length; }
end -= start;
var cookie = this.cookies.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
}
else { return null; }
}
/*
* WebFXTreeAbstractNode class
*/
function WebFXTreeAbstractNode(sText, sAction) {
this.childNodes = [];
this.id = webFXTreeHandler.getId();
this.text = sText || webFXTreeConfig.defaultText;
this.action = sAction || webFXTreeConfig.defaultAction;
this._last = false;
webFXTreeHandler.all[this.id] = this;
}
/*
* To speed thing up if you're adding multiple nodes at once (after load)
* use the bNoIdent parameter to prevent automatic re-indentation and call
* the obj.ident() method manually once all nodes has been added.
*/
WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
node.parentNode = this;
this.childNodes[this.childNodes.length] = node;
var root = this;
if (this.childNodes.length >=2) {
this.childNodes[this.childNodes.length -2]._last = false;
}
while (root.parentNode) { root = root.parentNode; }
if (root.rendered) {
if (this.childNodes.length >= 2) {
document.getElementById(this.childNodes[this.childNodes.length -2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
if (this.childNodes[this.childNodes.length -2].folder) {
this.childNodes[this.childNodes.length -2].plusIcon = webFXTreeConfig.tPlusIcon;
this.childNodes[this.childNodes.length -2].minusIcon = webFXTreeConfig.tMinusIcon;
}
this.childNodes[this.childNodes.length -2]._last = false;
}
this._last = true;
var foo = this;
while (foo.parentNode) {
for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
if (foo.id == foo.parentNode.childNodes[i].id) { break; }
}
if (++i == foo.parentNode.childNodes.length) { foo.parentNode._last = true; }
else { foo.parentNode._last = false; }
foo = foo.parentNode;
}
webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
if ((!this.folder) && (!this.openIcon)) {
this.icon = webFXTreeConfig.folderIcon;
this.openIcon = webFXTreeConfig.openFolderIcon;
}
if (!this.folder) { this.folder = true; this.collapse(true); }
if (!bNoIdent) { this.indent(); }
}
return node;
}
WebFXTreeAbstractNode.prototype.toggle = function() {
if (this.folder) {
if (this.open) { this.collapse(); }
else { this.expand(); }
} }
WebFXTreeAbstractNode.prototype.select = function() {
document.getElementById(this.id + '-anchor').focus();
}
WebFXTreeAbstractNode.prototype.deSelect = function() {
document.getElementById(this.id + '-anchor').className = '';
webFXTreeHandler.selected = null;
}
WebFXTreeAbstractNode.prototype.focus = function() {
if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); }
webFXTreeHandler.selected = this;
if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; }
document.getElementById(this.id + '-anchor').className = 'selected';
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -