Morgonkommentarerna, nu lite nyttigare

Verktyg

Ganska snart efter att jag börjat med mina morgonkommentarer bytte jag från UL (alltså en punktlista) till OL (en numrerad lista) för att man skulle kunna hänvisa till en speciell kommentar i diskussionen. Då kunde man tex skriva ”kolla så fel ute @jocke är i #10 http://jardenberg.se/b/jardenberg-kommenterar-31-aug-2010-jjk/” – och så fick den som klickade sig in manuellt scrolla ner till kommentar nummer 10. Funkis, men inte så it.

Givetvis vill man ju använda ett ankare i URL:en så man kunde skriva ”kolla vilken briljant kommentar på http://jardenberg.se/b/jardenberg-kommenterar-31-aug-2010-jjk/#10” – och landa direkt på rätt ställe vid klicket.

Min plan var att nästa version av SharedItems2WP skulle stödja det, men i en diskussion på twitter idag växte en annan lösning fram. Och dagens hjälte är @mansj. Först lite försiktigt, men efter löfte om pilsner och kärlek kom en utfästelse.

Och nu ikväll kom ett mail. Gilla det här:

Det scriptet gör är att leta upp LI med rätt ordningsnummer inne i en OL inne i en div med id #content – allt enligt Thesis som du kör nu, och typ alla andra WP-teman.

När och om ett ankare med ett befintligt ID skickas in händer två saker:

  1. CSS-klassen ”hereweare” läggs till på den LI som stämmer. Det kan du förstås enkelt ändra i scriptet. När jag testade hade jag bara ”background-color: yellow” definierat på .hereweare.
  2. En window.scrollTo() hoppar ner till rätt LI.

Att känna till:

  1. Filen måste länkas in _efter_ att jQuery laddats i temat.
  2. Länkningen ska ske till postsidan, inte till förstasidan. Dvs http://jardenberg.se/b/jardenberg-kommenterar-31-aug-2010-jjk/#2 kommer att funka bra, men inte http://jardenberg.se/#2

Eftersom det är ankarlänkar så händer ju inget om du bara lägger till ”#2″ efter URL:en när sidan redan laddats. Gör en reload så ser du då vad som händer. Direktlänkar och klick på länkar med ankaret i kommer förstås att lira bra.

Här är filen: http://dl.dropbox.com/u/164449/hashnav.js

Visst är det helt enastående bra. #jjk blev genast ännu nyttigare. Internet, I kiss you. Och Måns Jonasson, en hink pilsner väntar dig.



Related Posts Plugin for WordPress, Blogger...

  • http://twitter.com/heatheraudrey Heather Jonasson

    Oops

  • http://mans.thejonassons.com/wordpress/ mansj

    Dumma Disqus och Twitter. Jag skulle ju inte posta som min fru. :)

    Kul att se att det kom till användning. Men du valde att köra utan CSS-klass på det inlänkade?

    Ser fram emot den där hinken med öl på Internetdagarna… :)

    /M;

  • http://jardenberg.se/ Joakim Jardenberg

    En sak i taget ;) Ska fixa CSS:en typ nu. Var bara tvungen att ta ett skypemöte först.

  • http://mans.thejonassons.com/wordpress/ mansj

    Aha. Trappimplementering. I like!

  • http://jardenberg.se/ Joakim Jardenberg

    Done ;) Finfina grejor. Tusen tack!

  • Anonym

    Jag är så jävla avundsjuk på er som fixar sånt här.

    • http://axelsson-steiner.se/blogg Emil

      Jag håller med… Jag sysslar ändå med mycket webbprylar i jobbet men såna här grejer blir liksom för mycket petande för ganska litet resultat. Heder åt alla som orkar!

  • http://www.bloggjakt.se Stefan Janson

    Du får optimera och avbryta loopen när du hittat rätt element ;)

  • http://jardenberg.se/ Joakim Jardenberg

    Hej hå, det här är väl internet. Här påpekar vi inte sånt, här fixar vi och kommer med en egen version. Forka loss bara ;)

    • http://www.bloggjakt.se Stefan Janson

      Har inte kodat jquery men eftersom det är en kodrad blir det riktigt pinsamt om fixen ej skulle fungera ;)
      Lägg in en rad till efter scrollfunktionen så avbryts allt.

      window.scrollTo(pos.left, pos.top);
      return false;

  • Anonym

    Vad hände med thesisfrågan. Skulle du inte lämna det temat

    • http://jardenberg.se/ Joakim Jardenberg

      Jodå. Det ska jag fortfarande. Nytt tema är installerat, men det är mycket pillande. Ffa för att få backend i skick med rätt kategorier, seriöst upptaggat etc. Allt sånt man inte måste bry sig om när allting ändå publiceras rakt kronologiskt som nu.

      • http://twitter.com/MatsLiljerehn Mats Liljerehn

        Vad valde du för tema?

  • Pingback: jardenberg kommenterar – 1 Sep, 2010 #jjk — jardenberg unedited

  • http://mans.thejonassons.com/wordpress/ mansj

    Det kan man ju göra. Men varför return false? return true vore ju korrektare i så fall. :)

    /M;

  • http://jardenberg.se/ Joakim Jardenberg

    Hehe, tar fram popcornen och kryper upp i soffan ;)

  • http://www.facebook.com/MasterZap Zap Andersson

    OOps, kommenterade fel sida, LOL

  • Tobias Nygren

    (Uppdaterat: haha, disqus och kod blev inte som tänkt..)

    en liten detalj: såg just att html-koden såg lite underlig ut i listan:
    li länkrubrik /li p kommentar

    borde väl vara:
    li länkrubrik p kommentar /p /li

    kan fixa om du vill..=)

  • http://jardenberg.se/ Joakim Jardenberg

    Jo, du har helt rätt. Jag har noterat att det blev helfel för länge sedan, men inte vågat ändra ;)

    Fixar det när jag ändå lägger in nya temat. Då kommer allt att se illa ut ett tag…