Форум PHP программистов > виртуальная клавиатура для INPUT type='text'

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: виртуальная клавиатура для INPUT type='text'

Osof

20.02.2011 - 01:01

Добрый день.
Есть задачка, как реализовать? Есть список учеников (например). Справа каждого ученика есть <INPUT type=text>.
При щелчке на текстовом поле должен появляться DIV со списком допустимых оценок (1,2,3,4,5). По щелчку на оценке число вводится в текстовое поле. Для разных предметов допустимые оценки разные (возможен вариант "уд.-неуд.", "зачет-незачет")
Головой понимаю, что нужен ajax. Но опыта маловато. Без аякса решение придумал такое: возле каждого ученика формируется скрытый див с нужным списком оценок. По щелчку див появляется. Недостатки: куча скрытых дивов на странице.
Чую, что можно передавать ID ученика и занятия в один-единственный див, где будет формироваться ссылки с учетом ID ученика и занятия. Или без ссылок просто значение по клику будет падать в нужное текстовое поле.
Если можно, помогите на простом примере передачи параметра на странице без ее перезагрузки. А я пока пойду читать "Аякс для чайников" Спасибо.

Спустя 47 минут, 21 секунда (20.02.2011 - 00:49) YVSIK написал(а):

вот поле формы заполняй и всё

<form name="form1" method="post" action="">
  <label for="textfield"></label>
  <select name="select" size="1" id="select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
  <label for="textarea"></label>
</form>

а вместо оценок всё что угодно
и эта тема в новичках надобно применить
а уж про яву надо показать готовый скрипт
тебе тогда помогут
таковы правил этого форума
:angry: :angry:

Спустя 14 минут, 46 секунд (20.02.2011 - 01:04) Osof написал(а):

Форму сделать я конечно же могу. Но выпадающий список не совсем подходит. Нужно красивое всплывающее окно (див в этом случае) со списком всех оценок. Тыц на ученика - появился див с 5 рисунками. Тыц на ртсунке с цифрой 5 и ученику упала оценка 5 в базу. Нужна помощь именно в передаче ID ученика в этот самый всплывающий див для формирования ссылок на оценках.

Спустя 13 минут, 42 секунды (20.02.2011 - 01:17) YVSIK написал(а):

те нужен видимо не див и по моему див никогда не всплывает
див - это разметка области и не боле
вот посмотри

это jquery а дале смотри от конря по домену там всё есть
все подобные реализации

Спустя 13 минут, 18 секунд (20.02.2011 - 01:31) Osof написал(а):

Попытаюсь объяснить мысль четче. Есть список учеников. И один скрытый див, который появляется по нажатию на ученика. Как сделать так, чтобы по нажатии на ссылку с цифрой один на этом "всплывающем" диве эта единица падала обратно в текстовое поле рядом с учеником.
Думаю, мехнизм приблизительно такой:
Ученики:

<a href='?id_uchenika=1'>Иванов</a>
<a href='?id_uchenika=2'>Петров</a>
<a href='?id_uchenika=3'>Сидоров</a>

По нажатию на ссылку аяксом передается ID в див и джаваскриптом hidden меняется на display:block.
В этом блоке ссылки:

<a href='?id_uchenika={сюда аякс (?) должен вставить ID ученика}&ocenka=1'>1</a>
<a href='?id_uchenika={сюда аякс (?) должен вставить ID ученика}&ocenka=2'>2</a>
<a href='?id_uchenika={сюда аякс (?) должен вставить ID ученика}&ocenka=3'>3</a>
<a href='?id_uchenika={сюда аякс (?) должен вставить ID ученика}&ocenka=4'>4</a>
<a href='?id_uchenika={сюда аякс (?) должен вставить ID ученика}&ocenka=5'>5</a>

Спустя 40 минут, 44 секунды (20.02.2011 - 02:11) Игорь_Vasinsky написал(а):

YVSIK

не рановато ? учить?

Osof

Цитата

Как сделать так, чтобы по нажатии на ссылку с цифрой один на этом "всплывающем" диве эта единица падала обратно в текстовое поле рядом с учеником.

Допустим твой всплывающий DIV

<div>
<font id="good">Зачёт<font>
<font id="bad">Не зачёт<font>
</div>

текстовое поле input:

<input id="jurnal" type="text" value=""/>

Теперь дело за JQUERY (Куда это вставить и в каком месте вы наверно знаете)

$("#good").onclick(function(){
$("#jurnal").val("Зачёт");
});
$("#bad").onclick(function(){
$("#jurnal").val("Не зачёт");
});

Почитайте литературу по JQUERY, не зачем сразу на грабли переть..

Спустя 8 часов, 1 минута, 11 секунд (20.02.2011 - 10:13) Osof написал(а):

Цитата

Допустим твой всплывающий DIV

<div>
<font id="good">Зачёт<font>
<font id="bad">Не зачёт<font>
</div>

Вобщем, да, такой. Не считая невалидных тегов FONT.

Цитата

текстовое поле input:

<input id="jurnal" type="text" value=""/>

