JavaGarden.Org

Java Scriptler

Cursor Link : Mouse imleci link üzerine getirildiğinde otomatik olarak, o linkin gösterdiği adresdeki sayfa açılır.

<!--- Kod Başlangıcı JavaGarden.Org ---> <a href="" onmouseover="parent.location='http://www.javagarden.org/'">Mouse imlecini, bu link üzerine getiriniz...</a> <!--- Kod Sonu JavaGarden.Org --->

Açılan Menü : İsterseniz frame içerisinde de sayfayı açtırabileceğiniz, çok yönlü bir script...

<!--- Kod Başlangıcı JavaGarden.Org ---> <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,resizable=yes,copyhistory=yes,width="+w+",height="+h) win.moveTo(_left,_top) win.focus() } </script> </head> <body bgcolor="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.gezginler.net')",'','','','') var pmWindow = new TPopMenu('','Başlık 1','acik.gif','function',"newWindow('http://www.gezginler.net')",'','','','') var pmcizgi1 = new TPopMenu('','-','','','','') var pmMsg = new TPopMenu('','Link 1','link.gif','function',"newWindow('http://www.gezginler.net')",'','','') var pmPost = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.gezginler.net/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'') var pmContact = new TPopMenu('','Link 3','link.gif','function',"newWindow('http://www.gezginler.net')",'','','') var pmInt = new TPopMenu('','Link 4 (iframe)','link.gif','function',"go2URL('http://www.gezginler.net/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'') var pmcizgi2 = new TPopMenu('','-','','','','') var pmLink2 = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.gezginler.net/modules/javascripts/ornek/menu/acilanmenu/ornek.html')",'') var pmcizgi3 = new TPopMenu('','-','','','','') var pmLink3= new TPopMenu('','Link 3','link.gif','function',"newWindow('http://www.gezginler.net')",'','','') 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.gezginler.net')",'','','','') var pmenucizgi = new TPopMenu('','-','','','','') var pmenu2 = new TPopMenu('','Link 2 (iframe)','link.gif','function',"go2URL('http://www.gezginler.net/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.gezginler.net/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.gezginler.net')",'') var __pmenu1 = new TPopMenu('','Link 1','Link.gif','function',"newWindow('http://www.gezginler.net')",'','','','') var __pmenu2 = new TPopMenu('','Link 2','link.gif','function',"newWindow('http://www.gezginler.net')",'','','','') var __pmenu3 = new TPopMenu('','Link 3 (iframe)','link.gif','function',"go2URL('http://www.gezginler.net/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> <!--- Kod Sonu JavaGarden.Org --->

Kar Yağdırma : Sayfanızda kar yağdırın.

<!--- Kod Başlangıcı JavaGarden.Org ---> <body bgcolor=#000000 onLoad="snow()"> <script language="JavaScript"> N = 40; Y = new Array(); X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array(); V = (document.layers)?1:0; iH=(document.layers)?window.innerHeight:window.document.body.clientHeight; iW=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < N; i++){ Y[i]=Math.round(Math.random()*iH); X[i]=Math.round(Math.random()*iW); S[i]=Math.round(Math.random()*5+2); A[i]=0; B[i]=Math.random()*0.1+0.1; M[i]=Math.round(Math.random()*1+1); } if (V){ for (i = 0; i < N; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")} } else{ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < N; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')} document.write('</div></div>'); } function snow(){ var H=(document.layers)?window.innerHeight:window.document.body.clientHeight; var W=(document.layers)?window.innerWidth:window.document.body.clientWidth; var T=(document.layers)?window.pageYOffset:document.body.scrollTop; var L=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < N; i++){ sy=S[i]*Math.sin(90*Math.PI/180); sx=S[i]*Math.cos(A[i]); Y[i]+=sy; X[i]+=sx; if (Y[i] > H){ Y[i]=-10; X[i]=Math.round(Math.random()*W); M[i]=Math.round(Math.random()*1+1); S[i]=Math.round(Math.random()*5+2); } if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T} else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T} A[i]+=B[i]; } setTimeout('snow()',10); } </script> <!--- Kod Sonu JavaGarden.Org --->

Statüsbar'da Sayfa Yükleme Yüzdesi (%) : Statusbarda, sayfanın yüklenme durumunu, yüzde (%) olarak gösteren bir script.

<!--- Kod Başlangıcı JavaGarden.Org ---> <SCRIPT language=VBScript> <!-- Dim Bar, Line, SP Bar = 0 Line = "|" sP = 100 Function Window_onLoad() Bar = 95 sP = 10 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = "Sayfa Yükleme Durumu: " & Bar & "%" & " " & String(Bar, Line) setTimeout "Count()", SP Else Window.Status = "Sayfa Yükleme Durumu: Yüklendi" Document.Body.Style.Display = "" End If End Function Call Count() --> </SCRIPT> <!--- Kod Sonu JavaGarden.Org --->

Rengi Değişen Arka Plan : Sayfa her yenilendiğinde arkaplanın rengi değişir.

<!--- Kod Başlangıcı JavaGarden.Org ---> <script> /*Random background color- by javascriptkit.com*/ //Enter list of bgcolors: / arkaplan renklerini buradan değiştireceksiniz var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script> <!--- Kod Sonu JavaGarden.Org --->

Açıklamalı Resim: Mouse imleci resmin üzerine getirildiğinde, resmin geniş açıklaması belirir.

<!--- Kod Başlangıcı JavaGarden.Org ---> <style><!-- Free JavaScripts at http://www.ScriptBreaker.com --> .divstyle{position:absolute; border:1px groove #115585; width:150; top:0; left:0; } .pstyletitle{postion:absolute; background:#b1b49e; color:white; font-size:70%; font-family:verdana; heigth:50px;} .pstylebody{postion:absolute; background:#ebe9d9; font-size:70%; font-family:verdana;} </style> <script language="JavaScript1.2"> var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop } else { // grab the x-y pos.s if browser is NS tempX = e.pageX tempY = e.pageY } // catch possible negative values in NS4 if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} // show the position values in the form named Show // in the text fields named MouseX and MouseY obj_info = document.getElementById("info") obj_info.style.top = tempY + 10; obj_info.style.left = tempX + 10; return true } function alert_msg(titletext,bodytext){ obj_info = document.getElementById("info") obj_info.style.display = ''; obj_imagetitle = document.getElementById("imagetitle"); obj_imagetitle.innerHTML = titletext; obj_imagebody = document.getElementById("imagebody"); obj_imagebody.innerHTML = bodytext; } function away() { obj_info = document.getElementById("info") obj_info.style.display = 'none'; } function goToURL() { history.go(-1); } </script> <body> <div Class="divstyle" id="info" style='display:none;'> <div id="imagetitle" class="pstyletitle" align="center"></div> <div id="imagebody" class="pstylebody"></div> </div> <img src="balik.jpg" width="240" height="160" onmouseover="alert_msg('Buraya Resmin adını','Burayada <br>resmin açıklamasını yazacaksınız')" onmouseout="away()"> <!--- Kod Sonu JavaGarden.Org --->