PHP: strefaphp.net
PHP: strefaphp.net



 
Czy odwiedziłeś już te strony? -
dodał: Vengeance

Temat: [js] wstawianie tekstu do textarea
Autor
Data: 14-08-2004 15:00
kw
moderator

dołączył:
03-06-2004 
potrzebuje zrobic cos takiego co czesto uzywamy na forach: ze jak sie kliknie na motke to pojawia sie np. :kw: w textarea... te kody sa w zrodlach, ale ja jestem taki tepy w js, ze szok i nie umiem tego zrobic, o jak to:
Kod:


function emoticon(text) {
    text = ' ' + text + ' ';
    if (document.post.message.createTextRange && document.post.message.caretPos) {
        var caretPos = document.post.message.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
        document.post.message.focus();
    } else {
    document.post.message.value  += text;
    document.post.message.focus();
    }
}


________

<a href="javascript:emoticon(':balloff:')"><img src="emotki/icon_biggrin.gif"></a> 



Nie rozumiem tu co drugiego znaku, tylko to skopiwalem z jakiegos zrodla :)
Kto mi pomoze i da jakis dzialajacy skrypt i mi go wyjasni tylko tak, cobym nie spieprzyl... rozumiec go nie musze :)

z gory thx

// Edytowany 14-08-2004 15:01 przez kw

młody, zdolny, chętny - jestem Wasz :> 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 14-08-2004 18:53
Bielo

dołączył:
14-08-2004 

Kod:


function emoticon(text) {//definicja funkcji emoticon gdzie pierwszym parametrem jest text
    text = ' ' + text + ' ';//teraz dodaje z obu stron textu spacje
    if (document.post.message.createTextRange && document.post.message.caretPos) {//sprawdza czy w polu o nazwie message formularza post istnieje zaznaczony tekst
        var caretPos = document.post.message.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;//w tych kilku linijkach upraszczając zamienia zaznaczony tekst/ wstawia w miejsce kursora text ze zmiennej
        document.post.message.focus();// uaktywnia pole message
    } else {//jeśli nie istnieje zaznaczenie, ali kursor nie jest w polu edycji
    document.post.message.value  += text;//dopisuje tekst na końcu
    document.post.message.focus();// uaktywnia pole message
    }
}


________

<a href="javascript:emoticon(':balloff:'/* tu wstaw tekst który ma być wstawiony w textarea */)"><img src="emotki/icon_biggrin.gif"></a> 

 
Cytuj   Profil Email 
Autor
Data: 15-08-2004 11:55
kw
moderator

dołączył:
03-06-2004 
dzieki za wytlumaczenie
no, ale kw dalej nie rozumie, jak zrobic zeby ten skrypt dzialal z mojej strony dodam, ze:
- form name=ksiega
- textarea name=tresc

Gdzie w skrypcie mam to wstawic

młody, zdolny, chętny - jestem Wasz :> 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 15-08-2004 12:39
DarkSpirit
administrator

dołączył:
02-06-2004 
<img src=kw.jpg onClick=emoticon(kw)>

bye

Will code html for food.
WebDesign 
Cytuj   Profil Email Strona www 
Autor
Data: 15-08-2004 14:39
Vengeance
administrator

dołączył:
02-06-2004 
podobmnie masz to zrobione na mojej www mogłeś zajrzeć w źródła ;]

PHP Portfolio
devblog
Imprezy Łódź 
Cytuj   Profil Email Strona www 
Autor
Data: 17-08-2004 22:36
kw
moderator

dołączył:
03-06-2004 

Kod:


<html>
<head>
<script language=JavaScript>
function emoticon(text) {
        text = ' ' + text + ' ';
        document.post.tresc.value += text;
        document.post.tresc.focus();
}

</script>
</head>
<body>
<form action="" method="post" >
<table>
<tr>
    <td>
    <img onclick="emoticon(':kw:')" src="kw.gif">
    <td>
</tr>
<tr>
     <td>
     <textarea name="tresc" cols="50" rows="5"></textarea>
     </td>
</tr>
</table>
</form>
</body>
</html>


czemu to nie dziala

młody, zdolny, chętny - jestem Wasz :> 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 17-08-2004 22:48
DarkSpirit
administrator

dołączył:
02-06-2004 
<a href="javascript:emoticon('kw')"> <img src="kw.jpg"> </a> wpisz sobie i sprawdz czy zadziala

bye

Will code html for food.
WebDesign 
Cytuj   Profil Email Strona www 
Autor
Data: 18-08-2004 04:00
Vengeance
administrator

dołączył:
02-06-2004 

Kod:


