[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Добавление смайликов
Dron19
Здравствуйте, прошу помочь сделать на javascript добавление смайликов без загрузки страницы, ну вот точно такую же как и на этом форуме при нажатии на смайл! Заранее спасибо! smile.gif



Спустя 2 дня, 6 часов, 53 минуты, 34 секунды (4.11.2009 - 21:13) bret написал(а):
ohmy.gif
Смотришь в исходный код страницы, копипаститшь и доводишь до кондиции

Спустя 1 день, 18 часов, 10 минут, 22 секунды (6.11.2009 - 15:23) Dron19 написал(а):
Я вообще 0 в javascript ! blink.gif

Спустя 2 дня, 21 час, 33 минуты, 46 секунд (9.11.2009 - 12:57) Romms написал(а):
Это всё можно написать чистым JavaScript'ом но лучше на JavaScript+PHP

вот сам JavaScript:

<script type="text/javascript">
<!--
function tag_it(txtstart,txtend) {
document.editor_form.text.focus();
if (document.selection) {
var rng = document.selection.createRange();
if (rng.text) {
document.selection.createRange().text = txtstart + rng.text + txtend;
} else {
document.editor_form.text.value += txtstart + txtend;
}
document.editor_form.text.focus();
}
else if (document.editor_form.text.selectionStart || document.editor_form.text.selectionStart == '0') {
var selStart = document.editor_form.text.selectionStart;
var selEnd = document.editor_form.text.selectionEnd;
var s = document.editor_form.text.value;
s = s.substring(0, selStart) + txtstart + s.substring(selStart, selEnd) + txtend + s.substring(selEnd,

s.length);
document.editor_form.text.value = s;
if (selEnd != selStart) {
document.editor_form.text.selectionStart = selStart;
document.editor_form.text.selectionEnd = selEnd + txtstart.length + txtend.length;
} else {
document.editor_form.text.selectionStart = selStart + txtstart.length;
document.editor_form.text.selectionEnd = document.editor_form.text.selectionStart;
}
}
else {
document.editor_form.text.value += txtstart + txtend;
}
}

//-->
</script>


Вот пример клиентской формы:


<form action="addwall.php" method="post" id="editor_form" name="editor_form">
Ваше ім'я*
<input type="text" name="name" size="40" maxlength="30" />
Ваш e-mail
<input type="text" name="email" size="30" maxlength="30" />

Текст повідомлення*<br />
<textarea
name="text" rows="8" cols="50"></textarea>
<img
src="/smiles/smile3.gif" onclick="tag_it('',':)');" alt="ms1.org.ua" />

<img
src="/smiles/sad.gif" onclick="tag_it('',':(');" alt="ms1.org.ua" />
<img
src="/smiles/rofl.gif" onclick="tag_it('',':D');" alt="ms1.org.ua" />
<img
src="/smiles/wink.gif" onclick="tag_it('',';)');" alt="ms1.org.ua" />
<img
src="/smiles/shok.gif" onclick="tag_it('',':shok:');" alt="ms1.org.ua" />
<br />
<img
src="/smiles/clapping.gif" onclick="tag_it('',':clapping:');" alt="ms1.org.ua" />
<img
src="/smiles/dirol.gif" onclick="tag_it('','B)');" alt="ms1.org.ua" />
<img
src="/smiles/help.gif" onclick="tag_it('',':help:');" alt="ms1.org.ua" />
<img
src="/smiles/hi.gif" onclick="tag_it('',':hi:');" alt="ms1.org.ua" />
<img
src="/smiles/sleep.gif" onclick="tag_it('',':sleep:');" alt="ms1.org.ua" />
<br />
<img
src="/smiles/not_i.gif" onclick="tag_it('',':not_i:');" alt="ms1.org.ua" />
<img
src="/smiles/ok.gif" onclick="tag_it('',':ok:');" alt="ms1.org.ua" />
<img
src="/smiles/ph34r.gif" onclick="tag_it('',':ph34r:');" alt="ms1.org.ua" />
<img
src="/smiles/rofl.gif" onclick="tag_it('',':rofl:');" alt="ms1.org.ua" />
<img
src="/smiles/roulette.gif" onclick="tag_it('',':roulette:');" alt="ms1.org.ua" />
<br />

<img
src="/smiles/search.gif" onclick="tag_it('',':search:');" alt="ms1.org.ua" />
<img
src="/smiles/secret.gif" onclick="tag_it('',':secret:');" alt="ms1.org.ua" />
<img
src="/smiles/smile2.gif" onclick="tag_it('',':]');" alt="ms1.org.ua" />
<img
src="/smiles/stop.gif" onclick="tag_it('',':stop:');" alt="ms1.org.ua" />
<img
src="/smiles/swoon.gif" onclick="tag_it('',':swoon:');" alt="ms1.org.ua" />
<br />
<img
src="/smiles/tongue.gif" onclick="tag_it('',':tongue:');" alt="ms1.org.ua" />
<img
src="/smiles/wacko.gif" onclick="tag_it('',':wacko:');" alt="ms1.org.ua" />
<img
src="/smiles/warning.gif" onclick="tag_it('',':warning:');" alt="ms1.org.ua" />
<img
src="/smiles/yahoo.gif" onclick="tag_it('',':yahoo:');" alt="ms1.org.ua" />
<img
src="/smiles/acute.gif" onclick="tag_it('',':acute:');" alt="ms1.org.ua" />
Захисний код: <img src="security.php" alt="security" />

<br />
<input
type="text" name="security" size="7" />

<br />
<input
type="submit" value="Відправити повідомлення" />
</form>



А вот и сам РНР код который переобразует все знаки смайликов у htmlкод изображений


$text=str_replace(':)','<img src="../../smiles/smile3.gif">',$text);
$text=str_replace(':(','<img src="../../smiles/sad.gif">',$text);
$text=str_replace(':D','<img src="../../smiles/rofl.gif">',$text);
$text=str_replace(';)','<img src="../../smiles/wink.gif">',$text);
$text=str_replace(':shok:','<img src="../../smiles/shok.gif">',$text);
$text=str_replace(':clapping:','<img src="../../smiles/clapping.gif">',$text);
$text=str_replace('B)','<img src="../../smiles/dirol.gif">',$text);
$text=str_replace(':help:','<img src="../../smiles/help.gif">',$text);
$text=str_replace(':hi:','<img src="../../smiles/hi.gif">',$text);
$text=str_replace(':sleep:','<img src="../../smiles/sleep.gif">',$text);
$text=str_replace(':not_i:','<img src="../../smiles/not_i.gif">',$text);
$text=str_replace(':ok:','<img src="../../smiles/ok.gif">',$text);
$text=str_replace(':ph34r:','<img src="../../smiles/ph34r.gif">',$text);
$text=str_replace(':rofl:','<img src="../../smiles/rofl.gif">',$text);
$text=str_replace(':roulette:','<img src="../../smiles/roulette.gif">',$text);
$text=str_replace(':search:','<img src="../../smiles/search.gif">',$text);
$text=str_replace(':secret:','<img src="../../smiles/secret.gif">',$text);
$text=str_replace(':]','<img src="../../smiles/smile2.gif">',$text);
$text=str_replace(':stop:','<img src="../../smiles/stop.gif">',$text);
$text=str_replace(':swoon:','<img src="../../smiles/swoon.gif">',$text);
$text=str_replace(':tongue:','<img src="../../smiles/tongue.gif">',$text);
$text=str_replace(':wacko:','<img src="../../smiles/wacko.gif">',$text);
$text=str_replace(':warning:','<img src="../../smiles/warning.gif">',$text);
$text=str_replace(':yahoo:','<img src="../../smiles/yahoo.gif">',$text);
$text=str_replace(':acute:','<img src="../../smiles/acute.gif">',$text);

Спустя 2 дня, 15 часов, 14 минут, 31 секунда (12.11.2009 - 04:12) Dron19 написал(а):
Я в php и mysql хорошо разбираюсь и функцию str_replace уже сделал, вся проблема с javascript, я вообще не понимаю, что Вы на нем мне написали, а в php понятно, можете мне сказать где можно скачать хорошую книгу по javascript?

Спустя 1 день, 22 часа, 51 минута (14.11.2009 - 03:03) Dron19 написал(а):
И ктому же картинки можно было занести в переменные и на них сразу же менять! Зачем писать много кода? Чтобы медленнее скрипт работал?

Спустя 1 день, 23 часа, 13 минут, 39 секунд (16.11.2009 - 02:16) Dron19 написал(а):
Спасибо за Javascript код


_____________
PHP+MySQL - уже изучил, осталось всего лишь это:
C,C++,C#,JavaScript,Python,Ruby,Perl,OpenGl,DirectX,ASP.NET - Намерен учить все
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.