<br> znak końca wiersza linii w blogger.com i SyntaxHighlighter

Tworząc kolejne post-y na blogger.com natrafiłem na pewien problem dotyczący wyświetlania znacznika: <br> lub jak kto woli znacznika: <br/> i chciałem się z Wami podzielić moimi spostrzeżeniami i gotowymi rozwiązaniami jak sobie z tym fantem poradzić.

O tuż, aby na Waszym blogu w blogger.com wyświetlać niezinterpretowane znaczniki <br> (<br/>), czyli widoczne napisy "<br>" lub "<br/>" - należy:

W opcjach post-a ustawić:
Opcje -> Tryb tworzenia -> Pokaż dokładnie kod HTML
a nie przypadkiem:
Opcje -> Tryb tworzenia -> Interpretuj wpisany kod HTML

I to wystarczy pod warunkiem, że jesteśmy w trybie Nowy post, a nie w trybie HTML!
Gdy jesteśmy w trybie HTML musimy wszędzie tam gdzie chcemy wstawić znacznik <br> (<br/>) [widoczny w post-cie w nienaruszonej formie] używać:

&lt; zamiast <
i &gt; zamiast >
a w środku br.

Czyli: &lt;br&gt; lub dla drugiej wersji &lt;br/&gt;


Uwaga! - opcje ustawiane w post-cie:
a) Opcje->Podziały wierszy->Używaj tagu <br>
i
b) Opcje->Podziały wierszy->Naciskaj klawisz "Enter", aby dodawać podziały wierszy
nie mają znaczenia.

Służą tylko do zdefiniowania:

1. Czy w trybie Nowy post gdy przechodzimy do nowych wierszy przy pomocy klawisza ENTER, w trybie HTML pojawią się znaczniki: <br/> - gdy użyjemy opcji a) pojawią się <br/>, gdy użyjemy opcji b) pojawią się puste wiersze;
2. Czy w trybie HTML do nowych wierszy przechodzimy przy pomocy klawisza ENTER, czy też znacznika: <br> (<br/>) - gdy użyjemy opcji a) trzeba przechodzić do nowych wierszy przy pomocy znacznika <br> (<br/>), gdy natomiast użyjemy opcji b) wystarczy wciskać ENTER.


No dobra, a co z SyntaxHighlighter na blogger.com.
Ufff - i na to jest rozwiązanie, ale trzeba być ostrożnym i decyzję podjąć od razu gdy rozpoczynamy przygodę z tworzeniem własnego bloga na blogger.com. Od razu czyli w momencie, gdy po raz pierwszy umieszczamy SyntaxHighlighter na naszym blogu w blogger.com.
Gdy na początku tworzenia bloga zdecydujemy, aby nasz SyntaxHighlighter umożliwiał wyświetlanie znaczników: <br> (<br/>) [widoczne w post-cie w SyntaxHighlighter - w nienaruszonej formie] to mój sposób jest ok, tak samo gdy zdecydujemy się już na samym początku, aby nasz SyntaxHighlighter interpretował te znaczniki jako przejście do nowej linii i ich nie wyświetlał, to mój sposób również jest też ok.
Pisząc mój sposób, mam na myśli to co umożliwia SyntaxHighlighter i JEST TO JEDYNE MOŻLIWE ROZWIĄZANIE - INNEGO NIE MA!

No dobra dość gadania, pora przejść do konkretów.

Służy do tego poniższa opcja konfiguracyjna oprogramowania SyntaxHighlighter:

SyntaxHighlighter.config.stripBrs = true;
lub
SyntaxHighlighter.config.stripBrs = false;

Sami możemy zdecydować na co się decydujemy.

Nie będę tutaj opisywał samego oprogramowania SyntaxHighlighter, ponieważ nie jest to tematem tego post-a oraz już to zrobiłem w innym post-cie.
Zapraszam do lektury:
KOLOROWANIE SKŁADNI KODU SyntaxHighlighter

Każdy mój post, dotyczący w mniejszym lub większym stopniu programowania internetowego jest zawsze kompatybilny z IE od wersji 7, z Firefox od wersji 3.6.3, z Opera od wersji 9.63, z Safari od wersji 5.x i z Chrome od wersji aktualnej

Okrągłe tabele div z dynamicznym rozmiarem w HTML, XHTML i HTML5

W tym post-cie opiszę jak napisać stronę WWW w HTML, XHTML i HTML5 z dynamicznym rozszerzającym się div-em - zmieniającym wysokość z zaokrąglonymi rogami.
Strona WWW - dynamiczny div wykonany jest w: HTML, XHTML i HTML5.

KODY ŹRÓDŁOWE HTML5:

Opis:

1. W tagu style określamy style dla div-ów dynamicznych, m.in.: obrazki (zaokrąglone div-y), wysokość i szerokość oraz background-repeat w celu zdefiniowania, który div ma się zmieniać dynamicznie według osi y (wysokość);
2. W części body tworzymy ramki w kolejności: wynik (globalna - obejmująca wszystkie pozostałe div-y), góra, środek (tu wstawiamy to co chcemy [to co nas interesuje] - wysokość zmieni się automatycznie) i dół;
3. i gotowe, ależ to proste - :);
4. Uwaga - poniżej pokazuje również kody dla HTML i XHTML:
a) dla XHTML kod jest ten sam, zmienia się tylko nagłówek html;
b) dla HTML też zmienia się nagłówek html oraz dochodzi kod:

