Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Чат, смаили,вставки в ИНПУТ. Проблемы

Автор: rthsobakas 22.8.2009, 11:52

Код


<script type='text/javascript'>
function insertTag(tag) { 
    tg = '[' + tag + ']'; 
    document.getElementById('qw').value = document.getElementById('qw').value + tg;
}
</script>

Код


<form action="gorilla.php" method="post"><TD align="left">
<FONT SIZE="-1">ник:</FONT><input type="text" name="person" size="25" maxlength="80"  value="<?php echo $person ?>" disabled>
<input type='image'  src="image/smile/bezmata.gif" onclick="insertTag('smile1');">
<input type='image'  src="image/smile/danuvas.gif" onclick="insertTag('smile2');">
<input type='image'  src="image/smile/gigi.gif" onclick="insertTag('smile3');">
<br>
<FONT SIZE="-1">текст:</FONT><BR> <input name="message" id="qw" size="130">
<input type="submit" value="отправить">
</TD></form>

Когда нажимаю на

Код


<input type='image'  src="image/smile/bezmata.gif" onclick="insertTag('smile1');">

к примеру, то всталяется текст [smile1] в

Код


<input name="message" id="qw" size="130">

Но почему то сразу выполняется действие

Код


<input type="submit" value="отправить">

Как так? Если вместо type='image' применить type='button',то все нормально будет.

Автор: tiptoptrick 22.8.2009, 13:26

я в javascript'е не силен, но могу сказать две вещи:
1. input type="image" не работает, а если сделать кнопкой, без картинки, то нормально вставляется.
2. при нажатии на картинку, форма передает не только содержимое message а и координаты XY смайлика, на который нажали.
думайте.

вот так через label. правда тогда при наведении на смайлик курсор не меняется.

Код


<form action="gorilla.php" method="post"><TD align="left">
<FONT SIZE="-1">ник:</FONT><input type="text" name="person" size="25" maxlength="80"  value="<?=$person?>" disabled>
<input type='hidden' id="bezmata" onclick="insertTag('smile1');"><label for="bezmata"><img src="image/smile/bezmata.gif" /></label>
<input type='hidden' id="danuvas" onclick="insertTag('smile2');"><label for="danuvas"><img src="image/smile/danuvas.gif" /></label>
<input type='hidden' id="gigi" onclick="insertTag('smile3');"><label for="gigi"><img src="image/smile/gigi.gif" /></label>
<br>
<FONT SIZE="-1">текст:</FONT><BR> <input name="message" id="qw" size="130">
<input type="submit" value="отправить">
</TD></form>

Автор: rthsobakas 22.8.2009, 17:53

эээ... если лейблы использовать, то в

Код


<input name="message" id="qw" size="130">

не вставляется текст(если нажать на лэйбл).

Автор: tiptoptrick 22.8.2009, 18:06

создай такую страницу (.html) и открой в браузере. у меня все работает. надо кликать на изображения.

Код


<head>
<script type='text/javascript'>
function insertTag(tag) { 
    tg = '[' + tag + ']'; 
    document.getElementById('qw').value = document.getElementById('qw').value + tg;
}
</script>
</head>
<body>
<form action="gorilla.php" method="post"><TD align="left">
<FONT SIZE="-1">ник:</FONT><input type="text" name="person" size="25" maxlength="80"  value="<?=$person?>" disabled>
<input type='hidden' id="bezmata" onclick="insertTag('smile1');"><label for="bezmata"><img src="image/smile/bezmata.gif" /></label>
<input type='hidden' id="danuvas" onclick="insertTag('smile2');"><label for="danuvas"><img src="image/smile/danuvas.gif" /></label>
<input type='hidden' id="gigi" onclick="insertTag('smile3');"><label for="gigi"><img src="image/smile/gigi.gif" /></label>
<br>
<FONT SIZE="-1">текст:</FONT><BR> <input name="message" id="qw" size="130">
<input type="submit" value="отправить">
</TD></form>
</body>

Автор: rthsobakas 22.8.2009, 18:24

дык я так и сделал. Может в браузере дело. В фаирфоксе это работает, а в опере нет! А глобальней вариант нельзя,чтоб везде работало?

Автор: tiptoptrick 22.8.2009, 19:15

извини, но я даже javascript'а не знаю. попробуй посмотреть как это реализовано в том же IPB, или поищи похожие скрипты.

Автор: rthsobakas 22.8.2009, 19:28

че его знать? я его тоже не знаю. Знаешь 1 язык программирования- ситай все знаешь. Черт опера подвела на этот раз.

Добавлено через 9 минут и 57 секунд
хммм.... на винграде форуме слева смаилы,но это не button а картинки.

Код


<img style="cursor:pointer;"src="http://forum.vingrad.ru/html/emoticons/pack/good.gif" alt=':good' onclick="ubbc_addAfter(' :good ');"/>

надо посмотреть на ubbc_addAfte.
в <script type='text/javascript' src='/tmp/time1202145537.js'></script>

Код


function ubbc_addAfter(A){
post.appendAfterSelectionText(A);
post.collapse(false)
};

нашел...осталось понять че означают эти 2 строчки...ррр

Добавлено через 12 минут и 54 секунды

Цитата

Искомая комбинация слов нигде не встречается.
«appendAfterSelectionText» · Запросов за месяц: appendafterselectiontext — 0.
в других поисковых системах: Google · Bing · Yahoo! · Rambler · Яндекс.Каталог

итак,господа. Что это может значить?

Автор: tiptoptrick 22.8.2009, 20:38

http://forums.devarticles.com/javascript-development-22/javascript-insert-text-to-form-field-4607.html
первая ссылка в гугле.