JavaScript Kod Örnekleri - JavaScript Code Samples

.menuBack {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	background-color: #C0C0C0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	z-index: 10;
}

.item {
	position: absolute;
	visibility: inherit;
	color: #000000;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	font-weight: bold;
	left: 1px;
	height: 15px;
	padding-left : 5px;
	z-index: 11;
}

.itemSep {
	position: absolute;
	visibility: inherit;
	left: 1px;
	height: 7px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 11;
}

.sep {
	position: absolute;
	color: #FFFFFF;
	width: 100%;
	height: 1px;
	z-index: 11;
}

.arrow {
	position: absolute;
	font-size: 9pt;
	font-family: Marlett, sans-serif;
	font-weight: normal;
	margin-top: 2px;
	z-index: 11;
}

</style>
<script language="JavaScript1.2">
var widthMax;
var heightMax;
var xCoor;
var yCoor;
var sWidth;
var sHeight;
var xScroll;
var widthScroll;

var menu = new Array;
var divId = new Array;

function rightClick()
{
  document.oncontextmenu = show;
  document.onclick = hideMenus;
}

function menuItem()
{
  this.item = arguments[0];
  this.hasSubMenu = arguments[1];
  this.level = arguments[2];
  this.subMenuFront = arguments[3];
  this.subMenuBack = arguments[4];
  this.subMenuOffset = arguments[5];
  this.link = arguments[6];
}

function hideMenus()
{
  for (i = 0; i < divId.length; i = i + 2)
    {
      var menuLayer = document.getElementById(divId[i]);
      menuLayer.style.visibility = "hidden";
    }
}

function popUpPos()
{
  var menuFront = document.getElementById(divId[0]);
  var menuBack = document.getElementById(divId[2]);
  widthMax = document.body.clientWidth;
  heightMax = document.body.clientHeight;
  xCoor = window.event.x;
  yCoor = window.event.y;
  sWidth = menuFront.style.posWidth;
  sHeight = menuFront.style.posHeight;
  xScroll = document.body.scrollTop;
  widthScroll = document.body.offsetWidth - widthMax;
  xWidth = xCoor + sWidth;
  yHeight = yCoor + sHeight;

if (menuFront.style.visibility == "hidden")
    {
      if (yHeight < (heightMax - 1))
        {
          menuFront.style.posTop = yCoor + xScroll;
          menuBack.style.posTop = yCoor + xScroll;
        }
      else
        {
          if (yCoor < sHeight)
            {
              menuFront.style.posTop = xScroll;
              menuBack.style.posTop = xScroll;            
            }
          else
            {
              menuFront.style.posTop = yCoor - sHeight + xScroll - 2;
              menuBack.style.posTop = yCoor - sHeight + xScroll - 2;
              if ((menuFront.style.posTop + menuFront.style.posHeight - xScroll + 2) > heightMax)
                {
                  menuFront.style.posTop = heightMax - menuFront.style.posHeight + xScroll - 2;
                  menuBack.style.posTop = heightMax - menuFront.style.posHeight + xScroll - 2;
                }
            }
        }

if (xWidth < widthMax - 1)
        {
          menuFront.style.posLeft = xCoor;
          menuBack.style.posLeft = xCoor;
        }
      else
        {
          if (xCoor == (widthMax + 1))
            {
              menuFront.style.posLeft = xCoor - sWidth - 3;
              menuBack.style.posLeft = xCoor - sWidth - 3;
            }
          else
            {
              if (widthMax < xCoor)
                {
                  menuFront.style.posLeft = xCoor - sWidth - widthScroll - 1;
                  menuBack.style.posLeft = xCoor - sWidth - widthScroll - 1;
                }
              else
                {
                  menuFront.style.posLeft = xCoor - sWidth - 2;
                  menuBack.style.posLeft = xCoor - sWidth - 2;
                }
            }
        }
    }
}