Pliki do pobrania:
1. Przykład użycia - HTML
-Zobacz
2. Przykład użycia - XHTML
-Zobacz
3. Przykład użycia - HTML5
-Zobacz

Miłej zabawy!

Każdy mój post, dotyczący w mniejszym lub większym stopniu programowania internetowego jest zawsze kompatybilny z IE od wersji 7, z Firefox od wersji 3.6.3, z Opera od wersji 9.63, z Safari od wersji 5.x i z Chrome od wersji aktualnej

Ostatnia niedziela miesiąca czas zimowy i letni Algorytm

W tym post-cie opiszę jak napisać algorytm i program dla platformy NET Framework w Delphi PRISM i platformy WinAPI w DELPHI RAD STUDIO, który umożliwia pobranie ostatniej niedzieli miesiąca dla wybranej daty oraz który umożliwia określenie czy data jest w czasie zimowym czy letnim.
Program i algorytm wykonany jest w języku: Delphi PRISM dla platformy NET Framework, oraz w DELPHI RAD STUDIO dla platformy WinAPI.

KOD ŹRÓDŁOWY DELPHI PRISM:

Opis:

1. method MainForm.OstatniaNiedzielaMiesiaca(rok,miesiac:string):string; - ALGORYTM;
2. method MainForm.button1_Click(sender: System.Object; e: System.EventArgs); - PRZYCISK OBSŁUGI ALGORYTMU;
3. method MainForm.button2_Click(sender: System.Object; e: System.EventArgs); - PRZYCISK OBSŁUGI ALGORYTMU CZAS ZIMOWY & CZAS LETNI I SAM ALGORYTM Z UŻYCIEM ALGORYTMU OSTATNIA NIEDZIELA MIESIĄCA.



KOD ŹRÓDŁOWY DELPHI RAD STUDIO:

Opis:

1. function OstatniaNiedzielaMiesiaca(rok, miesiac:string):string; - ALGORYTM;
2. procedure TForm1.Button1Click(Sender: TObject); - PRZYCISK OBSŁUGI ALGORYTMU;
3. procedure TForm1.Button2Click(Sender: TObject); - PRZYCISK OBSŁUGI ALGORYTMU CZAS ZIMOWY & CZAS LETNI I SAM ALGORYTM Z UŻYCIEM ALGORYTMU OSTATNIA NIEDZIELA MIESIĄCA.

Pliki do pobrania:
1. Źródła - Delphi PRISM (kody źródłowe algorytmu)
-pobierz
2. Źródła i exe - Delphi PRISM (exe i kody źródłowe algorytmu i programu demo)
-pobierz
3. Źródła - DELPHI RAD STUDIO (kody źródłowe algorytmu)
-pobierz
4. Źródła i exe - DELPHI RAD STUDIO (exe i kody źródłowe algorytmu i programu demo)
-pobierz

A tutaj podaje link do ciekawego internetowego kalendarza, abyście mogli sprawdzić działanie mojego algorytmu:
Patrz tutaj

Miłej zabawy!

TextBox komponent C# Net Compact Framework Mobile

W tym post-cie opiszę jak stworzyć komponent TextBox dla platformy NET Compact Framework, który umożliwia pobranie numeru linii, liczby wszystkich linii, ilości znaków wybranej linii i pobranie linii z tekstem o indeksie.
Komponent wykonany jest w języku: C#, dla platformy NET Compact Framework, gdzie nie ma gotowych rozwiązań i trzeba stworzyć je samemu, w przeciwieństwie do NET Framework, gdzie wszystko jest domyślnie zaimplementowane w komponencie TextBox.

KOD ŹRÓDŁOWY KOMPONENTU PONIŻEJ:

Opis:

1. Należy użyć: using Microsoft.WindowsCE.Forms, aby można przetwarzać komunikaty - Messages (należy pamiętać, aby do projektu [w którym korzystamy z Naszego komponentu] dodać referencje: Microsoft.Windowsce.Forms);
2. Dodajemy cztery prywatne stałe, które odpowiadają za każdy komunikat;
3. W konstruktorze ustawiamy, aby nasz komponent miał wiele linii oraz pasek przewijania (Ważne – w przeciwieństwie do Net Framework, gdy dodajemy komponent na formatkę w Net Compact Framework, dane z konstruktora nie są inicjalizowane na formatkę, problem ten nie występuje na Net Framework, dlatego i tak trzeba ręcznie ustawić dane z konstruktora, jak np. width i height);
4. Metoda: CurrentLine - zwraca linie na której znajduje się kursor;
5. Metoda: LineCount - zwraca liczbę linii tekstu;
5. Metoda: LineIndex - zwraca linię tekstu o indeksie;
6. Metoda: LineLength – zwraca liczbę znaków w linii.

Pliki do pobrania:
1. Źródła - C# (kody źródłowe komponentu)
-pobierz
2. Źródła i exe - C# (exe i kody źródłowe komponentu i programu demo) - EMULATOR
-pobierz

Miłej zabawy - mam nadzieję, że w cale nie błahy problem z ograniczeniem komponentu TextBox w Net Compact Framework został rozwiązany.
Śmiało można rozwijać tę kontrolkę o Wasze metody, które będę Wam potrzebne.

Lista wszystkich komunikatów do kontrolki TextBox, znajduje się pod adresem WWW (MSDN):
patrz tutaj (język ang.)