Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Dodanie kodu po kliknięciu myszą a przycisk

#1
Dodanie kodu po kliknięciu myszą a przycisk
Pracuję nad skryptem dodającym tutoriale na stronę. Niestety mam pewien problem. Chciałbym uprościć sobie życie kilkoma dodatkowymi funkcjami. Ponieważ nie chce mi się np. ciągle pisać tego samego fragmentu kodu (np. img src=...) chciałbym umieścić przycisk, po którego kliknięiu w polu tekstowym textarea pojawiałby się takowy. Wiem, że to trzeba napisać w JS, ale nie wiem jak. Proszę o szybką pomocOczko

Z góry dzięki.
 System operacyjny: windows_vista Przeglądarka: ie
#2
RE: Dodanie kodu po kliknięciu myszą a przycisk
do textarea dodajesz name np"
Kod:
<textarea name='body>
a potem do buttona robisz coś w tym stylu
Kod:
<input type='button' value='b' class='button' style='font-weight:bold;width:25px' onClick=\"addText('body', '<b>', '</b>');\">

w miejsce body wpisujesz nazwe textarea
reszte wiesz jak pozmieniaćOczko
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#3
RE: Dodanie kodu po kliknięciu myszą a przycisk
Nie za bardzo mi to działa. Sprawdzałem w Konsoli Java Script wbudowanej w Firefox'a i mi wychodzi:

Cytat:Błąd: illegal character
Kod źródłowy:
\"addText('body',

Co jest nie tak?
 System operacyjny: windows_vista Przeglądarka: ie
#4
RE: Dodanie kodu po kliknięciu myszą a przycisk
Spróbuj bez \.
 System operacyjny: linux_ubuntu Przeglądarka: firefox
#5
RE: Dodanie kodu po kliknięciu myszą a przycisk
kriszna napisał(a):Spróbuj bez \.

Próbowałem i nic, choś jest trochę lepiejJęzyk Teraz wyświetla się:

Cytat:Błąd: addText is not defined

po kliknięciu na przycisk.
 System operacyjny: windows_vista Przeglądarka: ie
#6
RE: Dodanie kodu po kliknięciu myszą a przycisk
Kod:
function addText(elname, wrap1, wrap2) {
    if (document.selection) { // for IE
        var str = document.selection.createRange().text;
        document.forms['inputform'].elements[elname].focus();
        var sel = document.selection.createRange();
        sel.text = wrap1 + str + wrap2;
        return;
    } else if ((typeof document.forms['inputform'].elements[elname].selectionStart) != 'undefined') { // for Mozilla
        var txtarea = document.forms['inputform'].elements[elname];
        var selLength = txtarea.textLength;
        var selStart = txtarea.selectionStart;
        var selEnd = txtarea.selectionEnd;
        var oldScrollTop = txtarea.scrollTop;
        //if (selEnd == 1 || selEnd == 2)
        //selEnd = selLength;
        var s1 = (txtarea.value).substring(0,selStart);
        var s2 = (txtarea.value).substring(selStart, selEnd)
        var s3 = (txtarea.value).substring(selEnd, selLength);
        txtarea.value = s1 + wrap1 + s2 + wrap2 + s3;
        txtarea.selectionStart = s1.length;
        txtarea.selectionEnd = s1.length + s2.length + wrap1.length + wrap2.length;
        txtarea.scrollTop = oldScrollTop;
        txtarea.focus();
        return;
    } else {
        insertText(elname, wrap1 + wrap2);
    }
}

znalazłem jeszcze taką funkcje do tego co ci dałem
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#7
RE: Dodanie kodu po kliknięciu myszą a przycisk
Złączyłem to wszystko razem i po kliknięciu przycisku poprostu nic się nie dzieje.

Ps. W końcu mam zostawić te ukośniki (#4 - #5)?
 System operacyjny: windows_vista Przeglądarka: ie
#8
RE: Dodanie kodu po kliknięciu myszą a przycisk
powinieneś \" to jest to samo co ' więc powinny zostać albo je zamień na '. nie może to być samo "
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#9
RE: Dodanie kodu po kliknięciu myszą a przycisk
Dalej coś nie tak. Próbuję na wszystkie sposoby i dalej nic. Klikam i klikam i nic się nie dziejePłacze
 System operacyjny: windows_vista Przeglądarka: ie
#10
RE: Dodanie kodu po kliknięciu myszą a przycisk
daj kody te co TY wstawiłeś. bo pewnie coś zmieniałeś Wesoły

daj kod textarea i tego buttona co ma wstawiac tekst
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (Dodanie kodu po kliknięciu myszą a przycisk)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 8335 15.01.2018, 12:21
Ostatni post: Ganjax15
  Webinar - z generowaniem kodu/tokenu na określony czas Artur3333 3 5295 21.11.2017, 21:59
Ostatni post: Michu_PL
  Przycisk dostępny po czasie html maciek3203 2 5727 13.06.2017, 14:34
Ostatni post: insanebear

Skocz do:


Wybrane wątki (Dodanie kodu po kliknięciu myszą a przycisk)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Generator kodów kreskowych Yanke$ 0 5564 16.09.2018 12:02
Ostatni post: Yanke$
  skalowanie elementów do wielkości ekranu szakal87 1 5877 11.09.2018 05:36
Ostatni post: Michu_PL
  Formularz do zgłaszania błędów na stronie-pomoc w przeróbce. raxer 0 5376 10.09.2018 18:51
Ostatni post: raxer
  Layout Strony Majki_77 2 6898 28.08.2018 16:27
Ostatni post: gentleman
  Wyszukiwanie na urządzenich mobilnych broda99 4 2267 22.08.2018 13:14
Ostatni post: grzegorzkrk
  Zmiana rozmiaru okna przeglądarki a marginesy Wacho 0 5701 09.08.2018 23:15
Ostatni post: Wacho
  Stworzenie nowej strony na Wordpressie Majki_77 8 6922 22.07.2018 22:21
Ostatni post: ada1986
Ściana Dynamiczne pobieranie html PHP kamiltu 0 6447 23.06.2018 15:53
Ostatni post: kamiltu
  Tworzenie stron (Usługa) Majki_77 2 6414 21.06.2018 08:13
Ostatni post: Michu_PL
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 1339 10.06.2018 14:40
Ostatni post: raxer
  Przypisanie hostingu ma7 do domeny home.pl Eleven315 1 5948 10.06.2018 14:38
Ostatni post: raxer
  Xampp sieć lokalna milutki182 8 5815 07.06.2018 19:58
Ostatni post: raxer
  Zbyt duży zrzut bazy MySQL z!pper 6 6163 04.06.2018 19:18
Ostatni post: z!pper
  Hosting + domena, gdzie? :) DewaaStacjaa 34 45606 23.05.2018 09:33
Ostatni post: dk2591
  Favicon, icon - problem z Safari kamil656 2 6088 18.05.2018 16:31
Ostatni post: kamil656