Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][js]Emotki
Forum PHP.pl > Forum > Przedszkole
michu9010
witam mam problem
jak najpierw wczytac obrazki z kat a potem zeby pokazal i jak sie kliknie na emote to automatycznie wstawi sie do textarea a konkretnie chodzi mi o podobne rozwiazanie jak jest na fotka.pl w dziale komentarze worriedsmiley.gif albo tak jak na tym forum przy dodawaniu posta blinksmiley.gif moze mi kto pomoc sciana.gif
]dziekuje
sniezny_wilk
Cytat(michu9010 @ 25.12.2007, 22:40:44 ) *
witam mam problem
jak najpierw wczytac obrazki z kat a potem zeby pokazal i jak sie kliknie na emote to automatycznie wstawi sie do textarea a konkretnie chodzi mi o podobne rozwiazanie jak jest na fotka.pl w dziale komentarze worriedsmiley.gif albo tak jak na tym forum przy dodawaniu posta blinksmiley.gif moze mi kto pomoc sciana.gif
]dziekuje


Mało to po polsku napisane. Poszukaj trochę na google.pl, tam trochę jest takich rozwiązań, ściągnij kody for internetowych - tam się tego używa. Trudno, abyśmy pisali za Ciebie całość kodu. Pokombinuj trochę sam.

Ogólnie wczytujesz obrazki, do każdego dorzucasz jakąś funkcję JavaScript (przez np. onclick), która wstawia do textarea tekst przez np. dokument.getElementById('id_textarea').value.
marcio
Ja uzywam takiego kodu js do wstawiania w textarea:
  1. <?php
  2. <script type="text/javascript">
  3. function insertAtCursor(myField, myValueStart, myValueEnd) {
  4. //IE support
  5. if (document.selection) {
  6. myField.focus();
  7. sel = document.selection.createRange();
  8. sel.text = myValueStart+sel.text+myValueEnd;
  9. }
  10. //MOZILLA/NETSCAPE support
  11. else if (myField.selectionStart || myField.selectionStart == 0) {
  12. var startPos = myField.selectionStart;
  13. var endPos = myField.selectionEnd;
  14. myField.value = myField.value.substring(0, startPos)+ myValueStart+myField.value.substring(startPos,endPos)+myValueEnd+myField.value.substring(endPos, myField.value.length);
  15. } else {
  16. myField.value += myValue;
  17. }
  18. }
  19. </script>
  20. ?>

Tak wyglada emotka w html:
  1. <?php
  2. <img src="icon9.gif" onclick="javascript:insertAtCursor(tagi.message, 'biggrin.gif','')" />
  3. ?>

A funckje w php bbcode robisz na przyklad tak:
  1. <?php
  2. public function bbcode() {
  3. $zmien = htmlspecialchars(trim($this->message));
  4. $zmien = str_replace(":D","<img src='icon9.gif' />", $zmien);
  5. }
  6. // tak wywolujesz $this->bbcode(); chyba ze sobie przerobisz
  7. ?>

Oczywiscie tu onclick="java script:insertAtCursor(tagi.message, \':D\',\'\')" /> zamiast tagi dajesz nazwe twojego forma a zamiast message nazwe pola textarea
Cysiaczek
@michu9010 - pisz tak, aby można Cię było zrozumieć.

Przenoszę na Przedszkole
marcio
To jak moze powiedzialbys czy dziala
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.