Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.11.2010, 11:06
Интересующийся
Отправить личное сообщение для gustovskiy Посмотреть профиль Найти все сообщения от gustovskiy
 
Регистрация: 25.11.2010
Сообщений: 21

Вывод изображений и описания при выборе пункта select
Товарищи помогите! Как сделать чтоб при выборе из формы списка (select) появлялось рядом описание и картинка, как здесь http://www.fotoproekt.ru/port/msk/ru...ok/calculator/.
Я уже голову сломал. Подскажите решение
Ответить с цитированием
  #2 (permalink)  
Старый 25.11.2010, 11:52
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

кладёшь селект в див-див чуть больше по размерам чем селект. к диву вяжешь обработчики-онмаусовер онмаусоут. текст подсказки кладёшь в невидимый контейнер. при заходе на элемент делаешь див видимым при уводе с него опять скрываешь. если див один а подсказок должено отображаться несколько разных-меняешь теги внутри контейнера на новые с новым содержанием. лучше иннернтмл чем просто менять текст иннертехт-поскольку инертехт не во всех браузерах одинаково работает. проще так чем с наследственностью да и селекта есть свои обработчики-можешь все эти действия к ним привязать-что чуть сложнее чем создать контейнер и в него положить селект

Последний раз редактировалось dmitriymar, 25.11.2010 в 11:54.
Ответить с цитированием
  #3 (permalink)  
Старый 25.11.2010, 11:57
Интересующийся
Отправить личное сообщение для gustovskiy Посмотреть профиль Найти все сообщения от gustovskiy
 
Регистрация: 25.11.2010
Сообщений: 21

Сообщение от dmitriymar
кладёш селект в див-див чуть больше по размерам чем селект. к диву вяжеш обработчики-онмаусовер онмаус. текст подсказки кладёш в невидимый контейнер. при заходе на элемент делаеш див видимым при уводе с него опять скрываеш. если див один а посказок должен отображать несколько разных-меняеш теги внутри контейнера на новые с новым содержанием. лучше иннернтмл чем просто менять текст иннертехт-поскольку инертехт не во всех браузерах одинаково работает. проще так чем с наследственностью да и селекта есть свои обработчики-мож все эти действия к ним привязать-что чуть сложнее чем создать контейнер и в него положить селект
Приведи пожалуйста в примере. Я просто не силен в java. Сам калькулятор я сделал, осталось только вывести описание пунктов select
Ответить с цитированием
  #4 (permalink)  
Старый 25.11.2010, 12:07
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

в редакторе накидал пункты калькулятора по примерам какой то книги? если да то пролистай эти начальные страницы учебника и займись изучением языка тогда будет ясно что такое события и т.д и куда их вязать.пример-в пример в этом случае прийдётся поставить почти весь учебник скрипта-поскольку там каждое действие прийдётся объяснять. задача какую ты ставишь простая-но охватывает все аспекты языка

Последний раз редактировалось dmitriymar, 25.11.2010 в 12:09.
Ответить с цитированием
  #5 (permalink)  
Старый 25.11.2010, 13:18
Интересующийся
Отправить личное сообщение для gustovskiy Посмотреть профиль Найти все сообщения от gustovskiy
 
Регистрация: 25.11.2010
Сообщений: 21

В общем у меня такая штука получилась

function price(form) {
if (form.kolvo.value){
var kolvo=parseFloat(form.kolvo.value);
}
else kolvo=0;
if (form.kolvoknig.value){
var kolvoknig=parseFloat(form.kolvoknig.value);
}
else kolvoknig=0;
if (form.design.checked){
var design=parseFloat(form.design.value);
}
else design=0;
function priceone(form){
var total = kolvo*25;
form.total_price.value=total;
}
if (form.faktura[0].selected){
var faktura=900;
form.proiz="Твердая обложка";
form.img.src="img/1.png";
}
else if (form.faktura[1].selected) {
var faktura=900;
form.proiz="Россия";
form.img.src="img/2.png";
}

var total=(kolvo*25+faktura)*kolvoknig+(design*kolvo);
document.getElementById("total_price").innerHTML=total;
}

<select name="faktura" class="sel">
<option name="faktura" id="1" selected="selected">Альбомная, цвет вишня</option>
<option id="2">Альбомная, цвет жемчуг</option>
</select>
<br><br>
<div align="left">
<img id="img" src="" title="Увеличить изображение" height="160" width="150" />
<p id="proiz"></p>
</div>


Картинки теперь показываются, только не выводит описание proiz. Как вывести?
Ответить с цитированием
  #6 (permalink)  
Старый 25.11.2010, 13:24
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

через innerHtml или innerText и по другому никак на уже загруженной странице без использования обращений к серверу
Ответить с цитированием
  #7 (permalink)  
Старый 25.11.2010, 13:26
Интересующийся
Отправить личное сообщение для gustovskiy Посмотреть профиль Найти все сообщения от gustovskiy
 
Регистрация: 25.11.2010
Сообщений: 21

dmitriymar,
Подскажи как вывести
Ответить с цитированием
  #8 (permalink)  
Старый 25.11.2010, 13:29
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

набери в гугле их название или здесь в справочнике и будет вся инфа по использованию их.
Ответить с цитированием
  #9 (permalink)  
Старый 25.11.2010, 13:32
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

http://js.blox.ua/2009/06/innerHTMLinnerText.html
Ответить с цитированием
  #10 (permalink)  
Старый 25.11.2010, 13:35
Интересующийся
Отправить личное сообщение для gustovskiy Посмотреть профиль Найти все сообщения от gustovskiy
 
Регистрация: 25.11.2010
Сообщений: 21

Нашел выход. Спасибо за ссылку.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменения изображения при выборе из списка hayk Общие вопросы Javascript 10 30.11.2010 10:42
замена изображений в jquery при наведении zlokiz jQuery 0 05.08.2010 22:17
Событие onClick при нажатии пункта меню Lex4e Общие вопросы Javascript 1 25.06.2010 18:31
при выборе в 1-ом select соот.-щая инф. отображается в другом select celencer Общие вопросы Javascript 1 24.05.2009 20:38
Вывод данных единожды, при открытии окна? Ggorsh Events/DOM/Window 1 28.04.2009 01:04