Archiwum dla July 26th, 2006

XUL – przyciski okna

Opublikowany przez Ptaszor o July 26, 2006 w kategorii: Artykuły, Firefox, MDC, Mozilla, XUL

Przedstawiam drugą część opisująca język XUL.

Chciałem rozpocząć, małym sprostowaniem. Otóż w poprzednim poście dotyczącym pierwszego okna w XUL. Mianowicie edytor do pisania postów w Wordpressie sam dodał dziwne fragmenty do fragmentu kodu. I przestrzeń nazw powinna wyglądać tak:

> < ?xml-stylesheet xhref="chrome://global/skin/" type="text/css"?>

Błąd ten objawia się w postaci dodania litery “x” do fragmentu “href“, co nam daje błedny zapis “xhref“. Za ta małą nieścisłość przepraszam ;) . I dzięki PablO, który zwrócił mi na to uwagę.

OK, teraz kolejny fragment o XUL-u. Poprzednim razem do okna dodałem dwa przyciski. Tym razem rozszerzę ten przykład o kilka atrybutów przycisków (button), dodatkowo podam kod, ale w formie pliku tekstowego, a fragmenty kodu będę opisywał w postaci kodu.

Ostatnio dodane przyciski posiadają większe możliwości, niż ostatnio podałem. Oto rozszerzony opis atrybutów, jakie posiadają przyciski <button>

<button
id="first-button"
class="dialog"
label="Pierwszy"
image="img/obrazek.jpg"
disabled="true"
accesskey="p"/>
  1. id – unikatowy identyfikator,
  2. class – klasa stylu przycisku. Atrybutu używamy do wskazania stylu,
  3. label – etykieta, jaka pojawi się na przycisku,
  4. image – URL obrazka, jaki możemy wyświetlić na przycisku,
  5. disabled – przyjmuje dwie wartości: true i false. Służy do włączenia lub wyłączenia przycisku, w przykładzie poniżej przycisk jeden jest włączony, a drugi wyłączony, (czyli wyszarzony),
  6. accesskey – skrót klawiaturowy. W przykładzie naszym będzie to litera p, ona zostanie podkreślona na przycisku i oznaczać, będzie skrót klawiaturowy.

Chcę, aby nasz dwa poziome przyciski miały nadane skróty klawiszowe oraz jeden z nich był wyszarzony. Do poprzedniego kodu przycisków dodaję kolejne atrybuty z tych ww.:

<button id="first-button" label="Pierwszy" disabled="true" accesskey="p" />
<button id="second-button" label="Drugi" disabled="false" accesskey="d" />

Po zastosowaniu kilku nowo poznanych atrybutów do naszego przykładu (nie wszystkich) , będzie on wyglądał następująco:

Dwa przyciski

Kod w edytorze XUL-a:

Dwa przyciski widok kodu w edytorze XUL

Jego pełny kod w formie pliku tekstowego i pliku XUL:

Niestety WordPress znowu mnie wkurzył! Nie pozwolił na przesłanie pliku w formacie *.xul. Grrr…
Wiem, że pomału idzie mi tłumaczenie, od następnego postu o XUL-u postaram się trochę przyspieszyć. W kolejnym poście o XUL-u, co nieco omówię kolejne elementy okna, czyli etykiety (label) i elementy opisu description.

Przydatne odnośniki: