Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Yazılım Geliştirme
  • Asp / Asp.NET
  • Bu Konuda
Şimdi Ara

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

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
13
Cevap
0
Favori
2.406
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
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



  • bize kaynak kodları gösterirsen veya örnek sayfayı gösterirsen daha iyi olur.
  • http://www.klassevdenevenakliyat.com/site/

    buraya örneğini upload ettim.
  • Kimse bilmiyo mu yada hiç kimse hayatında böyle birşeyle karsılasmadı mı?
  • 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.
  • 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.
    • Yapay Zeka’dan İlgili Konular
    Google Chrome'da açılışta 3 sayfa birden açılıyor.
    12 yıl önce açıldı
    google chrome tıkladığımda 3 başlangıc sayfası acılıyor yardım
    12 yıl önce açıldı
    windows 10 resimler geç açılıyor
    7 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
  • 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
  • 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ı.
  • 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)
    }
    }

    }




    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız