+ Yanıtla
Toplam 8 sonuçtan 1 ile 8 arası olanlar

Konu Başlığı: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

  1. #1
    Üye ssonmez's Avatar
    Katılım Tarihi
    21.03.2003
    Yer
    Şehr-i İstanbul - Kıtaların Busesi
    Yaş
    36
    Mesaj
    1,377

    Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    Arkadaşlar ufak bir akıl oyun sitesi yaptım. Bu sefer İngilizce http://www.whosehandisthis.com/

    Sitede göreceğiniz gibi oyunun konusu gördüğümüz elin sahibinin kim olabileceğini tahmin etmek. İmaja tıklayınca açılan ligthbox türevi bir kod kullanıyorum.

    Bu çeşit fotoğraf gösteren kodlar ısrarla fotoğraf açıklamalarını title tag ile yazmanızı istiyor.
    Siz link kodu içinde title doldurunca bu bilgiler açılan fotoğrafın altında sayfada görünüyor. Örneğin:

    HTML Kodu:
    <a href="/picture/big/11.jpg"  rel="lytebox" title="WHO? : lizard<br/>Photographer : Steve Jurvetson<br/>License : Public<br/>URL : http://www.flickr.com/photos/jurvetson/448459612/<br/> "> 
    Buraya kadar tamam. Ama herşey FF ile link üstüne gelince açılan tooltip de bitiyor. Otomatik çalışan bu ön gösterimle daha tıklamadan kişi elin sahibini tanımış oluyor.

    web'de bayağı aradım bir javascriptle tüm title elemanlarının içini boşaltan bir koddan başka birşey bulamadım. Ama o da işe yaramıyor. Bize dolusu lazım.

    CSS veya javascriptle veya başka bir akıllı çözümle bu sayfada linklerin üstünde çıkan title açıklamasını gizleyebilir miyim?

  2. #2

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    Aslında title lerin içi boşaltılarak yapılabilir.
    Tüm elemanlarda gezen, title ın içeriğini myTitle olarak set eden ve title ın içini boşaltan bir script ile olabilir.
    Sonrada lytebox.js.PHP scripttinde zaten title okunuyor Title yerine myTitle ı okutursun.

  3. #3
    Üye ssonmez's Avatar
    Katılım Tarihi
    21.03.2003
    Yer
    Şehr-i İstanbul - Kıtaların Busesi
    Yaş
    36
    Mesaj
    1,377

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    Python, sözlerinle şöyle çözümü buldum.

    Kullandığım hazır scriptte "title" tagını arayan kodu değiştirip "mytitle" diye bir tag aramasını sağladım.

    Resimlerde de "title" yerine "mytitle" tagını kullandım olay çözüldü Hiç kodlama gerekmedi.

    HTML Kodu:
    <a href="/picture/big/11.jpg"  rel="lytebox" mytitle="WHO? : lizard<br/>Photographer : Steve Jurvetson<br/>License : Public<br/>URL : http://www.flickr.com/photos/jurvetson/448459612/<br/> "> 
    Gerçekten bu kadar basit görünen bu öneriyi verdiğin için teşekkür ederim. Dünden beri neler neler denedim. Title ile verdiğim açıklamaları PHP ile resmin içine fligran / watermark gömdürmeyi mi dersin, iframe açıp göstermek mi daha neler neler?

    Çok teşekkür ederim. Ben bizim foruma da reputation istiyorum. Bak şimdi rep'in alasını verirdim sana

  4. #4

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    myTitle el ile de yazılabilir tabi ama web standartlarına uygun değil ya o yüzden söylemedin js ile set et dedim.

  5. #5
    Üye ssonmez's Avatar
    Katılım Tarihi
    21.03.2003
    Yer
    Şehr-i İstanbul - Kıtaların Busesi
    Yaş
    36
    Mesaj
    1,377

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    Doğru, anladım. Şu anda bu haliyle uyum testinden geçemez site. Ancak pek bir deneysel çalışma olduğundan bu sefer üzerinde durmayacağım. Firma çalışması vs. olsa Javascripti'yle de uğraşırdım.

    Ama yine olaya kızıyorum. Neden W3.org CSS sematiğini düzenlerken programcılık kültüründen nasip almaz? Senelerdir nesne yönelimli programlamanın getirdiği object mantıkları var.

    Neden kolayca, titlle'ların görünmesini CSS ile hidden yapamıyoruz?

  6. #6

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    <img alt="gözkmeyen mesaj" title="" src="x.jpg" />

    gibi de kullanabilirsiniz.
    Take me back to my boat on the river
    and I won't cry out any more

  7. #7
    Üye ssonmez's Avatar
    Katılım Tarihi
    21.03.2003
    Yer
    Şehr-i İstanbul - Kıtaların Busesi
    Yaş
    36
    Mesaj
    1,377

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    @scud dostum, bu projede alt kısmına "image" gibi birşey yazıyorum ve o imajların üstüne mouse gelince soru işareti imajı açılıyor.Yani "alt"lar da rezerve.

    Ben şu anda sorunumu çözdüm. Ancak bundan sonrası, title ile başka türlü sorunu olanlar için gayet güzel devam eder

    Tekrar sağ olun arkadaşlar.

  8. #8

    Re: Linklerde title etiketiyle çıkan tooltip nasıl gizlenir?

    http://www.w3.org/TR/html401/struct/objects.html#h-13.2 longdesc'yi bunun için kullanabilirsin, normalde URI alıyormuş
    ::: e? - Online Yaşam ve Tasarım Kültürü
    Sorunuz belki çoktan cevaplanmıştır?
    Faydalı: W3 - MACCAWS - WaSP

+ Yanıtla

Bu konu başlığı için etiketler

Mesaj Seçenekleri

  • Yeni başlık açamazsınız
  • Cevap yazabilirsiniz
  • Dosya ekleyemezsiniz
  • Mesajlarınızı değiştiremezsiniz