<html> 
<head> 
<script language=JavaScript> 
function emoticon(text) { 
        text = ' ' + text + ' '; 
        document.post.tresc.value += text; 
        document.post.tresc.focus(); 


</script> 
</head> 
<body> 
<form action="" method="post" name="post"> 
<table> 
<tr> 
    <td> 
    <img onclick="emoticon(':kw:')" src="kw.gif"> 
    <td> 
</tr> 
<tr> 
     <td> 
     <textarea name="tresc" cols="50" rows="5"></textarea> 
     </td> 
</tr> 
</table> 
</form> 
</body> 
</html>



Zapomniałeś dodać pole name="" to <form>

PHP Portfolio
devblog
Imprezy Łódź 
Cytuj   Profil Email Strona www 
Autor
Data: 18-08-2004 20:03
kw
moderator

dołączył:
03-06-2004 
ok, juz dziala

młody, zdolny, chętny - jestem Wasz :> 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 03-06-2006 14:38
camikazee

dołączył:
03-06-2006 
mam pytanie odnosnie tego skryptu. W formularzuprzenosze cala tablice guest[], nazwa pola textarea jest guest[body] jak to polaczyc z javascriptem. Sa bledy z uwagi na te kwadratowe nawiasy, nie znam sie na javie i nie wiem czy to w jakies cudzyslowy dac czy jak :( 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 27-06-2006 08:34
piotrk

dołączył:
27-06-2006 
Witam, mam pytanie, jak można zrobić taki myk aby z pola typu 'text' po naciśnieciu 'buttona' wprowadzać automatycznie wartość tego pola do pola 'textarea' ???? 
Cytuj   Profil Email 
Autor
Data: 27-06-2006 11:41
Vengeance
administrator

dołączył:
02-06-2004 
function $(id) {
return document.getElementById(id);
}

var textarea = $('body');
var input = $('input');

textarea.value = input.value;



Jeszcze musisz to pod odpowiednie zdażenie w buttonie podpiąć

PHP Portfolio
devblog
Imprezy Łódź 
Cytuj   Profil Email Strona www 
Autor
Data: 27-06-2006 11:58
Oversw

dołączył:
29-01-2005 
byles pierwszy Vee., ale t0 juz wpisze t0 c0 chcialem napisac...

Kod:


<html> 
<head> 
<script language=JavaScript> 

function emoticon(text) { 
        var text_value = document.getElementById('text').value;
        
        if(text == 'text_value')
        {
           document.post.tresc.value += text_value; 
           document.post.tresc.focus();
        } else {
           text = ' ' + text + ' '; 
           document.post.tresc.value += text; 
           document.post.tresc.focus(); 
        }


</script> 
</head> 
<body> 
<form action="" method="post" name="post"> 
<table> 
<tr> 
    <td> 
     <input type="button" onClick="emoticon('ble ble ble')" value="dodaj co kolwiek"> | <input type="button" onClick="emoticon('text_value')" value="Wpisz do textarea">
    <td> 
</tr> 
<tr> 
     <td> 
     <input type="text" name="text" value="test" id="text"><br>
     <textarea name="tresc" cols="50" rows="5"></textarea> 
     </td> 
</tr> 
</table> 
</form> 
</body> 
</html>

 
Cytuj   Profil Email Strona www Komunikator
Autor
Data: 27-06-2006 14:42
piotrk

dołączył:
27-06-2006 
Dzięki serdeczne za pomoc, zdazylem juz sobie poradzic, nie wiedzac do konca o co w tym wszystkim chodzi, ponizej skrypt, ktory jakos dziala, nie wiem czy jest on do konca poprawny ale wstawia wartosci z pola text do textarea, co o nim myslicie ??
<script language="JavaScript">
function add3textarea(form){
document.nazwa_formularza.nazwa_textarea.value+="Trakt "+trakt1.value+" "
}
<?php

echo '<fieldset>
<legend>Dziennik zdarzeń</legend>';

print"<form name='nazwa_formularza' method='post' action='dziennikwstaw.php?id=$id&&login=$login&&haslo=$haslo'>";

print"&nbsp;Waga :";
print"<br>";
print"<input type='radio' name='waga' value='1' id='Wysoki'>";
print "<label for='wysoki'>Wysoki priorytet</label>";
print"<br>";
print"<input type='radio' name='waga' value='2' id='sredni' >";
print "<label for='sredni'>Średni priorytet</label>";
print"<br>";
print"<input type='radio' name='waga' value='3' id='niski' checked='checked'>";
print "<label for='niski'>Niski priorytet</label>";
print"<br>";


include ('dziennikdata.php');

print"<p align='left'><textarea name='nazwa_textarea' rows='4' cols='60' style='background-color: #FFFF99; color: red; '> </textarea>";
print"<button type='reset' name='reset'>skasuj dane</button>";
print "<input type='hidden' name='login' value='$login'>";
print "<input type='hidden' name='haslo' value='$haslo'>";
print"<input type='submit' value=' wyślij dane !!!'>";

print"</form>";

?>

<input type='text' id='trakt' name='trakt1' size='4' style='background-color: white; color: black; font-weight:bold; font-size: 10pt'><br>
<input type='button' id='traktbUTTON' name='button1' onclick="javascript:add3textarea(this.form);" value='Ustaw' style='width: 53px;'>

</script> 
Cytuj   Profil Email 

 

Polecamy
PHP: strefaphp.net
wyślij email informacje forum download skrypty katalog kursy porady artykuły home współpraca reklama kontakt