Şimdi Ara

Açılır Menu Firefox'ta Açılmıyor

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
13
Cevap
0
Favori
2.466
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Öne Çıkar
0 oy
Sayfa: 1
Giriş
Mesaj
  • Ben bir açılır menu üzerinde çalışıyorum.Fakat ie6, ie7 gibi sürümlerde açılan menu, firefox, opera gibi browserlerda açılmıyor..Yardım lütfen.Şimdiden sagolun



    _____________________________
    Ne Mutlu Türküm Diyene
  • bize kaynak kodları gösterirsen veya örnek sayfayı gösterirsen daha iyi olur.
    _____________________________
  • http://www.klassevdenevenakliyat.com/site/

    buraya örneğini upload ettim.
    _____________________________
    Ne Mutlu Türküm Diyene
  • Kimse bilmiyo mu yada hiç kimse hayatında böyle birşeyle karsılasmadı mı?
    _____________________________
    Ne Mutlu Türküm Diyene
  • Kusura bakma ben yardımcı olamayacağım
    _____________________________
  • firefox ve IE scriptleri farklı yorumlayabilir. Bu farkları bularak - ki google'da bulabilirsiniz- scriptinizi düzeltebilir. Veya ikisinde de çalışan farklı bir script ile deneyebilirsiniz.
    _____________________________
    HER ŞEYİ BİLİYORUM DİYE BİR İDDİAM YOK. YANLIŞIM VARSA DÜZELTİN. Kİ BEN DE DOĞRUSUNU ÖĞRENMİŞ OLAYIM.
  • quote:

    Orjinalden alıntı: gergozen

    firefox ve IE scriptleri farklı yorumlayabilir. Bu farkları bularak - ki google'da bulabilirsiniz- scriptinizi düzeltebilir. Veya ikisinde de çalışan farklı bir script ile deneyebilirsiniz.




    Zaten problemin bu farklı yorumlamadan kaynaklandıgı kesin.Fakat js dosyasına ufak bir kod gömerek bu sorunun kalkacagını düsünüyorum.Mutlaka buna benzer sorunlar yaşanmıştır.Bu yüzden daha sonra ihtiyacı olanlar için de faydalı olacagını düsündügüm için açmıştım bu konuyu.
    Bu kodu veya net çözüm alternatiflerini bilen arkadaslar lütfen bilgilerinizi esirgemeyin.
    _____________________________
    Ne Mutlu Türküm Diyene
  • Yapay Zeka’dan İlgili Konular
    Windows 7 arama butonları yok
    14 yıl önce açıldı
    Daha Fazla Göster
  • HTML kodunda hata var büyük ihtimalle.
    body içinde body onun içinde yine body onun içinde head tagı onun içinde meta title vs...karıştırmışsın hepsini
    html tagı bir kere acılır bir kere kapanır.sen html kodlarını kontrol et en iyisi.

    script,style,title,meta gibi taglar <head></head> arasında bulunur.bunları düzeltirsen sorun kalkar


    ayrıca firefox ile de google chrome ile de sorunsuz calısıyor sitesinde.
    http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm
    _____________________________




  • Html hatalarını giderip tekrar upload ettim fakat değişen birşey yok
    _____________________________
    Ne Mutlu Türküm Diyene
  • Evet anladıgım kadarıyla kimsenin bilgisi yok javascript konusunda. eminimki basit bir kaç satır kod ekleyerek çözülebilecek bir sorundu ve basit bir sorundu.ama bu basit sorunu çözemedik.neyse yine de ilgilenen arkadaslara teşekkürler
    _____________________________
    Ne Mutlu Türküm Diyene
  • quote:

    Orjinalden alıntı: okan10111

    Evet anladıgım kadarıyla kimsenin bilgisi yok javascript konusunda. eminimki basit bir kaç satır kod ekleyerek çözülebilecek bir sorundu ve basit bir sorundu.ama bu basit sorunu çözemedik.neyse yine de ilgilenen arkadaslara teşekkürler

    http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

    Sizin scriptin orjinali burada. html kodlarınızda bir hata olmalı.
    _____________________________
    HER ŞEYİ BİLİYORUM DİYE BİR İDDİAM YOK. YANLIŞIM VARSA DÜZELTİN. Kİ BEN DE DOĞRUSUNU ÖĞRENMİŞ OLAYIM.
  • Arkadaşım,belki js kodunu verirsen yardımcı olabilirim.
    _____________________________
  • quote:

    Orjinalden alıntı: turabk1989

    Arkadaşım,belki js kodunu verirsen yardımcı olabilirim.




    var anylinkcssmenu={

    menusmap: {},
    effects: {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:true, duration:500}}, //customize menu effects

    dimensions: {},

    getoffset:function(what, offsettype){
    return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
    },

    getoffsetof:function(el){
    el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
    },

    getdimensions:function(menu){
    this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
    docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20,
    docheight:(window.innerHeight ||this.standardbody.clientHeight)-15,
    docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
    docscrolly:window.pageYOffset || this.standardbody.scrollTop
    }
    if (!this.dimensions.dropmenuw){
    this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
    this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
    }
    },

    isContained:function(m, e){
    var e=window.event || e
    var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
    while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
    if (c==m)
    return true
    else
    return false
    },

    setopacity:function(el, value){
    el.style.opacity=value
    if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
    el.style.MozOpacity=value
    if (el.filters){
    el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
    }
    }
    },

    showmenu:function(menuid){
    var menu=anylinkcssmenu.menusmap[menuid]
    clearTimeout(menu.hidetimer)
    this.getoffsetof(menu.anchorobj)
    this.getdimensions(menu)
    var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
    var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos
    if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
    posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
    }
    if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){ //drop up instead?
    posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
    }
    if (this.effects.fade.enabled){
    this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
    if (this.effects.shadow.enabled)
    this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
    }
    menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})
    if (this.effects.shadow.enabled)
    menu.shadow.setcss({left:posx+anylinkcssmenu.effects.shadow.depth[0]+'px', top:posy+anylinkcssmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
    if (this.effects.fade.enabled){
    clearInterval(menu.animatetimer)
    menu.curanimatedegree=0
    menu.starttime=new Date().getTime() //get time just before animation is run
    menu.animatetimer=setInterval(function(){anylinkcssmenu.revealmenu(menuid)}, 20)
    }
    },

    revealmenu:function(menuid){
    var menu=anylinkcssmenu.menusmap[menuid]
    var elapsed=new Date().getTime()-menu.starttime //get time animation has run
    if (elapsed<this.effects.fade.duration){
    this.setopacity(menu.dropmenu, menu.curanimatedegree)
    if (this.effects.shadow.enabled)
    this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
    }
    else{
    clearInterval(menu.animatetimer)
    this.setopacity(menu.dropmenu, 1)
    menu.dropmenu.style.filter=""
    }
    menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
    },

    setcss:function(param){
    for (prop in param){
    this.style[prop]=param[prop]
    }
    },

    hidemenu:function(menuid){
    var menu=anylinkcssmenu.menusmap[menuid]
    clearInterval(menu.animatetimer)
    menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
    menu.shadow.setcss({visibility:'hidden', left:0, top:0})
    },

    getElementsByClass:function(targetclass){
    if (document.querySelectorAll)
    return document.querySelectorAll("."+targetclass)
    else{
    var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
    var pieces=[]
    var alltags=document.all? document.all : document.getElementsByTagName("*")
    for (var i=0; i<alltags.length; i++){
    if (typeof alltags.className=="string" && alltags.className.search(classnameRE)!=-1)
    pieces[pieces.length]=alltags
    }
    return pieces
    }
    },

    addEvent:function(targetarr, functionref, tasktype){
    if (targetarr.length>0){
    var target=targetarr.shift()
    if (target.addEventListener)
    target.addEventListener(tasktype, functionref, false)
    else if (target.attachEvent)
    target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
    this.addEvent(targetarr, functionref, tasktype)
    }
    },

    setupmenu:function(targetclass, anchorobj, pos){
    this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
    var relattr=anchorobj.getAttribute("rel")
    var dropmenuid=relattr.replace(/\[(\w+)\]/, '')
    var menu=this.menusmap[targetclass+pos]={
    id: targetclass+pos,
    anchorobj: anchorobj,
    dropmenu: document.getElementById(dropmenuid),
    revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
    orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
    shadow: document.createElement("div")
    }
    menu.anchorobj._internalID=targetclass+pos
    menu.anchorobj._isanchor=true
    menu.dropmenu._internalID=targetclass+pos
    menu.shadow._internalID=targetclass+pos
    menu.shadow.className="anylinkshadow"
    document.body.appendChild(menu.dropmenu) //move drop down div to end of page
    document.body.appendChild(menu.shadow)
    menu.dropmenu.setcss=this.setcss
    menu.shadow.setcss=this.setcss
    menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
    this.setopacity(menu.shadow, this.effects.shadow.opacity)
    this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
    var menu=anylinkcssmenu.menusmap[this._internalID]
    if (this._isanchor && menu.revealtype=="mouseover" && !anylinkcssmenu.isContained(this, e)){ //event for anchor
    anylinkcssmenu.showmenu(menu.id)
    }
    else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
    clearTimeout(menu.hidetimer)
    }
    }, "mouseover")
    this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
    if (!anylinkcssmenu.isContained(this, e)){
    var menu=anylinkcssmenu.menusmap[this._internalID]
    menu.hidetimer=setTimeout(function(){anylinkcssmenu.hidemenu(menu.id)}, anylinkcssmenu.effects.delayhide)
    }
    }, "mouseout")
    this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
    var menu=anylinkcssmenu.menusmap[this._internalID]
    if ( this._isanchor && menu.revealtype=="click"){
    if (menu.dropmenu.style.visibility=="visible")
    anylinkcssmenu.hidemenu(menu.id)
    else
    anylinkcssmenu.showmenu(menu.id)
    if (e.preventDefault)
    e.preventDefault()
    return false
    }
    else
    menu.hidetimer=setTimeout(function(){anylinkcssmenu.hidemenu(menu.id)}, anylinkcssmenu.effects.delayhide)
    }, "click")
    },

    init:function(targetclass){
    var anchors=this.getElementsByClass(targetclass)
    for (var i=0; i<anchors.length; i++){
    this.setupmenu(targetclass, anchors, i)
    }
    }

    }
    _____________________________
    Ne Mutlu Türküm Diyene




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.