web-gelistirme-sc.com

Sekme Taşması: Yıllık sekmelerde yer kalmazsa ne yapmam gerekir?

Her yılın kazananlarını birbirinden ayıran sekmelerle ödülün önceki alıcılarını listeleyen sayfam var.

  • Her yıl kırk alıcı var.
  • Alıcının adı, iş unvanı ve şirketi ile birlikte listelenir.
  • Aynı kişi üç farklı yıla kadar seçilebilir.
  • Üç yıllık kazananlar şöhret salonuna gider, ancak burada temsil edilmez.
  • Şu anda, her yılın kazananları ayrı bir sekmede gösteriliyor.

Sorun şu ki, alanım tükeniyor. Gelecek yıldan sonra, daha fazla sekme eklemek için yer kalmayacak . Toplam 20 yıla kadar ödül için iyi çalışan bu verileri düzenlemenin başka bir yolu nedir?

Screenshot of tab interface

Not: Teşekkürler Robert Fraser " Sekme Taşması ."

32
Patrick McElhaney

Sizi son 10 yıla götürmek için 11. sekme ile son 10 yıllık ödülleri göstermeye ne dersiniz?

2011 | 2010 | 2009 | 2008 | 2007 | 2006 | ... | Older

Çoğu insan sadece en son ödüllerle ilgilenecektir, bu nedenle eski ödüllerin ikinci bir tıklamayla alınması büyük bir sorun olmamalıdır.

"Daha eski" yi tıkladığınızda aşağıdaki sekmeleri olan bir sayfa gösterilir:

Recent | ... | 2000 | 1999

ancak aksi takdirde geçerli sayfayla aynı görünür. Renk şemasını ekstra görsel bir ipucu olarak değiştirebilirsiniz, ancak bu "olan güçlere" kadar olabilir.

40
ChrisF

'...' sekmesine sahip olabilir ve tıkladığınızda sağa "kaydırma" yapmak ve diğer sekmeleri göstermek için bazı JavaScript (yay jQuery) kullanabilirsiniz. Ardından solda bir ok olabilir, böylece yeni sekmelere geri dönebilirsiniz. (İlham almak için TY @ChrisF)

11
LoganGoesPlaces

Kayıt için, @ ChrisF'in cevabını seviyorum, ancak sadece tekmeler için Google E-Tablolar'ın işleyiş şekli.

alt text

8
jessegavin

Muhtemelen listenin üzerine bir çubuk eklemek ve çubuğun sol tarafında yıl seçmek için bir açılan koymak. Daha sonra açılır menüden diğer filtreleme seçeneklerini eklemek için de yeriniz olur, yani faydalı olabilir.

6
LoganGoesPlaces

Sekmeler, sayfalandırma için kullanılacak doğru metafor olmayabilir. Belirli bir alana sığmayan yıllara ulaşmak için sayfayı yeniden yüklemekten kaçınmak istiyorsanız, yatay kaydırma listesi daha iyi çalışabilir.

Apple'ın Mac sayfası üstündeki ürünler listesine göz atın.

Yıl listeniz asla gülünç bir şekilde büyümeyecek, bu nedenle anında olmayan sayfaları gizleme gibi tipik sayfalandırma sorunları hakkında endişelenmenize gerek yok:

"<... 148 149 150 151 152 ...>"

Tüm yılları listelemenin ve hemen alakalı olmayanları tıkamanın bir yolunu bulmak en iyisidir.

5
Brendan Berg

Yıllar o kadar fazla değilse, 'daha eski' yılları sonunda bir açılır menüye koyabilirsiniz.

enter image description here

3
Ades

Firefox gibi yapabilirsiniz. Gizli sekmeler için kaydırma vardır. böylece sekmeleri sahip olduğunuz alandan daha fazla yükleyebilirsiniz. Ya da Chrome gibi yapabilir, daha fazla sekme ekleyerek sekmeleri küçültebilirsiniz (sekmeler daha küçük olduğundan etiketlerin kaybolmasına neden olduğundan bu çözüm sizin durumunuz için çalışmaz). Sekmeler için kaydırma alanına sahip olmanın en iyi çözüm olduğunu düşünüyorum. bu şekilde kullanıcının sınırı yoktur. Kullanıcının sayfalar arasında hızlı bir şekilde geçiş yapabilmesi için bir açılır liste ekleyebilirsiniz.