function popUpSubPos(xCoor, yCoor, subMenuFront, subMenuBack, offset)
{ 
  var menuFront = document.getElementById(divId[offset]);
  var menuBack = document.getElementById(divId[offset + 2]);
  widthMax = document.body.clientWidth;
  heightMax = document.body.clientHeight;
  sWidth = subMenuFront.style.posWidth;
  sHeight = subMenuFront.style.posHeight;
  xScroll = document.body.scrollTop;
  widthScroll = document.body.offsetWidth - document.body.clientWidth;
  xWidth = xCoor + sWidth;
  yHeight = yCoor + sHeight;

if (subMenuFront.style.visibility == "hidden")
    {
      if ((yHeight - xScroll) < (heightMax - 1))
        {
          subMenuFront.style.posTop = yCoor;
          subMenuBack.style.posTop = yCoor;
        }
      else
        {
          subMenuFront.style.posTop = yCoor - sHeight + 15;
          subMenuBack.style.posTop = yCoor - sHeight + 15;
        }

if (xWidth < widthMax - 1)
        {
          subMenuFront.style.posLeft = xCoor;
          subMenuBack.style.posLeft = xCoor;
        }
      else
        {
          subMenuFront.style.posLeft = xCoor - menuFront.style.posWidth - subMenuFront.style.posWidth + 5;
          subMenuBack.style.posLeft = xCoor - menuFront.style.posWidth - subMenuFront.style.posWidth + 5;
        }
    }
}

function out()
{
  var itemId = event.srcElement;
  itemId = checkElement(itemId);  
  itemId.style.backgroundColor = outBgCr;
  itemId.style.color = outCr;
}

function isIE()
{
  return (navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion >= 5))
}

if (isIE)
  {
    document.onload = hideMenus;
    document.onclick = show;
  }
</script>
<script language="JavaScript1.2">
var overBgCr = "#3333CC";
var overCr = "#FFFFFF";
var outBgCr = "#C0C0C0";
var outCr    = "#000000";
var itemFont = "Arial";

function createPopUpMenu()
{
  createMenu("menu1", 150, 0); // Ana menüyü olusturmak için.
  createItem("item1", "Link 1", "menu1", "http://www.ipucu.web.tr", false); // menü1'e link ekleniyor.
  createItem("item2", "Link 2", "menu1", "http://www.ipucu.web.tr", false); // menü1'e link ekleniyor.
  createItem("item3", "Link 3", "menu1", "", true); // alt menüsü olan bir item ekleniyor.
  createItem("item4", "Link 4", "menu1", "http://www.ipucu.web.tr", false); // menü1'e link ekleniyor.
  createItem("item5", "Link 5", "menu1", "http://www.ipucu.web.tr", false); // menü1'e link ekleniyor.

createMenu("menu2", 200, 1); //Alt menüyü olusturmak için. menü 2
  createItem("item6", "Link 6", "menu2", "http://www.ipucu.web.tr", false); // menü2'ye link ekleniyor.
  createItem("item7", "Link 7", "menu2", "http://www.ipucu.web.tr", false); // menü2'ye link ekleniyor.
  createItem("item8", "Link 8", "menu2", "http://www.ipucu.web.tr", false); // menü2'ye link ekleniyor.
  createItem("item9", "Link 9", "menu2", "http://www.ipucu.web.tr", false); // menü2'ye link ekleniyor.

linkSubMenu("item3", "menu2"); // menu2 deki 3ncü item ile 2nci menüyü iliskilendiriliyor..
}
</script>

// --- ADIM 2 <body> tagını <body onload="createPopUpMenu();"> olarak değiştirin. //----------------------------------------- Sol tuşa tıklandığı zaman kullanıcıların hangi sayfalara girmesini istiyorsanız o sayfaların isimlerini ve adreslerini belirtilen yerlere girmeniz yeterli olacaktır.

Ekleyen : Administrator

JavaScript Kod Örnegi (JavaScript Code Sample)

JavaScript Sol tuş menüsü oluşturmak

Sayfalarınızda kullanıcıların mouse (fare)'un sol tuş fonksiyonlarına ulaşmasını istemiyorsanız bu scripti rahatlıkla kullanabilirsiniz.