 [JS] Przydzielanie funkcji przez klasę |
| [JS] Przydzielanie funkcji przez klasę |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 10.09.2007 Ostrzeżenie: (0%) 
 |
Witam.
Mam problem, który mnie przerósł. Używam funkcji BBCode. Kod function BBCode(name, before, after) { textarea = document.forms['form'].elements[name]; if ((typeof textarea.selectionStart) != 'undefined') { ss = textarea.selectionStart; se = textarea.selectionEnd; st = textarea.scrollTop; v1 = (textarea.value).substring(0, ss); v2 = (textarea.value).substring(ss, se); v3 = (textarea.value).substring(se, textarea.textLength); textarea.value = v1 + before + v2 + after + v3; if (!!window.opera) { textarea.selectionStart = (v1 + before + v2).length; } else { textarea.selectionEnd = (v1 + before + v2).length; } textarea.scrollTop = st; textarea.focus(); } else { if (document.selection) { str = document.selection.createRange().text; textarea.focus(); sel = document.selection.createRange(); sel.text = before + str + after; } else { textarea.value += before + after; } } } Funkcja ta jest dodana na początku dokumentu w tagu <head>, zajmuje się dodawaniem tagów BBCode do pola tekstowego. Kod <img class="bbcode" alt="message [b] [/b]" src="b.png" title="Pogrubienie" /> <img class="bbcode" alt="message [u] [/u]" src="u.png" title="Podkreślenie" /> <img class="bbcode" alt="message [i] [/i]" src="i.png" title="Kursywa" /> <textarea name="message" rows="3" cols="28"></textarea> Na samym końcu dokumentu dodaję funkcję sprawdzającą tagi "img" w celu znalezienia tych, które są odpowiedzialne za wstawienie BBCode'u. Kod <script type="text/javascript"> obrazek = document.getElementsByTagName('img'); for (i = 0; i < obrazek.length; i++) { if (obrazek[i].className=='bbcode') { names = obrazek[i].getAttribute('alt').split(' ') obrazek[i].onclick = function() {return BBCode(names[0], names[1], names[2]);} } } </script> Niby wszystko jest OK, ale gdy klikam by dodać pogrubienie wyskakuje mi kursywa, gdy klikam na podkreślenie, również wyskakuje mi kursywa, prawdopodobnie funkcja na końcu dokumentu przydzieliła parametry tylko raz, dla ostatniej klasy, czyli kursywy. Jest sposób, aby przydzielało dla każdego z osobna? Tzn. gdy kliknę na pogrubienie, chciałbym mieć pogrubienie, a nie kursywę, to samo dotyczy reszty tagów. Pozdrawiam. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 603 Pomógł: 131 Dołączył: 24.07.2007 Skąd: Górny Śląsk Ostrzeżenie: (0%)
|
Ja osobiście bym zrobił tak:
Po co robić jedną funkcję która niepotrzebnie zwiększy rozmiar pliku, jeśli można onclick zrealizować w ten^ sposób? Wykorzystanie funkcji na pewno byłoby opłacalne np. dla 1000 albo więcej <img-ów>. Ale dla trzech? Po co. No jednym z powodów mogłoby tu być oddzielenie działania od prezentacji, ale czy zawsze warto? A aż tak potrzebujesz tego XMLA? To co oferuje nam W3C to wytyczne/propozycje/sugestie nie zasady jedyne i niepodważalne. Co do tego IE to nie potrafie pomóc. Można by też spróbować napisać ów kod od poczatku/na nowo, wtedy może wyszedłby błąd. |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 10.09.2007 Ostrzeżenie: (0%)
|
Cytat(lord_t @ 4.04.2008, 20:38:13 )  Wykorzystanie funkcji na pewno byłoby opłacalne np. dla 1000 albo więcej <img-ów>. Ale dla trzech? Po co. Tutaj tylko podałem trzy, funkcja korzysta z 22.Właściwie to XMLa wcale nie potrzebuję, chciałem jedynie zmniejszyć rozmiar pliku. Do czasu znalezienia hacka na IE pozostanę na onClick, jeszcze raz dzięki za pomoc i zainteresowanie. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) //Edyta Działa w IE Kod for (i = 0; i < obrazek.length; i++)
{ if (obrazek[i].className=='bbcode') { obrazek[i].onclick = function() { names = this.getAttribute('alt').split(' '); return BBCode(names[0], names[1], names[2]); } } } Ten post edytował Endzio 14.06.2008, 16:50:57 |
|
|
|
Endzio [JS] Przydzielanie funkcji przez klasę 4.04.2008, 14:14:18 
lord_t Ciekawa sprawa. Też nie widzę błędu, ale jeśli uży... 4.04.2008, 18:31:10 
Endzio Cytat(lord_t @ 4.04.2008, 19:31:10 ) ... 4.04.2008, 18:52:56  |
|
Aktualny czas: 13.10.2025 - 19:14 |
