<!--- KAYNAK: http://www.renkforum.com --->
<script LANGUAGE="JavaScript">function CC_noErrors() {return true;}window.onerror = CC_noErrors;
</script>
<script type="text/javascript">
/** Bismillaahirrohmaanirrohiim
* @package doiMenu v.1.4 author Donna Iwan Setiawan
* @email pagi@donnaiwan.com homepage http://www.donnaiwan.com*/
var _params = new TParameter()
var _browser = new TBrowser()
//browser constructor
function TBrowser()
{
this._name =''
this._version = ''
this._os =''
}
//start:function browser checking
var detect = navigator.userAgent.toLowerCase();
var total,thestring;
if (checkIt('konqueror'))
{
_browser._name = "Konqueror";
_browser._os = "Linux";
}
else if (checkIt('safari')) _browser._name = "Safari"
else if (checkIt('omniweb')) _browser._name = "OmniWeb"
else if (checkIt('opera')) _browser._name = "Opera"
else if (checkIt('webtv')) _browser._name = "WebTV";
else if (checkIt('icab')) _browser._name = "iCab"
else if (checkIt('msie')) _browser._name = "IE"
else if (!checkIt('compatible'))
{
_browser._name = "Netscape"
_browser._version = detect.charAt(8);
}
else _browser._name = "none";
if (_browser._version == '') _browser._version = detect.charAt(place + thestring.length);
if (_browser._os == '')
{
if (checkIt('linux')) _browser._os = "Linux";
else if (checkIt('x11')) _browser._os = "Unix";
else if (checkIt('mac')) _browser._os = "Mac"
else if (checkIt('win')) _browser._os = "Windows"
else _browser._os = "none";
}
function checkIt(string)
{
place = detect.indexOf(string) + 1;
thestring = string;
return place;
}
//end:function browser checking
//Main Menu Constructor
function TMainMenu(id,direction)
{
this._id = id
this._parent = '' //di set pada saat Add() method -->belum kepake
this._width ='auto'
this._direction = direction //direction = 'horizontal' atau 'vertical'
this._position= 'absolute'
this._top = 0
this._left = 0
this._cellSpacing =5
this._itemHeight = 'auto' //dengan satuan bisa 'auto' atau ''
this._itemWidth = 'auto' //dengan satuan bisa 'auto' atau ''
this._textAlign = 'center'
this._backColor = 'buttonface'
this._outerBorder = new TBorder()
this._innerBorder = new TBorder() //bug: harus diisi jangan none atau 0px
this._noShadow = true
this._itemIndex = -1
this._items = new Array()
this.Add = AddItem
this.Draw = DrawMenu
this.Init = InitMenu
this.Build = BuildMenu
}
//Pop Menu Constructor
function TPopMenu(id,label,icon,clickType,clickParam,status)
{
//status belum kepake
//rencana buat status di statusbar
this._id = id
this._parent = '' //di set pada saat Add() method -->belum kepake
this._label = label
this._top = 0
this._left = 0
this._status = status
if(icon == "")
this._icon = '<td class="TIcon"><img src="none.gif" /></td>'
else if(icon == '9x')
this._icon = ''
else
this._icon = '<td class="TIcon"><img class="TIcon" src="'+icon+'" /></td>'
this._itemIndex = -1
this._items = new Array()
switch(clickType)
{
case 'function':
this._eClick = ' onclick="'+clickParam+'"'
break;
default:
this._eClick = ''
}
this.Add = AddItem
this.Draw = DrawPopMenu
}
//Parameter buat Menu
function TParameter()
{
this._width = 200 //lebar popup menu in px
this._separator = new TSeparator()
this._expandIcon = new TExpandIcon()
this._font = new TFont()
this._font._family = 'tahoma,verdana,sans-serif,arial'
this._font._size = '8pt'
//untuk pop menu
this._hlItemBorderColor = 'green'
this._hlItemTextColor = 'green'
this._hlItemBackColor = '#cccccc'
this._itemBorderColor = 'none'
this._itemTextColor = '#000066'
this._itemBackColor = 'transparent'
//untuk main menu
this._mmPosition = 'absolute' //dioverwrite dengan TMainMenu._position pada saat TMainMenu.Build()
this._mmItemTextColor = '#000066'
this._mmItemBackColor = '#bcbc7a'
this._mmHLItemTextColor = 'white'
this._mmHLItemBackColor = '#9ca972'
this._mmItemBorder = new TBorder() //dioverwrite dengan TMainMenu._innerBorder pada saat TMainMenu.Build()
this._mmHLItemBorder = new TBorder()
this._mmHLItemBorder._top ='1px navy solid'
this._mmHLItemBorder._right ='1px navy solid'
this._mmHLItemBorder._bottom ='1px navy solid'
this._mmHLItemBorder._left ='1px navy solid'
this._mmItemTextColorClick = 'white'
this._mmItemBackColorClick = '#9ca972'
this._mmItemBorderClick = new TBorder()
this._mmItemBorderClick._top ='1px navy solid'
this._mmItemBorderClick._right ='1px navy solid'
this._mmItemBorderClick._bottom ='1px navy solid'
this._mmItemBorderClick._left ='1px navy solid'
this._popBack = new TBackground()
this._popBack._color = 'whitesmoke'
this._popBack._image = 'url("xp.gif")'
this._popBack._repeat = 'repeat-y'
this._popBorder = new TBorder()
this._popBorder._top = '1px black solid'
this._popBorder._right = '1px black solid'
this._popBorder._bottom = '1px black solid'
this._popBorder._left = '1px black solid'
this._createShadow = true
this._shadowColor = '#c0c0c0'
this._shadowDistance = 10 //in pixel
this._timeOut = 2000 //in milliseconds
}
function TSeparator()
{
this._align = 'center' //available value: 'left','center','right'
this._width = 200 //in pixel
this._margin = "0px 0px 0px 0px"; //top right bottom left margin --> dioverwrite
this._border = new TBorder() //_left and _right --> tidak kepake
this._border._top = '1px black solid'
this._border._bottom = '1px white solid'
}
function TFont()
{
this._family = 'arial,times,sans-serif'
this._size = '8pt'
}
function TBackground()
{
this._image = 'none'
this._repeat = 'no-repeat'
this._color = 'transparent'
this._position = 'top left'
}
function TExpandIcon()
{
this._symbol = '►'
this._font = new TFont()
this._font._size = '6pt'
}
//Border yapıcı
function TBorder()
{
this._top='1px black solid'
this._right ='1px black solid'
this._bottom ='1px black solid'
this._left='1px black solid'
}
function BuildMenu()
{
var result =""
var level = -1
_params._mmPosition = this._position
_params._mmItemBorder._top = this._innerBorder._top
_params._mmItemBorder._right = this._innerBorder._right
_params._mmItemBorder._bottom = this._innerBorder._bottom
_params._mmItemBorder._left = this._innerBorder._left
result += BuildStyle()
result += this.Draw(level++)
level++
for(var i=0;i<=this._itemIndex;i++)
{
result +=this._items[i].Draw(level)
result += BuildPopUpMenu(this._items[i],level)
}
return result
}
function InitMenu()
{
var el_menu = document.getElementById(this._id)
//el_menu.style.position = this._position
if(this._position == 'absolute')
{
el_menu.style.top = this._top
el_menu.style.left = this._left
}else
{
this._top = el_menu.offsetTop
this._left = el_menu.offsetLeft
}
el_menu.style.borderTop = this._outerBorder._top
el_menu.style.borderRight = this._outerBorder._right
el_menu.style.borderBottom = this._outerBorder._bottom
el_menu.style.borderLeft = this._outerBorder._left
el_menu.style.backgroundColor = this._backColor
for(var i=0;i<=this._itemIndex;i++)
{
var el_menuitem = document.getElementById('pr_'+this._items[i]._id)
if(this._itemHeight.toLowerCase() != 'auto' || this._itemHeight != '')
el_menuitem.style.height = this._itemHeight
if(this._itemWidth.toLowerCase() != 'auto' || this._itemWidth != '')
el_menuitem.style.width = this._itemWidth
el_menuitem.style.borderTop = this._innerBorder._top
el_menuitem.style.borderRight = this._innerBorder._right
el_menuitem.style.borderBottom = this._innerBorder._bottom
el_menuitem.style.borderLeft = this._innerBorder._left
el_menuitem.style.textAlign = this._textAlign
el_menuitem.style.backgroundColor = _params._mmItemBackColor
el_menuitem.style.color = _params._mmItemTextColor
if(this._items[i]._itemIndex > -1)
{
var el_pop = document.getElementById(this._items[i]._id)
if(this._direction == 'horizontal')
{
this._items[i]._top = el_menuitem.offsetTop + el_menuitem.offsetHeight+this._top + 1
this._items[i]._left = el_menuitem.offsetLeft + this._left
}
else
{
this._items[i]._top = el_menuitem.offsetTop +this._top
this._items[i]._left = el_menuitem.offsetLeft + el_menuitem.offsetWidth+this._left+ 4
}
el_pop.style.top = this._items[i]._top + 'px'
el_pop.style.left = this._items[i]._left + 'px'
el_pop.style.width = _params._width + 'px'
el_pop.style.zIndex = 1
//Gölge
if(_params._createShadow)
{
var sh_el_pop = document.getElementById('sh_'+this._items[i]._id)
sh_el_pop.style.top= this._items[i]._top + _params._shadowDistance + 'px'
sh_el_pop.style.left= this._items[i]._left + _params._shadowDistance + 'px'
sh_el_pop.style.width= el_pop.offsetWidth
sh_el_pop.style.height= el_pop.offsetHeight
sh_el_pop.style.backgroundColor = _params._shadowColor
}
InitPopMenu(this._items[i],1)
}
}
//Ana menü gölgesi
if(!this._noShadow)
{
var sh_el = document.getElementById('sh_'+this._id)
sh_el.style.top = this._top + _params._shadowDistance +'px'
sh_el.style.left= this._left + _params._shadowDistance +'px'
sh_el.style.width = el_menu.offsetWidth
sh_el.style.height = el_menu.offsetHeight
sh_el.style.backgroundColor = _params._shadowColor
}
}
//Özel
function DrawMenu(level)
{
var result = ""
//Ana menü gölgesi
if(!this._noShadow)
{
result +='<div style="position:absolute;" id="sh_'+this._id+'"></div>'
}
result +='<table class="TMenu" id="'+this._id+'"'
if(this._width != 'auto' || this._width != '')
result +=' width="'+this._width+'"'
result +=' cellspacing="'+this._cellSpacing+'">'
if(this._direction == 'horizontal')
result +='<tr>'
if(this._itemIndex > -1)
{
for(var i=0;i<=this._itemIndex;i++)
{
var result1 = ''
result1 += '<td nowrap class="TMenuItem" id="pr_'+this._items[i]._id+'"'
if(this._items[i]._itemIndex > -1)
{
result1 += ' onmouseover="onMainMOver(event,this,\''+this._items[i]._id+'\','+level+')"'
result1 += 'onclick="onMainClick(event,this,\''+this._items[i]._id+'\')"'
result1 += ' onmouseout="onMainMOut(event,this,\''+this._items[i]._id+'\')"'
}
else
{
result1 += ' onmouseover="onMainMOver(event,this,\'\')"'
result1 += ' onmouseout="onMainMOut(event,this,\'\')"'
}
result1 += '>'+this._items[i]._label+'</td>'
if(this._direction == 'horizontal')
result += result1
else
result += '<tr>'+result1+'</tr>'
}
}
else
{
var result1 = ''
result1 +='<td> </td>'
if(this._direction == 'horizontal')
result += result1
else
result +='<tr>'+result1+'</tr>'
}
if(this._direction == 'horizontal')
result += '</tr>'
result +='</table>'
return result
}
//Özel
function DrawPopMenu(level)
{
var result =""
if(this._itemIndex > -1)
{
//Gölge
if(_params._createShadow)
{
result += '<div style="position:absolute;visibility:hidden;" id="sh_'+this._id+'"></div>'
}
result += '<div class="TPopUp" id="'+this._id+'">'
for(var i=0;i<=this._itemIndex;i++)
{
if(this._items[i]._label != '-')
{
if(this._items[i]._itemIndex > -1)
{
result += '<div class="TPopUpItem" id="di_'+this._items[i]._id+'">'
result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'
result += ' onmouseover="onPopItemMOver(event,this,\''+this._items[i]._id+'\','+level+')"'
result += ' onmouseout="onPopItemMOut(event,this,\''+this._items[i]._id+'\')"'
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>'
}
else
{
result += '<div class="TPopUpItem">'
result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'
result += ' onmouseover="onPopItemMOver(event,this,\'\','+level+')"'
result += ' onmouseout="onPopItemMOut(event,this,\'\')"'
result += this._items[i]._eClick
result +='><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td>'
}
result += '</tr></table>'
result += '</div>'
}
else
{
if(_browser._name == 'IE')
result +='<div style="margin-right:-2px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'
else
result +='<div style="margin-right:0px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'
}
}
result +='</div>'
}
return result
}
//global
function AddItem(popMenu)
{
this._itemIndex++
this._items[this._itemIndex] = popMenu
this._items[this._itemIndex]._parent = popMenu._id
}
//global
function InitPopMenu(popMenu,zIndex)
{
if(popMenu._itemIndex > -1)
{
for(var i=0;i<=popMenu._itemIndex;i++)
{
if(popMenu._items[i]._itemIndex > -1)
{
var pr_el = document.getElementById('pr_'+popMenu._items[i]._id)
var el = document.getElementById(popMenu._items[i]._id)
popMenu._items[i]._top = popMenu._top + pr_el.offsetTop
popMenu._items[i]._left = popMenu._left + _params._width - 3
el.style.top = popMenu._items[i]._top +'px'
el.style.left = popMenu._items[i]._left + 'px'
el.style.width =_params._width
zIndex++
el.style.zIndex = zIndex
//Gölge
if(_params._createShadow)
{
var sh_el = document.getElementById('sh_'+popMenu._items[i]._id)
sh_el.style.top= popMenu._items[i]._top + _params._shadowDistance + 'px'
sh_el.style.left= popMenu._items[i]._left + _params._shadowDistance + 'px'
sh_el.style.width= el.offsetWidth
sh_el.style.height= el.offsetHeight
sh_el.style.backgroundColor = _params._shadowColor
}
InitPopMenu(popMenu._items[i],zIndex)
}
}
}
}
//global
function BuildPopUpMenu(popMenu,level)
{
var result = ""
level++
for(var i=0;i<=popMenu._itemIndex;i++)
{
result += popMenu._items[i].Draw(level)
result += BuildPopUpMenu(popMenu._items[i],level)
}
return result
}
//global
function BuildStyle()
{
var result = ''
result +='<style type="text/css">'
result +='table.TMenu{cursor:default'
result +=';position:'+_params._mmPosition
result +=';font-family:'+ _params._font._family
result +=';font-size:'+ _params._font._size
result +=';}'
result +='td.TMenuItem{padding:1px 5px 1px 5px'
result +=';}'
result +='div.TPopUp{position:absolute;padding: 1px 1px 1px 1px;visibility:hidden'
result +=';border-top:'+ _params._popBorder._top
result +=';border-right:'+_params._popBorder._right
result +=';border-bottom:'+_params._popBorder._bottom
result +=';border-left:'+_params._popBorder._left
result +=';background-color:'+ _params._popBack._color
result +=';background-image:'+ _params._popBack._image
result +=';background-position:' + _params._popBack._position
result +=';background-repeat:'+ _params._popBack._repeat
result +=';display:block'
result +=';}'
result +='table.TPopUpItem{width:100%;cursor:default;'
result +='font-family:'+_params._font._family+';font-size:'+_params._font._size+';}'
result +='div.TPopUpItem{cursor:default;background-color:'+ _params._itemBackColor+';'
if(_params._itemBorderColor.toLowerCase() == 'none' || _params._itemBorderColor == '')
{
result +='padding:1px 1px 1px 1px;'
result +='border:0px red solid;'
}
else
{
result +='padding:0px 0px 0px 0px;'
result +='border:1px '+_params._itemBorderColor+' solid;'
}
result +='}'
result +='div.TPopUpItem1{cursor:default;background-color :'+_params._hlItemBackColor+';'
if(_params._hlItemBorderColor.toLowerCase() == 'none' || _params._hlItemBorderColor == '')
{
result +='padding:1px 1px 1px 1px;'
result +='border:0px none solid;'
}
else
{
result +='padding:0px 0px 0px 0px;'
result +='border:1px '+_params._hlItemBorderColor+' solid;'
}
result +='}'
//Ayırıcı
_params._separator._width=((_params._width - _params._separator._width) < 0)?_params._width:_params._separator._width
var _div = Math.floor((_params._width - _params._separator._width)/2)
switch(_params._separator._align)
{
case 'left':
_params._separator._margin = '0px '+(_div*2)+'px 0px 0px'
break
case 'right':
_params._separator._margin = '0px 0px 0px '+(_div*2)+'px'
break
default:
_params._separator._margin = '0px '+_div+'px 0px '+_div+'px'
}
result +='div.TSeparator{'
result +='margin:'+_params._separator._margin
result +=';border-top:'+_params._separator._border._top
result +=';border-bottom:'+_params._separator._border._bottom
result +=';}'
result +='td.TExpand{text-align:right;font-family:'+_params._expandIcon._font._family
result +=';font-size:'+_params._expandIcon._font._size+';}'
result +='td.TIcon{width:24px;text-align:left;}'
result +='img.TIcon{width:16px;vertical-align:middle;}'
result +='</style>'
return result
}
var RegisterPopUpMenuID = new Array()
var RegisterPopUpMenuIndex = -1
var RegisterTriggerPopID = new Array()
var RegisterTriggerPopIndex = -1
var MainMenuClick = false
//start: basit fonksiyonlar
function findTriggerPopID(elmID)
{
var result = -1
for(var i=0;i<=RegisterTriggerPopIndex;i++)
{
if(RegisterTriggerPopID[i] == elmID)
{
result = i
break
}
}
return result
}
function saveTriggerPopID(elmID)
{
RegisterTriggerPopIndex++
RegisterTriggerPopID[RegisterTriggerPopIndex] = elmID
var el = document.getElementById(elmID)
if(el.className == "TMenuItem")
{
el.style.backgroundColor=_params._mmItemBackColorClick
el.style.color = _params._mmItemTextColorClick
el.style.borderTop= _params._mmItemBorderClick._top
el.style.borderRight= _params._mmItemBorderClick._right
el.style.borderBottom= _params._mmItemBorderClick._bottom
el.style.borderLeft= _params._mmItemBorderClick._left
}
else
{
el.className = "TPopUpItem1"
}
}
function removeTriggerPopID(elmID)
{
var index = findTriggerPopID(elmID)
if(index > -1)
{
for(var i=RegisterTriggerPopIndex;i>=index;i--)
{
var ID = RegisterTriggerPopID[i]
var el = document.getElementById(ID)
if(el.className == "TMenuItem")
{
el.style.backgroundColor=_params._mmItemBackColor
el.style.color = _params._mmItemTextColor
el.style.borderTop= _params._mmItemBorder._top
el.style.borderRight= _params._mmItemBorder._right
el.style.borderBottom= _params._mmItemBorder._bottom
el.style.borderLeft= _params._mmItemBorder._left
}
else
{
var IDLen = ID.length
var tableID = 'pr_'+ ID.substr(3,IDLen)
var elTable = document.getElementById(tableID)
el.className = "TPopUpItem"
elTable.style.color =_params._itemTextColor
}
RegisterTriggerPopID[i] = null
}
RegisterTriggerPopIndex = index - 1
}
}
function removeTriggerPopIDByIndex(index)
{
if(RegisterTriggerPopIndex > -1 && index > -1)
{
for(var i=RegisterTriggerPopIndex;i>=index;i--)
{
var ID = RegisterTriggerPopID[i]
var el = document.getElementById(ID)
if(el.className == "TMenuItem")
{
el.style.backgroundColor=_params._mmItemBackColor
el.style.color = _params._mmItemTextColor
el.style.borderTop= _params._mmItemBorder._top
el.style.borderRight= _params._mmItemBorder._right
el.style.borderBottom= _params._mmItemBorder._bottom
el.style.borderLeft= _params._mmItemBorder._left
}
else
{
var IDLen = ID.length
var tableID = 'pr_'+ ID.substr(3,IDLen)
var elTable = document.getElementById(tableID)
el.className = "TPopUpItem"
elTable.style.color =_params._itemTextColor
}
RegisterTriggerPopID[i] = null
}
RegisterTriggerPopIndex = index - 1
}
}
function removeAllTriggerPopID()
{
if(RegisterTriggerPopIndex > -1)
{
for(var i=RegisterTriggerPopIndex;i>=0;i--)
{
var ID = RegisterTriggerPopID[i]
var el = document.getElementById(ID)
if(el.className == "TMenuItem")
{
if(MainMenuClick)
{
el.style.backgroundColor=_params._mmItemBackColor
el.style.color = _params._mmItemTextColor
el.style.borderTop= _params._mmItemBorder._top
el.style.borderRight= _params._mmItemBorder._right
el.style.borderBottom= _params._mmItemBorder._bottom
el.style.borderLeft= _params._mmItemBorder._left
}
}
else
{
var IDLen = ID.length
var tableID = 'pr_'+ ID.substr(3,IDLen)
var elTable = document.getElementById(tableID)
el.className = "TPopUpItem"
elTable.style.color =_params._itemTextColor
}
RegisterTriggerPopID[i] = null
}
RegisterTriggerPopIndex = - 1
}
}
function findRegisteredPopUpMenuID(elmID)
{
var result=-1
for(var i=0;i<=RegisterPopUpMenuIndex;i++)
{
if(RegisterPopUpMenuID[i] == elmID)
{
result = i
break
}
}
return result
}
function showPopUpMenu(elmID)
{
RegisterPopUpMenuIndex++
RegisterPopUpMenuID[RegisterPopUpMenuIndex] = elmID
document.getElementById(elmID).style.visibility="visible"
if(_params._createShadow)
document.getElementById('sh_'+elmID).style.visibility="visible"
}
function hidePopUpMenu(elmID)
{
var index = findRegisteredPopUpMenuID(elmID)
if(index >-1)
{
for(var i=RegisterPopUpMenuIndex;i>=index;i--)
{
var ID = RegisterPopUpMenuID[i]
document.getElementById(ID).style.visibility="hidden"
if(_params._createShadow)
document.getElementById('sh_'+ID).style.visibility="hidden"
}
RegisterPopUpMenuIndex = index - 1
}
}
function hidePopUpMenuByIndex(index)
{
if(RegisterPopUpMenuIndex >= index)
{
for(var i=RegisterPopUpMenuIndex;i>=index;i--)
{
var ID = RegisterPopUpMenuID[i]
document.getElementById(ID).style.visibility="hidden"
if(_params._createShadow)
document.getElementById('sh_'+ID).style.visibility="hidden"
}
RegisterPopUpMenuIndex = index-1
}
}
function hideAllPopUpMenu()
{
var index = RegisterPopUpMenuIndex
if(index > -1)
{
for(i=index;i>=0;i--)
{
var ID = RegisterPopUpMenuID[i]
document.getElementById(ID).style.visibility="hidden"
if(_params._createShadow)
document.getElementById('sh_'+ID).style.visibility="hidden"
}
}
RegisterPopUpMenuIndex = -1
}
//end: basit fonksiyonlar
var triggerMenu
function triggerHideAll()
{
triggerMenu = window.setTimeout('hideAll()',_params._timeOut)
}
function clearTriggerHideAll()
{
window.clearTimeout(triggerMenu)
}
function hideAll()
{
hideAllPopUpMenu()
removeAllTriggerPopID()
MainMenuClick = false
}
function onMainClick(event,elm,popID)
{
if(!MainMenuClick)
{
MainMenuClick = true
if(popID !='')
{
showPopUpMenu(popID)
saveTriggerPopID(elm.id)
}
}
else
{
MainMenuClick = false
hideAllPopUpMenu()
removeAllTriggerPopID()
elm.style.backgroundColor= _params._mmHLItemBackColor
elm.style.color = _params._mmHLItemTextColor
elm.style.borderTop= _params._mmHLItemBorder._top
elm.style.borderRight= _params._mmHLItemBorder._right
elm.style.borderBottom= _params._mmHLItemBorder._bottom
elm.style.borderLeft= _params._mmHLItemBorder._left
}
if(_browser._name == 'IE')
window.event.cancelBubble = true
if (event.stopPropagation) event.stopPropagation();
}
function onMainMOver(event,elm,popID,level)
{
clearTriggerHideAll()
if(RegisterTriggerPopID[0] != elm.id)
{
if(RegisterTriggerPopID[0] !=null)
{
removeAllTriggerPopID()
}
if(MainMenuClick)
{
hideAllPopUpMenu()
removeAllTriggerPopID()
if(popID !='')
{
showPopUpMenu(popID)
saveTriggerPopID(elm.id)
}
elm.style.backgroundColor=_params._mmItemBackColorClick
elm.style.color = _params._mmItemTextColorClick
elm.style.borderTop= _params._mmItemBorderClick._top
elm.style.borderRight= _params._mmItemBorderClick._right
elm.style.borderBottom= _params._mmItemBorderClick._bottom
elm.style.borderLeft= _params._mmItemBorderClick._left
}
else
{
elm.style.backgroundColor= _params._mmHLItemBackColor
elm.style.color = _params._mmHLItemTextColor
elm.style.borderTop= _params._mmHLItemBorder._top
elm.style.borderRight= _params._mmHLItemBorder._right
elm.style.borderBottom= _params._mmHLItemBorder._bottom
elm.style.borderLeft= _params._mmHLItemBorder._left
}
}
if(_browser._name == 'IE')
window.event.cancelBubble = true
if (event.stopPropagation) event.stopPropagation();
}
function onMainMOut(event,elm,popID)
{
if(!MainMenuClick || popID == '')
{
elm.style.backgroundColor= _params._mmItemBackColor
elm.style.color = _params._mmItemTextColor
elm.style.borderTop= _params._mmItemBorder._top
elm.style.borderRight= _params._mmItemBorder._right
elm.style.borderBottom= _params._mmItemBorder._bottom
elm.style.borderLeft= _params._mmItemBorder._left
}
triggerHideAll()
if(_browser._name == 'IE')
window.event.cancelBubble = true
if (event.stopPropagation) event.stopPropagation();
}
//end: fungsi manipulasi main menu
//start: fungsi manipulasi popup menu
function onPopItemMOver(event,elm,popID,level)
{
clearTriggerHideAll()
var index = -1
index = findRegisteredPopUpMenuID(popID)
elm.parentNode.className ='TPopUpItem1'
elm.style.color=_params._hlItemTextColor
if(index == -1)
{
hidePopUpMenuByIndex(level)
removeTriggerPopIDByIndex(level)
}
if(popID !='')
{
if(index == -1)
{
showPopUpMenu(popID)
saveTriggerPopID('di_'+popID)
}
}
if(_browser._name == 'IE')
window.event.cancelBubble = true
if (event.stopPropagation) event.stopPropagation();
}
function onPopItemMOut(event,elm,popID)
{
if(popID == '')
{
elm.parentNode.className ='TPopUpItem'
elm.style.color=_params._itemTextColor
}
triggerHideAll()
if(_browser._name == 'IE')
window.event.cancelBubble = true
if (event.stopPropagation) event.stopPropagation();
}
</script>
<script type="text/javascript">function go2URL(address)
{
var elFrame = document.getElementById('doiFrame')
elFrame.src = address
}
function newWindow(address)
{
var maxW = screen.width
var maxH = screen.height
var w = 800
var h = 600
var _top = Math.floor((maxH - h) / 2)
var _left = Math.floor((maxW - w) / 2)
var win = window.open(address,'doiW',"toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,r esizable=yes,copyhistory=yes,width="+w+",height="+h)
win.moveTo(_left,_top)
win.focus()
}
</script>
</head>
<body bgstyle="color: ebe2d3" onLoad="mmenu.Init()">
<iframe style="position:absolute;top:40px;left:10px;" width="100%" height="90%" id="doiFrame"></iframe>
<script type="text/javascript">var mmenu = new TMainMenu('mmID','horizontal')
var pmFile = new TPopMenu('pmFileID','İÇERİK 1','','','','')
var pmcizgi3 = new TPopMenu('','-','','','','')
var pmNew = new TPopMenu('pmNewID','Başlık 1','dosya.gif','','','')
var pmHome = new TPopMenu('pmHomeID','Link 1','home.gif','function',"newWindow('http://www.renkforum.com')",'','','','')
var pmWindow = new TPopMenu('','Başlık 1','acik.gif','function',"newWindow('http://www.renkforum.com')",'','','','')
var pmcizgi1 = new TPopMenu('','-','','','','')
var pmMsg = new TPopMenu('','Link 1','link.gif','function',"newWindow('http://www.renkforum.com')",'','','')
var pmPost = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'')
var pmContact = new TPopMenu('','Link 3','link.gif','function',"newWindow('http://www.renkforum.com')",'','','')
var pmInt = new TPopMenu('','Link 4 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'')
var pmcizgi2 = new TPopMenu('','-','','','','')
var pmLink2 = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'')
var pmcizgi3 = new TPopMenu('','-','','','','')
var pmLink3= new TPopMenu('','Link 3','link.gif','function',"newWindow('http://www.renkforum.com')",'','','')
var pm1 = new TPopMenu('pm1ID','İÇERİK 5','','','','')
var pm2 = new TPopMenu('pm2ID','İÇERİK 3','','','','')
var pm3 = new TPopMenu('pm3ID','İÇERİK 4','','','','')
var pmenu = new TPopMenu('pmenuID','İÇERİK 2','','','','')
var pmenu1 = new TPopMenu('','Link 1','link.gif','function',"newWindow('http://www.renkforum.com')",'','','','')
var pmenucizgi = new TPopMenu('','-','','','','')
var pmenu2 = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'')
var pmenu_ = new TPopMenu('','-','','')
var pmenu3 = new TPopMenu('pmenu3ID','Başlık 1','dosya.gif','','','')
var pmenucizgi1 = new TPopMenu('','-','','','','')
var _pmenu1 = new TPopMenu('','Link 1 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'')
var _pmenu2 = new TPopMenu('_pmenu2ID','Başlık 1','acik.gif','','','')
var _pmenu3 = new TPopMenu('','Link 2','link.gif','function',"newWindow('http://www.renkforum.com')",'')
var __pmenu1 = new TPopMenu('','Link 1','Link.gif','function',"newWindow('http://www.renkforum.com')",'','','','')
var __pmenu2 = new TPopMenu('','Link 2','link.gif','function',"newWindow('http://www.renkforum.com')",'','','','')
var __pmenu3 = new TPopMenu('','Link 3 (iframe)','link.gif','function',"go2URL('http://www.renkforum.com/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'','','','')
var _pmenu1_ = new TPopMenu('','Hakkımızda','','function',"alert('Mesajınızı buraya yazacaksınız')",'')
var _pmenu2_ = new TPopMenu('','Bize Ulaşın','mail.gif','function',"newWindow('mailto:mail@adresiniz.com')",'')
mmenu.Add(pmFile)
mmenu.Add(pmenu)
mmenu.Add(pm2)
mmenu.Add(pm3)
mmenu.Add(pm1)
pmFile.Add(pmHome)
pmFile.Add(pmcizgi1)
pmFile.Add(pmLink2)
pmFile.Add(pmcizgi2)
pmFile.Add(pmLink3)
pmFile.Add(pmcizgi3)
pmFile.Add(pmNew)
pmNew.Add(pmWindow)
pmNew.Add(pmcizgi1)
pmNew.Add(pmMsg)
pmNew.Add(pmPost)
pmNew.Add(pmContact)
pmNew.Add(pmInt)
pm1.Add(_pmenu1_)
pm1.Add(_pmenu2_)
pmenu.Add(pmenu1)
pmenu.Add(pmenu2)
pmenu.Add(pmenu_)
pmenu.Add(pmenu3)
pmenu3.Add(_pmenu2)
pmenu3.Add(pmenucizgi)
pmenu3.Add(_pmenu1)
pmenu3.Add(_pmenu3)
_pmenu2.Add(__pmenu1)
_pmenu2.Add(__pmenu2)
_pmenu2.Add(__pmenu3)
mmenu._cellSpacing = 2
mmenu._position = 'relative'
mmenu._itemWidth = '50px'
mmenu._itemHeight = '22px'
mmenu._left = 10
mmenu._top = 10
//mmenu._itemWidth = '100px'
_params._separator._align = 'right'
_params._separator._width = '120'
_params._separator._border._top='1px gray solid'
_params._separator._border._bottom = '0px'
_params._width = 150
//_params._shadowColor = '#E8E8E8'
//_params._expandIcon._symbol = '+'
document.write(mmenu.Build())
</script>
</body>
<!--- KAYNAK: http://www.renkforum.com --->
İNTERNET - TASARIM
Açılan Menü Oluşturma
