Sitene Açılan Menü Ekleyin

<!--- KAYNAK: http://www.gezginler.net ---><br /><script LANGUAGE="JavaScript">function CC_noErrors() {return true;}window.onerror = CC_noErrors;<br /></script><br /><script type="text/javascript"><br />/** Bismillaahirrohmaanirrohiim<br />* @package doiMenu v.1.4 author Donna Iwan Setiawan<br />* @email pagi@donnaiwan.com homepage http://www.donnaiwan.com*/<br />var _params = new TParameter()<br />var _browser = new TBrowser()<br /><br />//browser constructor<br />function TBrowser()<br />{<br /> this._name =''<br /> this._version = ''<br /> this._os =''<br />}<br /><br /><br />//start:function browser checking<br />var detect = navigator.userAgent.toLowerCase();<br />var total,thestring;<br /><br />if (checkIt('konqueror'))<br />{<br /> _browser._name = "Konqueror";<br /> _browser._os = "Linux";<br />}<br />else if (checkIt('safari')) _browser._name = "Safari"<br />else if (checkIt('omniweb')) _browser._name = "OmniWeb"<br />else if (checkIt('opera')) _browser._name = "Opera"<br />else if (checkIt('webtv')) _browser._name = "WebTV";<br />else if (checkIt('icab')) _browser._name = "iCab"<br />else if (checkIt('msie')) _browser._name = "IE"<br />else if (!checkIt('compatible'))<br />{<br /> _browser._name = "Netscape"<br /> _browser._version = detect.charAt(8);<br />}<br />else _browser._name = "none";<br /><br />if (_browser._version == '') _browser._version = detect.charAt(place + thestring.length);<br /><br />if (_browser._os == '')<br />{<br /> if (checkIt('linux')) _browser._os = "Linux";<br /> else if (checkIt('x11')) _browser._os = "Unix";<br /> else if (checkIt('mac')) _browser._os = "Mac"<br /> else if (checkIt('win')) _browser._os = "Windows"<br /> else _browser._os = "none";<br />}<br /><br />function checkIt(string)<br />{<br /> place = detect.indexOf(string) + 1;<br /> thestring = string;<br /> return place;<br />}<br />//end:function browser checking<br /><br /><br />//Main Menu Constructor<br />function TMainMenu(id,direction)<br />{<br /> this._id = id<br /> this._parent = '' //di set pada saat Add() method -->belum kepake<br /> this._width ='auto'<br /> this._direction = direction //direction = 'horizontal' atau 'vertical'<br /> this._position= 'absolute' <br /> this._top = 0<br /> this._left = 0<br /> this._cellSpacing =5<br /> this._itemHeight = 'auto' //dengan satuan bisa 'auto' atau ''<br /> this._itemWidth = 'auto' //dengan satuan bisa 'auto' atau ''<br /> this._textAlign = 'center'<br /> this._backColor = 'buttonface'<br /> this._outerBorder = new TBorder()<br /> this._innerBorder = new TBorder() //bug: harus diisi jangan none atau 0px<br /> this._noShadow = true<br /> this._itemIndex = -1<br /> this._items = new Array()<br /> this.Add = AddItem<br /> this.Draw = DrawMenu<br /> this.Init = InitMenu<br /> this.Build = BuildMenu<br />}<br />//Pop Menu Constructor<br />function TPopMenu(id,label,icon,clickType,clickParam,status)<br />{<br /> //status belum kepake<br /> //rencana buat status di statusbar<br /> this._id = id<br /> this._parent = '' //di set pada saat Add() method -->belum kepake<br /> this._label = label<br /> this._top = 0<br /> this._left = 0<br /> this._status = status<br /> if(icon == "")<br /> this._icon = '<td class="TIcon"><img src="none.gif" /></td>'<br /> else if(icon == '9x')<br /> this._icon = '' <br /> else<br /> this._icon = '<td class="TIcon"><img class="TIcon" src="'+icon+'" /></td>'<br /><br /> this._itemIndex = -1<br /> this._items = new Array()<br /> <br /> switch(clickType)<br /> {<br /> case 'function':<br /> this._eClick = ' onclick="'+clickParam+'"'<br /> break;<br /> default:<br /> this._eClick = ''<br /> }<br /> <br /> this.Add = AddItem<br /> this.Draw = DrawPopMenu<br />}<br />//Parameter buat Menu<br />function TParameter()<br />{<br /> this._width = 200 //lebar popup menu in px<br /> this._separator = new TSeparator()<br /> this._expandIcon = new TExpandIcon()<br /> <br /> this._font = new TFont()<br /> this._font._family = 'tahoma,verdana,sans-serif,arial'<br /> this._font._size = '8pt'<br /> <br /> //untuk pop menu<br /> this._hlItemBorderColor = 'navy'<br /> this._hlItemTextColor = 'white'<br /> this._hlItemBackColor = '#B6BDD2'<br /> this._itemBorderColor = 'none'<br /> this._itemTextColor = 'black'<br /> this._itemBackColor = 'transparent'<br /> <br /> //untuk main menu<br /> this._mmPosition = 'absolute' //dioverwrite dengan TMainMenu._position pada saat TMainMenu.Build()<br /> <br /> this._mmItemTextColor = 'black'<br /> this._mmItemBackColor = 'transparent'<br /> this._mmHLItemTextColor = 'white'<br /> this._mmHLItemBackColor = '#B6BDD2'<br /> <br /> this._mmItemBorder = new TBorder() //dioverwrite dengan TMainMenu._innerBorder pada saat TMainMenu.Build()<br /> this._mmHLItemBorder = new TBorder()<br /> this._mmHLItemBorder._top ='1px navy solid'<br /> this._mmHLItemBorder._right ='1px navy solid'<br /> this._mmHLItemBorder._bottom ='1px navy solid'<br /> this._mmHLItemBorder._left ='1px navy solid'<br /> <br /> this._mmItemTextColorClick = 'white'<br /> this._mmItemBackColorClick = '#B6BDD2'<br /> this._mmItemBorderClick = new TBorder()<br /> this._mmItemBorderClick._top ='1px navy solid'<br /> this._mmItemBorderClick._right ='1px navy solid'<br /> this._mmItemBorderClick._bottom ='1px navy solid'<br /> this._mmItemBorderClick._left ='1px navy solid'<br /> <br /> this._popBack = new TBackground()<br /> this._popBack._color = 'whitesmoke'<br /> this._popBack._image = 'url("xp.gif")'<br /> this._popBack._repeat = 'repeat-y'<br /> <br /> this._popBorder = new TBorder()<br /> this._popBorder._top = '1px black solid'<br /> this._popBorder._right = '1px black solid'<br /> this._popBorder._bottom = '1px black solid'<br /> this._popBorder._left = '1px black solid'<br /> <br /> this._createShadow = true<br /> this._shadowColor = '#E8E8E8'<br /> this._shadowDistance = 3 //in pixel<br /> <br /> this._timeOut = 2000 //in milliseconds<br />}<br />function TSeparator()<br />{<br /> this._align = 'center' //available value: 'left','center','right'<br /> this._width = 200 //in pixel<br /> this._margin = "0px 0px 0px 0px"; //top right bottom left margin --> dioverwrite<br /> this._border = new TBorder() //_left and _right --> tidak kepake<br /> this._border._top = '1px black solid'<br /> this._border._bottom = '1px white solid'<br />}<br />function TFont()<br />{<br /> this._family = 'arial,times,sans-serif'<br /> this._size = '8pt'<br />}<br />function TBackground()<br />{<br /> this._image = 'url/link.gif'<br /> this._repeat = 'no-repeat'<br /> this._color = 'transparent'<br /> this._position = 'top left'<br />}<br />function TExpandIcon()<br />{<br /> this._symbol = '>'<br /> this._font = new TFont()<br /> this._font._size = '6pt'<br />}<br />//Border Constructor<br />function TBorder()<br />{<br /> this._top='1px gray solid'<br /> this._right ='1px gray solid'<br /> this._bottom ='1px gray solid'<br /> this._left='1px gray solid'<br /> <br />}<br />//public<br />function BuildMenu()<br />{<br /> var result =""<br /> var level = -1<br /> <br /> _params._mmPosition = this._position<br /> _params._mmItemBorder._top = this._innerBorder._top<br /> _params._mmItemBorder._right = this._innerBorder._right<br /> _params._mmItemBorder._bottom = this._innerBorder._bottom<br /> _params._mmItemBorder._left = this._innerBorder._left<br /><br /> result += BuildStyle()<br /> result += this.Draw(level++)<br /> level++<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br /> result +=this._items[i].Draw(level)<br /> result += BuildPopUpMenu(this._items[i],level)<br /> }<br /> return result<br />}<br /><br />//public<br />function InitMenu()<br />{<br /> var el_menu = document.getElementById(this._id)<br /> //el_menu.style.position = this._position<br /> if(this._position == 'absolute')<br /> {<br /> el_menu.style.top = this._top<br /> el_menu.style.left = this._left<br /> }else<br /> {<br /> this._top = el_menu.offsetTop<br /> this._left = el_menu.offsetLeft<br /> } <br /> el_menu.style.borderTop = this._outerBorder._top<br /> el_menu.style.borderRight = this._outerBorder._right<br /> el_menu.style.borderBottom = this._outerBorder._bottom<br /> el_menu.style.borderLeft = this._outerBorder._left<br /> el_menu.style.backgroundColor = this._backColor<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br /> var el_menuitem = document.getElementById('pr_'+this._items[i]._id)<br /> <br /> if(this._itemHeight.toLowerCase() != 'auto' || this._itemHeight != '')<br /> el_menuitem.style.height = this._itemHeight<br /> if(this._itemWidth.toLowerCase() != 'auto' || this._itemWidth != '')<br /> el_menuitem.style.width = this._itemWidth<br /> <br /> el_menuitem.style.borderTop = this._innerBorder._top<br /> el_menuitem.style.borderRight = this._innerBorder._right<br /> el_menuitem.style.borderBottom = this._innerBorder._bottom<br /> el_menuitem.style.borderLeft = this._innerBorder._left<br /> el_menuitem.style.textAlign = this._textAlign<br /> <br /> el_menuitem.style.backgroundColor = _params._mmItemBackColor<br /> el_menuitem.style.color = _params._mmItemTextColor<br /><br /> if(this._items[i]._itemIndex > -1)<br /> { <br /> var el_pop = document.getElementById(this._items[i]._id)<br /> if(this._direction == 'horizontal')<br /> {<br /> this._items[i]._top = el_menuitem.offsetTop + el_menuitem.offsetHeight+this._top + 1<br /> this._items[i]._left = el_menuitem.offsetLeft + this._left<br /> }<br /> else<br /> {<br /> this._items[i]._top = el_menuitem.offsetTop +this._top<br /> this._items[i]._left = el_menuitem.offsetLeft + el_menuitem.offsetWidth+this._left+ 4<br /> }<br /> <br /> el_pop.style.top = this._items[i]._top + 'px'<br /> el_pop.style.left = this._items[i]._left + 'px'<br /> el_pop.style.width = _params._width + 'px'<br /> el_pop.style.zIndex = 1<br /> <br /> //shadow<br /> if(_params._createShadow)<br /> {<br /> var sh_el_pop = document.getElementById('sh_'+this._items[i]._id)<br /> sh_el_pop.style.top= this._items[i]._top + _params._shadowDistance + 'px'<br /> sh_el_pop.style.left= this._items[i]._left + _params._shadowDistance + 'px'<br /> sh_el_pop.style.width= el_pop.offsetWidth <br /> sh_el_pop.style.height= el_pop.offsetHeight<br /> sh_el_pop.style.backgroundColor = _params._shadowColor<br /> } <br /> InitPopMenu(this._items[i],1) <br /> }<br /> } <br /> //main menu shadow<br /> if(!this._noShadow)<br /> {<br /> var sh_el = document.getElementById('sh_'+this._id)<br /><br /> sh_el.style.top = this._top + _params._shadowDistance +'px'<br /> sh_el.style.left= this._left + _params._shadowDistance +'px'<br /><br /> sh_el.style.width = el_menu.offsetWidth<br /> sh_el.style.height = el_menu.offsetHeight<br /> sh_el.style.backgroundColor = _params._shadowColor<br /> }<br />}<br />//private<br />function DrawMenu(level)<br />{<br /> var result = ""<br /> //main menu shadow<br /> if(!this._noShadow)<br /> {<br /> result +='<div style="position:absolute;" id="sh_'+this._id+'"></div>'<br /> }<br /> <br /> result +='<table class="TMenu" id="'+this._id+'"'<br /> if(this._width != 'auto' || this._width != '')<br /> result +=' width="'+this._width+'"' <br /> result +=' cellspacing="'+this._cellSpacing+'">'<br /> <br /> if(this._direction == 'horizontal')<br /> result +='<tr>'<br /> if(this._itemIndex > -1)<br /> {<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br /> var result1 = ''<br /> result1 += '<td nowrap class="TMenuItem" id="pr_'+this._items[i]._id+'"'<br /> if(this._items[i]._itemIndex > -1)<br /> {<br /> result1 += ' onmouseover="onMainMOver(event,this,\''+this._items[i]._id+'\','+level+')"'<br /> result1 += 'onclick="onMainClick(event,this,\''+this._items[i]._id+'\')"'<br /> result1 += ' onmouseout="onMainMOut(event,this,\''+this._items[i]._id+'\')"'<br /> }<br /> else<br /> {<br /> result1 += ' onmouseover="onMainMOver(event,this,\'\')"'<br /> result1 += ' onmouseout="onMainMOut(event,this,\'\')"'<br /> }<br /> result1 += '>'+this._items[i]._label+'</td>'<br /> <br /> if(this._direction == 'horizontal')<br /> result += result1<br /> else<br /> result += '<tr>'+result1+'</tr>'<br /> }<br /> }<br /> else<br /> {<br /> var result1 = ''<br /> result1 +='<td> </td>'<br /> if(this._direction == 'horizontal')<br /> result += result1<br /> else<br /> result +='<tr>'+result1+'</tr>'<br /> }<br /> if(this._direction == 'horizontal')<br /> result += '</tr>'<br /> result +='</table>'<br /> return result<br />}<br />//private<br />function DrawPopMenu(level)<br />{<br /> var result =""<br /> if(this._itemIndex > -1)<br /> {<br /> //shadow<br /> if(_params._createShadow)<br /> { <br /> result += '<div style="position:absolute;visibility:hidden;" id="sh_'+this._id+'"></div>'<br /> }<br /> <br /> result += '<div class="TPopUp" id="'+this._id+'">'<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br /> if(this._items[i]._label != '-')<br /> {<br /> //jika child punya child lagi<br /> if(this._items[i]._itemIndex > -1)<br /> {<br /> result += '<div class="TPopUpItem" id="di_'+this._items[i]._id+'">'<br /> result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'<br /> result += ' onmouseover="onPopItemMOver(event,this,\''+this._items[i]._id+'\','+level+')"'<br /> result += ' onmouseout="onPopItemMOut(event,this,\''+this._items[i]._id+'\')"'<br /> result +=' id="pr_'+this._items[i]._id+'"><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td><td class="TExpand">'+_params._expandIcon._symbol+'</td>'<br /> }<br /> else<br /> {<br /> result += '<div class="TPopUpItem">'<br /> result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'<br /> result += ' onmouseover="onPopItemMOver(event,this,\'\','+level+')"'<br /> result += ' onmouseout="onPopItemMOut(event,this,\'\')"'<br /> result += this._items[i]._eClick<br /> result +='><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td>'<br /> }<br /> result += '</tr></table>'<br /> result += '</div>'<br /> }<br /> else<br /> { <br /> //ie butuh margin-right:-2px<br /> if(_browser._name == 'IE')<br /> result +='<div style="margin-right:-2px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'<br /> else<br /> result +='<div style="margin-right:0px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>' <br /> }<br /> }<br /> result +='</div>'<br /> }<br /> return result<br />}<br />//global<br />function AddItem(popMenu)<br />{<br /> this._itemIndex++<br /> this._items[this._itemIndex] = popMenu<br /> this._items[this._itemIndex]._parent = popMenu._id<br />}<br />//global<br />function InitPopMenu(popMenu,zIndex)<br />{<br /> if(popMenu._itemIndex > -1)<br /> {<br /> for(var i=0;i<=popMenu._itemIndex;i++)<br /> {<br /> if(popMenu._items[i]._itemIndex > -1)<br /> {<br /> var pr_el = document.getElementById('pr_'+popMenu._items[i]._id)<br /> var el = document.getElementById(popMenu._items[i]._id)<br /> popMenu._items[i]._top = popMenu._top + pr_el.offsetTop<br /> popMenu._items[i]._left = popMenu._left + _params._width - 3<br /> el.style.top = popMenu._items[i]._top +'px'<br /> el.style.left = popMenu._items[i]._left + 'px'<br /> el.style.width =_params._width<br /> zIndex++<br /> el.style.zIndex = zIndex<br /> <br /> //shadow<br /> if(_params._createShadow)<br /> {<br /> var sh_el = document.getElementById('sh_'+popMenu._items[i]._id)<br /> sh_el.style.top= popMenu._items[i]._top + _params._shadowDistance + 'px'<br /> sh_el.style.left= popMenu._items[i]._left + _params._shadowDistance + 'px'<br /> sh_el.style.width= el.offsetWidth <br /> sh_el.style.height= el.offsetHeight<br /> sh_el.style.backgroundColor = _params._shadowColor<br /> } <br /> InitPopMenu(popMenu._items[i],zIndex)<br /> }<br /> }<br /> }<br />}<br />//global<br />function BuildPopUpMenu(popMenu,level)<br />{<br /> var result = ""<br /> level++<br /> for(var i=0;i<=popMenu._itemIndex;i++)<br /> {<br /> result += popMenu._items[i].Draw(level)<br /> result += BuildPopUpMenu(popMenu._items[i],level)<br /> }<br /> return result<br />}<br />//global<br />function BuildStyle()<br />{<br /> var result = ''<br /> result +='<style type="text/css">' <br /> <br /> result +='table.TMenu{cursor:default'<br /> result +=';position:'+_params._mmPosition<br /> result +=';font-family:'+ _params._font._family<br /> result +=';font-size:'+ _params._font._size<br /> result +=';}' <br /> <br /> result +='td.TMenuItem{padding:1px 5px 1px 5px'<br /> result +=';}'<br /> result +='div.TPopUp{position:absolute;padding: 1px 1px 1px 1px;visibility:hidden'<br /> result +=';border-top:'+ _params._popBorder._top<br /> result +=';border-right:'+_params._popBorder._right<br /> result +=';border-bottom:'+_params._popBorder._bottom<br /> result +=';border-left:'+_params._popBorder._left<br /> result +=';background-color:'+ _params._popBack._color<br /> result +=';background-image:'+ _params._popBack._image<br /> result +=';background-position:' + _params._popBack._position<br /> result +=';background-repeat:'+ _params._popBack._repeat<br /> result +=';display:block'<br /> result +=';}'<br /> <br /> result +='table.TPopUpItem{width:100%;cursor:default;'<br /> result +='font-family:'+_params._font._family+';font-size:'+_params._font._size+';}'<br /><br /> result +='div.TPopUpItem{cursor:default;background-color:'+ _params._itemBackColor+';'<br /> if(_params._itemBorderColor.toLowerCase() == 'none' || _params._itemBorderColor == '')<br /> {<br /> result +='padding:1px 1px 1px 1px;'<br /> result +='border:0px red solid;'<br /> }<br /> else<br /> {<br /> result +='padding:0px 0px 0px 0px;'<br /> result +='border:1px '+_params._itemBorderColor+' solid;'<br /> }<br /> result +='}' <br /> result +='div.TPopUpItem1{cursor:default;background-color :'+_params._hlItemBackColor+';'<br /> if(_params._hlItemBorderColor.toLowerCase() == 'none' || _params._hlItemBorderColor == '')<br /> {<br /> result +='padding:1px 1px 1px 1px;'<br /> result +='border:0px none solid;'<br /> }<br /> else<br /> {<br /> result +='padding:0px 0px 0px 0px;'<br /> result +='border:1px '+_params._hlItemBorderColor+' solid;'<br /> } <br /> result +='}'<br /> //separator<br /> _params._separator._width=((_params._width - _params._separator._width) < 0)?_params._width:_params._separator._width<br /> <br /> var _div = Math.floor((_params._width - _params._separator._width)/2)<br /> switch(_params._separator._align)<br /> {<br /> case 'left':<br /> _params._separator._margin = '0px '+(_div*2)+'px 0px 0px'<br /> break<br /> case 'right':<br /> _params._separator._margin = '0px 0px 0px '+(_div*2)+'px'<br /> break<br /> default:<br /> _params._separator._margin = '0px '+_div+'px 0px '+_div+'px'<br /> }<br /> result +='div.TSeparator{'<br /> result +='margin:'+_params._separator._margin<br /> result +=';border-top:'+_params._separator._border._top<br /> result +=';border-bottom:'+_params._separator._border._bottom<br /> result +=';}'<br /> <br /> result +='td.TExpand{text-align:right;font-family:'+_params._expandIcon._font._family<br /> result +=';font-size:'+_params._expandIcon._font._size+';}'<br /><br /> result +='td.TIcon{width:24px;text-align:left;}'<br /> result +='img.TIcon{width:16px;vertical-align:middle;}'<br /> result +='</style>' <br /> return result<br />}<br />/*<br /> fungsi2 di bawah merupakan fungsi untuk memanipulasi menu<br /> mulai dari mouse over,mouse out,mouse click<br />*/<br /><br />var RegisterPopUpMenuID = new Array() //array menyimpan id popup menu yang muncul<br />var RegisterPopUpMenuIndex = -1 //index terakhir dari id popup menu yang te-register di atas<br />/*<br /> menyimpan state item yang membuka pop up menu<br />*/<br />var RegisterTriggerPopID = new Array()<br />var RegisterTriggerPopIndex = -1<br /><br />/*<br /> untuk menyimpan state click pada main menu<br /> false berarti harus diclick dulu baru muncul pop up<br /> true berarti hanya dgn mouse over, muncul pop up<br />*/<br />var MainMenuClick = false<br /><br />//start: basic functions<br />function findTriggerPopID(elmID)<br />{<br /> var result = -1<br /> for(var i=0;i<=RegisterTriggerPopIndex;i++)<br /> {<br /> if(RegisterTriggerPopID[i] == elmID)<br /> {<br /> result = i<br /> break<br /> }<br /> }<br /> return result<br />}<br />/*<br /> mengubah style dari anchor<br /> pada saat anchor mouse over memunculkan pop up menu<br /> syle diganti agar tetap seperti kondisi hover<br />*/<br />function saveTriggerPopID(elmID)<br />{<br /> RegisterTriggerPopIndex++<br /> RegisterTriggerPopID[RegisterTriggerPopIndex] = elmID<br /> var el = document.getElementById(elmID)<br /> if(el.className == "TMenuItem")<br /> {<br /> el.style.backgroundColor=_params._mmItemBackColorClick<br /> el.style.color = _params._mmItemTextColorClick<br /> <br /> el.style.borderTop= _params._mmItemBorderClick._top<br /> el.style.borderRight= _params._mmItemBorderClick._right<br /> el.style.borderBottom= _params._mmItemBorderClick._bottom<br /> el.style.borderLeft= _params._mmItemBorderClick._left <br /> <br /> }<br /> else<br /> {<br /> el.className = "TPopUpItem1"<br /> }<br />}<br />/*<br /> mengembalikan style ke style awal<br />*/<br />function removeTriggerPopID(elmID)<br />{<br /> var index = findTriggerPopID(elmID)<br /> if(index > -1)<br /> {<br /> for(var i=RegisterTriggerPopIndex;i>=index;i--)<br /> {<br /> var ID = RegisterTriggerPopID[i] <br /> var el = document.getElementById(ID)<br /> if(el.className == "TMenuItem")<br /> {<br /> el.style.backgroundColor=_params._mmItemBackColor<br /> el.style.color = _params._mmItemTextColor<br /> el.style.borderTop= _params._mmItemBorder._top<br /> el.style.borderRight= _params._mmItemBorder._right<br /> el.style.borderBottom= _params._mmItemBorder._bottom<br /> el.style.borderLeft= _params._mmItemBorder._left<br /> }<br /> else<br /> {<br /> var IDLen = ID.length<br /> var tableID = 'pr_'+ ID.substr(3,IDLen)<br /> var elTable = document.getElementById(tableID) <br /> el.className = "TPopUpItem"<br /> elTable.style.color =_params._itemTextColor<br /> }<br /> RegisterTriggerPopID[i] = null<br /> }<br /> RegisterTriggerPopIndex = index - 1<br /> }<br />}<br />function removeTriggerPopIDByIndex(index)<br />{<br /> if(RegisterTriggerPopIndex > -1 && index > -1)<br /> {<br /> for(var i=RegisterTriggerPopIndex;i>=index;i--)<br /> {<br /> var ID = RegisterTriggerPopID[i] <br /> var el = document.getElementById(ID)<br /> if(el.className == "TMenuItem")<br /> {<br /> el.style.backgroundColor=_params._mmItemBackColor<br /> el.style.color = _params._mmItemTextColor<br /> el.style.borderTop= _params._mmItemBorder._top<br /> el.style.borderRight= _params._mmItemBorder._right<br /> el.style.borderBottom= _params._mmItemBorder._bottom<br /> el.style.borderLeft= _params._mmItemBorder._left<br /> }<br /> else<br /> {<br /> var IDLen = ID.length<br /> var tableID = 'pr_'+ ID.substr(3,IDLen)<br /> var elTable = document.getElementById(tableID) <br /> el.className = "TPopUpItem"<br /> elTable.style.color =_params._itemTextColor<br /> }<br /> RegisterTriggerPopID[i] = null<br /> }<br /> RegisterTriggerPopIndex = index - 1<br /> }<br />}<br />function removeAllTriggerPopID()<br />{<br /> if(RegisterTriggerPopIndex > -1)<br /> {<br /> for(var i=RegisterTriggerPopIndex;i>=0;i--)<br /> {<br /> var ID = RegisterTriggerPopID[i]<br /> var el = document.getElementById(ID)<br /> if(el.className == "TMenuItem")<br /> {<br /> if(MainMenuClick)<br /> {<br /> el.style.backgroundColor=_params._mmItemBackColor<br /> el.style.color = _params._mmItemTextColor<br /> el.style.borderTop= _params._mmItemBorder._top<br /> el.style.borderRight= _params._mmItemBorder._right<br /> el.style.borderBottom= _params._mmItemBorder._bottom<br /> el.style.borderLeft= _params._mmItemBorder._left<br /> }<br /> }<br /> else<br /> {<br /> var IDLen = ID.length<br /> var tableID = 'pr_'+ ID.substr(3,IDLen)<br /> var elTable = document.getElementById(tableID)<br /><br /> el.className = "TPopUpItem"<br /> elTable.style.color =_params._itemTextColor<br /> } <br /> RegisterTriggerPopID[i] = null<br /> }<br /> RegisterTriggerPopIndex = - 1<br /> } <br />}<br />function findRegisteredPopUpMenuID(elmID)<br />{<br /> var result=-1<br /> for(var i=0;i<=RegisterPopUpMenuIndex;i++)<br /> {<br /> if(RegisterPopUpMenuID[i] == elmID)<br /> {<br /> result = i<br /> break<br /> }<br /> }<br /> return result<br />}<br />function showPopUpMenu(elmID)<br />{<br /> //Register PopUpMenu<br /> RegisterPopUpMenuIndex++<br /> RegisterPopUpMenuID[RegisterPopUpMenuIndex] = elmID<br /> document.getElementById(elmID).style.visibility="visible"<br /> if(_params._createShadow)<br /> document.getElementById('sh_'+elmID).style.visibility="visible"<br />}<br />function hidePopUpMenu(elmID)<br />{<br /> var index = findRegisteredPopUpMenuID(elmID)<br /> if(index >-1)<br /> {<br /> for(var i=RegisterPopUpMenuIndex;i>=index;i--)<br /> {<br /> var ID = RegisterPopUpMenuID[i]<br /> document.getElementById(ID).style.visibility="hidden"<br /> if(_params._createShadow)<br /> document.getElementById('sh_'+ID).style.visibility="hidden"<br /> }<br /> RegisterPopUpMenuIndex = index - 1<br /> }<br />}<br />function hidePopUpMenuByIndex(index)<br />{<br /> if(RegisterPopUpMenuIndex >= index)<br /> {<br /> for(var i=RegisterPopUpMenuIndex;i>=index;i--)<br /> {<br /> var ID = RegisterPopUpMenuID[i]<br /> document.getElementById(ID).style.visibility="hidden"<br /> if(_params._createShadow)<br /> document.getElementById('sh_'+ID).style.visibility="hidden"<br /> }<br /> RegisterPopUpMenuIndex = index-1<br /> }<br />}<br />function hideAllPopUpMenu()<br />{<br /> var index = RegisterPopUpMenuIndex<br /> if(index > -1)<br /> {<br /> for(i=index;i>=0;i--)<br /> {<br /> var ID = RegisterPopUpMenuID[i]<br /> document.getElementById(ID).style.visibility="hidden" <br /> if(_params._createShadow)<br /> document.getElementById('sh_'+ID).style.visibility="hidden"<br /> }<br /> }<br /> RegisterPopUpMenuIndex = -1<br />}<br />//end: basic functions<br /><br />//start: fungsi manipulasi main menu<br />var triggerMenu<br />function triggerHideAll()<br />{<br /> triggerMenu = window.setTimeout('hideAll()',_params._timeOut)<br />}<br />function clearTriggerHideAll()<br />{<br /> window.clearTimeout(triggerMenu)<br />}<br />function hideAll()<br />{<br /> hideAllPopUpMenu() <br /> removeAllTriggerPopID()<br /> MainMenuClick = false<br />}<br /><br /><br />function onMainClick(event,elm,popID)<br />{<br /> if(!MainMenuClick)<br /> { <br /> MainMenuClick = true<br /> if(popID !='')<br /> {<br /> showPopUpMenu(popID) <br /> saveTriggerPopID(elm.id)<br /> }<br /> } <br /> else<br /> {<br /> MainMenuClick = false //di false in sebelum removeAllTriggerPopID()<br /> hideAllPopUpMenu()<br /> removeAllTriggerPopID()<br /> <br /> elm.style.backgroundColor= _params._mmHLItemBackColor<br /> elm.style.color = _params._mmHLItemTextColor<br /> <br /> elm.style.borderTop= _params._mmHLItemBorder._top<br /> elm.style.borderRight= _params._mmHLItemBorder._right<br /> elm.style.borderBottom= _params._mmHLItemBorder._bottom<br /> elm.style.borderLeft= _params._mmHLItemBorder._left <br /> }<br /> if(_browser._name == 'IE')<br /> window.event.cancelBubble = true<br /> if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onMainMOver(event,elm,popID,level)<br />{<br /> clearTriggerHideAll()<br /> if(RegisterTriggerPopID[0] != elm.id)<br /> {<br /> if(RegisterTriggerPopID[0] !=null)<br /> {<br /> removeAllTriggerPopID()<br /> }<br /> if(MainMenuClick)<br /> {<br /> hideAllPopUpMenu() <br /> removeAllTriggerPopID()<br /> if(popID !='')<br /> {<br /> showPopUpMenu(popID)<br /> saveTriggerPopID(elm.id)<br /> }<br /> elm.style.backgroundColor=_params._mmItemBackColorClick<br /> elm.style.color = _params._mmItemTextColorClick<br /><br /> elm.style.borderTop= _params._mmItemBorderClick._top<br /> elm.style.borderRight= _params._mmItemBorderClick._right<br /> elm.style.borderBottom= _params._mmItemBorderClick._bottom<br /> elm.style.borderLeft= _params._mmItemBorderClick._left <br /> }<br /> else<br /> {<br /> elm.style.backgroundColor= _params._mmHLItemBackColor<br /> elm.style.color = _params._mmHLItemTextColor<br /> <br /> elm.style.borderTop= _params._mmHLItemBorder._top<br /> elm.style.borderRight= _params._mmHLItemBorder._right<br /> elm.style.borderBottom= _params._mmHLItemBorder._bottom<br /> elm.style.borderLeft= _params._mmHLItemBorder._left <br /> }<br /> }<br /> if(_browser._name == 'IE')<br /> window.event.cancelBubble = true<br /> if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onMainMOut(event,elm,popID)<br />{<br /> if(!MainMenuClick || popID == '')<br /> {<br /> elm.style.backgroundColor= _params._mmItemBackColor<br /> elm.style.color = _params._mmItemTextColor<br /> <br /> elm.style.borderTop= _params._mmItemBorder._top<br /> elm.style.borderRight= _params._mmItemBorder._right<br /> elm.style.borderBottom= _params._mmItemBorder._bottom<br /> elm.style.borderLeft= _params._mmItemBorder._left <br /> }<br /> triggerHideAll()<br /> if(_browser._name == 'IE')<br /> window.event.cancelBubble = true<br /> if (event.stopPropagation) event.stopPropagation(); <br />}<br />//end: fungsi manipulasi main menu<br /><br />//start: fungsi manipulasi popup menu<br />function onPopItemMOver(event,elm,popID,level)<br />{<br /> clearTriggerHideAll()<br /> var index = -1<br /> index = findRegisteredPopUpMenuID(popID)<br /> elm.parentNode.className ='TPopUpItem1'<br /> elm.style.color=_params._hlItemTextColor<br /> if(index == -1)<br /> {<br /> hidePopUpMenuByIndex(level)<br /> removeTriggerPopIDByIndex(level)<br /> }<br /> if(popID !='')<br /> {<br /> if(index == -1)<br /> {<br /> showPopUpMenu(popID)<br /> saveTriggerPopID('di_'+popID)<br /> }<br /> } <br /> if(_browser._name == 'IE')<br /> window.event.cancelBubble = true<br /> if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onPopItemMOut(event,elm,popID)<br />{ <br /> if(popID == '')<br /> {<br /> elm.parentNode.className ='TPopUpItem'<br /> elm.style.color=_params._itemTextColor<br /> }<br /> triggerHideAll()<br /> if(_browser._name == 'IE')<br /> window.event.cancelBubble = true<br /> if (event.stopPropagation) event.stopPropagation(); <br />}<br />//end: fungsi manipulasi popup menu<br /></script><br /><script type="text/javascript"><br />function go2URL(address)<br />{<br /> var elFrame = document.getElementById('doiFrame')<br /> elFrame.src = address<br />}<br />function newWindow(address)<br />{<br /> var maxW = screen.width<br /> var maxH = screen.height<br /> var w = 800<br /> var h = 600<br /> var _top = Math.floor((maxH - h) / 2)<br /> var _left = Math.floor((maxW - w) / 2)<br /> <br /> var win = window.open(address,'doiW',"toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,copyhistory=yes,width="+w+",height="+h)<br /> win.moveTo(_left,_top)<br /> win.focus()<br />}<br /><br /></script><br /></head><br /><body bgcolor="#ebe2d3" onload="mmenu.Init()"><br /><script type="text/javascript"><br />var mmenu = new TMainMenu('mmID','horizontal')<br /><br />var pmFile = new TPopMenu('pmFileID','İÇERİK 1','','','','')<br />var pmcizgi3 = new TPopMenu('','-','','','','')<br /> var pmNew = new TPopMenu('pmNewID','Başlık 1','dosya.gif','','','')<br /> var pmHome = new TPopMenu('pmHomeID','Link 1','home.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmWindow = new TPopMenu('','Başlık 1','acik.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmcizgi1 = new TPopMenu('','-','','','','')<br /> var pmMsg = new TPopMenu('','Link 1','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmPost = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmContact = new TPopMenu('','Link 3','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmInt = new TPopMenu('','Link 4','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmcizgi2 = new TPopMenu('','-','','','','')<br /> var pmLink2 = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmcizgi3 = new TPopMenu('','-','','','','')<br /> var pmLink3= new TPopMenu('','Link 3','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> <br />var pm1 = new TPopMenu('pm1ID','İÇERİK 5','','','','')<br />var pm2 = new TPopMenu('pm2ID','İÇERİK 3','','','','')<br />var pm3 = new TPopMenu('pm3ID','İÇERİK 4','','','','')<br />var pmenu = new TPopMenu('pmenuID','İÇERİK 2','','','','')<br /> var pmenu1 = new TPopMenu('','Link 1','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmenucizgi = new TPopMenu('','-','','','','')<br /> var pmenu2 = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmenu_ = new TPopMenu('','-','','')<br /> var pmenu3 = new TPopMenu('pmenu3ID','Başlık 1','dosya.gif','','','')<br /> var pmenu<br />