Mam problem. Co zrobić by jak klikne w emotikona pojawił sie w polu do pisania, a później normalnie wyświetlał się w komentarzach? Pokaże obrazek o co mi chodzi:
Prosze pomóżcie !
Pełna wersja: Dodawanie emotikonów...
Witam !
Mam problem. Co zrobić by jak klikne w emotikona pojawił sie w polu do pisania, a później normalnie wyświetlał się w komentarzach? Pokaże obrazek o co mi chodzi:
Prosze pomóżcie !
Mam problem. Co zrobić by jak klikne w emotikona pojawił sie w polu do pisania, a później normalnie wyświetlał się w komentarzach? Pokaże obrazek o co mi chodzi:
Prosze pomóżcie !
Nieodpowiedni dział wybrałeś. Takie rzeczy robi się w javascripcie.
Możesz zrobić to na kilka sposobów. Z tego co wiem:
- jeżeli ma się dodać na koniec: innerHTML,
- jeżeli w miejsce kursora:
Ogólnie musisz oprzeć się na DHTML-u i js-ie.
Możesz zrobić to na kilka sposobów. Z tego co wiem:
- jeżeli ma się dodać na koniec: innerHTML,
- jeżeli w miejsce kursora:
Kod
var element = document.getElementById('textarea' + id);
var selection = element.value.substr(element.selectionStart, element.selectionEnd - element.selectionStart);
start = element.value.substr(0, element.selectionStart);
end = element.value.substr(element.selectionEnd, element.textLength);
element.value = start + selection + work + end;
element.focus();
document.getElementById('textarea' + id + '_info').style.display = 'none';
(jak nie będziesz potrafił dostosować go do swoich potrzeb - pomożemy; jestem amatorem w js, więc kod może być kiepskiej jakości).var selection = element.value.substr(element.selectionStart, element.selectionEnd - element.selectionStart);
start = element.value.substr(0, element.selectionStart);
end = element.value.substr(element.selectionEnd, element.textLength);
element.value = start + selection + work + end;
element.focus();
document.getElementById('textarea' + id + '_info').style.display = 'none';
Ogólnie musisz oprzeć się na DHTML-u i js-ie.
Dobra, czyli jak to mam wstawić, dokładniej?
Już napisałem. Skorzystaj z DHTML-a i javascripta. Gotowego przepisu tutaj nie dostaniesz.
Ogólnikowo:
- dodaj do funkcji javascript działanie (w tym wypadku dodawanie tekstu do texraea),
- do emotikonki dodaj zdarzenie onclick zawierające nazwę funkcji,
- do wybranego textarea dopisz unikalny identyfikator,
- w funkcji js działaj na podanym identyfikatorze.
Ogólnikowo:
- dodaj do funkcji javascript działanie (w tym wypadku dodawanie tekstu do texraea),
- do emotikonki dodaj zdarzenie onclick zawierające nazwę funkcji,
- do wybranego textarea dopisz unikalny identyfikator,
- w funkcji js działaj na podanym identyfikatorze.
Oj, to chyba na mnie za trudne...
Wcale nie takie trudne. 
Wystarczy trochę chęci i samozaparcia.
Trochę pomogę:
Pisałem w poście, więc mogą być błędy.
Wystarczy trochę chęci i samozaparcia.Trochę pomogę:
*/Pisałem w poście, więc mogą być błędy.
Więć sprawa ma się tak:
co mam robić?
Kod
echo "<dt style='float:left; padding-left:37px;'><b>Emotikony</b></dt><dt style='padding-left:37px;'><b>Treść</b></dt><div style='float: left; background-image: url(http://moszczenica.info/podklad.jpg); border:1px; border-color:gray; width:150px; height:135px;'><a href=\"#\" onclick='emoticonAdd(':)');'><img src='images/smiles/smile_angry.gif'></a></div><div><textarea style='background-image: url(http://moszczenica.info/podklad.jpg); border:1; border-color:lightgray;' id='form_text' rows='7' cols='40' style='width:250px; height:100px;'></textarea></div>";
- to odpowiada za textere, i tu daje emotke.Kod
<script type="text/javascript">
function emoticonAdd(work) {
var element = document.getElementById('form_text');
element.innerHtml += ' ' + work + ' ';
/* albo element.value.innerHtml += ' ' + work + ' '; zapomniałem :D */
}
</script>
- a to jest ten twój skryptfunction emoticonAdd(work) {
var element = document.getElementById('form_text');
element.innerHtml += ' ' + work + ' ';
/* albo element.value.innerHtml += ' ' + work + ' '; zapomniałem :D */
}
</script>
co mam robić?
nie
Napisz co się dzieje jak klikasz na emotikonę.
PS jednak
tylko
Napisz co się dzieje jak klikasz na emotikonę.
PS jednak
Poprawiłem trochę:
nie może być: "onclick" - ponieważ strona się nie włączy musi być \"onclick\". Po kliknięciu w emotkę przenosi mnie do strony głównej.
Moje kolejny pytanie:
P.S To nie jest stronka w HTML, tylko to jest plik odpowiadający za komentarze i jest on w PHP.
Kod
echo "<dt style='float:left; padding-left:37px;'><b>Emotikony</b></dt><dt style='padding-left:37px;'><b>Treść</b></dt><div style='float: left; background-image: url(http://moszczenica.info/podklad.jpg); border:1px; border-color:gray; width:150px; height:135px;'><a href=\"#\" onclick=\"emoticonAdd(':)');\"><img src='images/smiles/smile_angry.gif' alt=\":)\" border='0'></a></div><div><textarea style='background-image: url(http://moszczenica.info/podklad.jpg); border:1; border-color:lightgray;' id='form_text' rows='7' cols='40' style='width:250px; height:100px;'></textarea></div>";
nie może być: "onclick" - ponieważ strona się nie włączy musi być \"onclick\". Po kliknięciu w emotkę przenosi mnie do strony głównej.
Moje kolejny pytanie:
Kod
<script type="text/javascript">
function emoticonAdd(work) {
var element = document.getElementById('form_text');
element.innerHtml += 'czy coś tu mam wpisać' + work + 'czy coś tu mam wpisać';
/* albo element.value.innerHtml += ' ' + work + ' '; zapomniałem :D */
}
</script>
function emoticonAdd(work) {
var element = document.getElementById('form_text');
element.innerHtml += 'czy coś tu mam wpisać' + work + 'czy coś tu mam wpisać';
/* albo element.value.innerHtml += ' ' + work + ' '; zapomniałem :D */
}
</script>
P.S To nie jest stronka w HTML, tylko to jest plik odpowiadający za komentarze i jest on w PHP.
Cytat
Po kliknięciu w emotkę przenosi mnie do strony głównej.
Wystarczy, że funkcja podpięta do onclick zwróci false i nie przeniesie. Ładniej można zrobić przez przechwycenie zdarzenia i wykonanie e.preventDefault().
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.