Jogger i Jabber, Osobiste, szkoła etc., Programowanie (IDE, UML, Wzorce...), Programowanie (Moje Projekty), Technologie W3C (XHTML, CSS...)

Kod zmieniający code - ul działa

01 stycznia, 2007 o 02:13:21 Dodaj komentarz Poziom: 0 Permalink

Dzięki jQuery. Jest również o połowę krótszy.

Kod na MIT'ie:

  1. $(document).ready(function() {
  2.         $("code").each(function() {
  3.                 var code = $(this);
  4.                 var ol = $(document.createElement("ol"));
  5.                 $.each(code.text().split('\n'), function() {
  6.                         ol.append("<li><code><![CDATA[" + this + "]" + "]" + "></code></li>");
  7.                 });
  8.                 ol.addClass("code");
  9.                 code.after(ol);
  10.                 code.addClass("hide");
  11.                 ol.bind("click", function() {
  12.                         code.removeClass("hide");
  13.                         ol.addClass("hide");
  14.                 });
  15.                 code.bind("click", function() {
  16.                         ol.removeClass("hide");
  17.                         code.addClass("hide");
  18.                 });
  19.         });
  20. })

Oczywiście 6 linia w orginale ma całe ]]>, ale kod strony wykorzystuje sekcje CDATA...

PS. Czy da się załadować jquery na joggera (wyskakuje mi błąd połączenia)? Nie chcę nadużywać ich cierpliwości korzystając z ich serwera...

Komentarze do wpisu

Możesz śledzić odpowiedzi poprzez kanał RSS. Możesz dodać komentarz lub zostawić ślad (trackback) ze swojego bloga.

Jeszcze nie ma żadnych komentarzy. Twój może być pierwszy.

Dodaj komentarz

Textile Lite włączony ( szczegółowy opis znaczników ):