2
Morteza Milani

Sekmeleriniz için sınırlı bir setiniz olduğundan ("20 yıl" değerinde bahsettiğinizden) "dikey sekmeler" kullanabilirsiniz - çoğu blog yazılımının bir kenar çubuğunda "kategoriler" veya "arşivler" gibi bir şey olabilir. Ardından, gerekirse, en önemli/yüksek trafik öğelerini, mevcut sekmelerinizin bulunduğu yerin üst kısmındaki kullanımı kolay bir biçimde yerleştirebilirsiniz.

Örneğin, web sitemde (hazır şablon) sol tarafta çalışan bir "Arşiv" listesi var.

http://www.aaronlerch.com/blog/

(Not Sitemi pezevenk etmeye çalışmıyorum, ilk akla gelen şeydi çünkü ne aradığımı biliyordum :))

2
Aaron Lerch

Buradaki diğerleri gibi, sekmelerden de uzaklaşmanızı öneririm.

Ancak onlarla sıkışırsanız, daha fazla sekmeyi sıraya sıkıştırabilir ve küçültebilirsiniz. (Chrome'un sekmelerini düşünüyorum.) Etiketlerinin sığması için çok dar olduklarında, etiketleri kesin. Sizin durumunuzda, yılların başını kısaltmak istersiniz:

| ..12 | ..11 | ..10 | ..09 | ..08 | ..07 | ..06 | ..05 | ..04 | ..03 | ..02 | ..01 | ..00 | ..99 |

Kesinlikle optimal değil, ancak sekmeleri atmayı kabul edene kadar müşteriyi yatıştırır.

2
Ken Mohnkern

Belki sekmeler bunları görüntülemenin en iyi yolu değildir. Ancak klasik navigasyonu kırmak istemiyorsanız, 2 ok koymalısınız, oklar sola, diğeri sağa işaret eder.

1
David Lalo Matus

Ayrıca en sık kullanılacağını düşündüğünüz sekmeleri (veya son 10 yıla kadar) görüntüleyebilirsiniz. Sonunda, JavaScript kullanarak "Eski" yazan ve tıklandığında kalan eski yılların bir listesini görüntüleyen bir sekmeye sahip olun. Sonunda listenin gerçekten uzun olduğunu göstermek için çok eski yıllarınız varsa, bu yaklaşım o kadar iyi çalışmayabilir. Bu, JS etkin olmayan kullanıcılar için ne yapacağınızı da dikkate almaz.

1
lori.lee

Tüm bu sekmeler aynı zamanda çok yoğun ve gürültülü bir tasarım yapar. Ben de düşünüyorum sekmeler aynı varyasyonları değil, farklı veri gruplarını gruplandırmak için daha uygun olduğunu.

Her iki tarafta da önceki/sonraki düğmelerle açılır menü gibi bir şey öneririm. Veya kenar çubuğundaki bir liste falan.

Kullanıcılarınızın meraktan yeni yıllara göz atmasını mı bekliyorsunuz yoksa belirli bir yılın ödüllerini gözden geçirmek mi istiyorlar? İkinci durumda, bir metin alanı daha da hızlı olurdu.

0
Peter Frings

Sonraki sekme, önceki sekme, sekmelerin sonraki sayfası, önceki sekme sayfası, düğmeler gerekli, ancak yeterli değil.
- Uzak bir sekmeye gitmek gerçekten sinir bozucu olurdu.

Hiyerarşik sekmeler kullanmayı deneyin - içinde yıl sekmeleri olan on yıl sekmesi.
Ayrıca, kullanıcının yılı girerek doğrudan istenen sekmeye atlamasına izin verin.

0
Danny Varod