[js+css] בעיה עם תפריט שבניתי.

[daMn]

אז ככה:
בניתי תפריט ואני צריך שהוא יהיה מדויק לתפריט שנמצא כאן: http://www.yeutzvi.freshserv.net/
וזה מה שניסיתי לבנות: http://www.yeutzvi.freshserv.net/menu/menu.html
בכל מקרה נתקלתי בכמה בעיות, אם תשימו לב שעומדים על קטגוריה התפריט הנופל יורד לצד ימין יותר ומתחיל מצד שמאל של המילה ואני מנסה להפוך את זה. אני מתאר לעצמי שזה בגלל שהורדתי סקריפט של תפריט מאתר לא ישראלי, ניסיתי לשחק עם הצדדים בjs ולא עזר. אני אשמח אם מישהו יעזור לי.

עוד בעיה מוזרה שצצה, שאני מנסה לשנות בcss את המאפיינים של הקישור בתפריט הנופל משהו נדפק והתפריט מתחיל לעשות בעיות.

תודה מראש,
ירין

[miniature]

בנוגע למיקום.. בטח יש איפשהו בהגדרות CSS אפשרות left .. שחק איתה קצת.

[daMn]

נכתב במקור על ידי miniature

בנוגע למיקום.. בטח יש איפשהו בהגדרות CSS אפשרות left .. שחק איתה קצת.

אין שם שום דבר שקשור לleft
אני אשמח לא לתגובות כאלה עם כל הכבוד.
אשמח לתגובות תאכלס עם בדיקה של הקבצים.

[WaReZ]

תנסה אולי לשחק עם הmargin ועם הPadding בanylinkcss

[daMn]

נכתב במקור על ידי WaReZ

תנסה אולי לשחק עם הmargin ועם הPadding בanylinkcss

ניסיתי אבל אפשר רק לצד ימין כי הjs כנראה נעול על הצד הזה =/
זה נראה לי בjs..

[DavidBD]

יכול להיות שתצתרך להוסיף איפשהו right, כי הברירת מחדל היא left כך שאם אין right ואין left אז תוסיף right ויסתדר :]

[daMn]

נכתב במקור על ידי David2255

יכול להיות שתצתרך להוסיף איפשהו right, כי הברירת מחדל היא left כך שאם אין right ואין left אז תוסיף right ויסתדר :]

כן אבל איפה ואיך?
הנה הקוד:

var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var enableanchorlink=0 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)

/////No further editting needed

var ie5=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden){
if (ie5||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie5 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function dropdownmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous menu
dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}

function clickreturnvalue(){
if ((ie5||ns6) && !enableanchorlink) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie5&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}