А вот тут не так. Инпутов у меня генерится много. по количеству учеников. Штук 25. (id=uchenik1, id=uchenik2, id=uchenik3, id=uchenik4 и т.д.) И все они должны быть привязаны к одному диву. А див должен передавать оценку в разные инпуты, в зависимости от того, на какой инпут вы нажали.

$("#good").onclick(function(){
$("#jurnal").val("Зачёт");
});
$("#bad").onclick(function(){
$("#jurnal").val("Не зачёт");
});

Тут жестко привязан инпут jurnal к оценкам,такой варинат не подходит.

Цитата

Почитайте литературу по JQUERY, не зачем сразу на грабли переть..

Спасибо, обязательно.

Спустя 20 минут, 25 секунд (20.02.2011 - 10:33) Игорь_Vasinsky написал(а):

А где ты там невалидный тэг увидел?

ПОКАЖИ СКРИН СВОЕЙ СТРАНИЦЫ, А ПОД НИМ КОД ЧТОБ ЯСНЕЕ СТАЛО

P/S/ - В МОЁМ ПРИЕМЕРЕ ПОКАЗАНО КАК РЕАЛИЗОВАТЬ ВСТАВКУ ТЕКСТА В ИНПУТ ПО КЛИКУ ПО ОБЪЕКТУ

- А НЕ КАК НЕ ГОТОВЫЙ ВАРИАНТ - КОТОРЫЙ ТЫ С УДОВОЛЬСТВИЕМ СКОПИРУЕШЬ И БУДЕШЬ СЧАСЛИВ.

сбесило.

Спустя 8 минут, 51 секунда (20.02.2011 - 10:42) Osof написал(а):

Цитата

А где ты там невалидный тэг увидел?

http://www.xiper.net/manuals/html/tags/font.html
тег FONT не проходит валидацию. Удивительно, что такой опытный вебмастер об этом не знает.

Цитата

ПОКАЖИ СКРИН СВОЕЙ СТРАНИЦЫ, А ПОД НИМ КОД ЧТОБ ЯСНЕЕ СТАЛО

Я уже по-моему максимально ясно все обрисовал. Если не понятно - хорошо, накидаю страницу

Цитата

В МОЁМ ПРИЕМЕРЕ ПОКАЗАНО КАК РЕАЛИЗОВАТЬ ВСТАВКУ ТЕКСТА В ИНПУТ ПО КЛИКУ ПО ОБЪЕКТУ

Спасибо, но вопрос был не в этом. Вопрос как по клику на разных инпутах вызывать один и тот же див, из которого значения будут падать в разные дивы.

Цитата

- А НЕ КАК НЕ ГОТОВЫЙ ВАРИАНТ - КОТОРЫЙ ТЫ С УДОВОЛЬСТВИЕМ СКОПИРУЕШЬ И БУДЕШЬ СЧАСЛИВ.

Я и так счастлив

Цитата

сбесило

В воскресенье утро такое паганое настроение?

Спустя 4 минуты, 16 секунд (20.02.2011 - 10:46) quickxyan написал(а):

может сделать функцию в с этим дивом и в функцию передается id поля.


<input type = "text" id = "1" onclick = "func(1)">
<input type = "text" id = "2" onclick = "func(2)">

<script>
function func(id)
{
	document.getElementById(id).value = 1;
	alert(id);
}
</script>

Спустя 2 минуты, 24 секунды (20.02.2011 - 10:48) quickxyan написал(а):

ну там в функции напишешь все что надо, я вот надеюсь показал как передавать разные id в одну и ту же функцию

Спустя 7 минут, 18 секунд (20.02.2011 - 10:56) Osof написал(а):

Да, похоже это оно. Спасибо. user posted image

Спустя 9 минут, 56 секунд (20.02.2011 - 11:06) Игорь_Vasinsky написал(а):

да с какого font - не проходит валидацию???

и что там по ссылке?

Тег <font> (с англ. шрифт) — тег-контейнер, используется для задания параметров шрифта.

уф. а настроение благодоря тебе.

Цитата

Вопрос как по клику на разных инпутах вызывать один и тот же див, из которого значения будут падать в разные дивы.

Гы - я тебе на примере одного дива написал, а вчём трудность переделать под свой вариант?

Всё. удач.

Спустя 21 минута, 47 секунд (20.02.2011 - 11:27) Osof написал(а):

Цитата

да с какого font - не проходит валидацию???

и что там по ссылке?

Все запущено. Ниже прочитать нельзя?
Цитирую:

Цитата

при использовании XHTML 1.0 Strict, XHTML 1.1, HTML 4.01 Strict не пройдет валидацию
тег <font> не рекомендуем использовать, вместо него следует использовать таблицы стилей

Еще одна ссылка http://htmlbook.ru/html/font
"Использование этого тега осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>."

Цитата

уф. а настроение благодоря тебе.

настроение должно быть хорошее. Вы сегодня узнали полезную информацию.

Цитата

Гы - я тебе на примере одного дива написал, а вчём трудность переделать под свой вариант?

Гы.

Цитата

Всё. удач.

И вам всего хорошего.

Быстрый ответ:

Здесь расположена полная версия этой страницы.