 Сохранение значения Sеlect после обновления страницы |
На этом месте находится расчудесная шапка. Включите flash - не пожалеете!
Новости форума
Здравствуйте, гость ( Вход | Регистрация )
  |
| manager_ITBom |
 6.10.2010, 10:37
Сообщение
#1
|
|
Только зарегистрировавшийся Группа: Пользователи Сообщений: 2 Регистрация: 1.12.2009 Пользователь №: 27 676 Репутация:  0   |
Доброго время суток всем!
Сразу хочу сказать что в JS я особо не рулю. На каком-то форуме нашел подходящий скрипт и попробывал его использовать для себя. Код <html> <head> <title></title> <script type="text/javascript"> function change_div(obj) { if (obj.id == "1") { document.getElementById("pic").innerHTML = '<img src=\"img/futbolki/1/1.png\" />'; } if (obj.id == "2") { document.getElementById("pic").innerHTML = '<img src=\"img/futbolki/1/2.png\" />'; } if (obj.id == "3") { document.getElementById("pic").innerHTML = '<img src=\"img/futbolki/1/3.png\" />'; } if (obj.id == "4") { document.getElementById("pic").innerHTML = '<img src=\"img/futbolki/1/4.png\" />'; } if (obj.id == "5") { document.getElementById("pic").innerHTML = '<img src=\"img/futbolki/1/5.png\" />'; } } </script> <style> .product-foto { width:158px; height:158px; background:#ebebeb; padding:5px; margin:5px auto; border:solid 1px #cdcdcd; text-align:center; } .form-product { text-align:center; } select.select-color-item { margin-top:5px; width:158px; text-align:center; } </style> </head> <body> <div id="pic" class="product-foto"> <img src="img/futbolki/1/1.png" /> </div> <div class="form-product"> <select class="select-color-item"> <option selected id="1" onClick="java script:change_div(this)">Красный</option> <option id="2" onClick="java script:change_div(this)">Зеленый</option> <option id="3" onClick="java script:change_div(this)">Синий</option> <option id="4" onClick="java script:change_div(this)">Чорный</option> <option id="5" onClick="java script:change_div(this)">Белый</option> </select> </div> </body> </html> Проблема в следующем: там был выложеный ХТМЛ в таком виде: Код <div id="pic" class="product-foto"></div> тоесть div, в котором должна отображаться картинка пустой. На практике это показало что на сайте он и оставался пустой до изменения значения select (несмотря на то что в скрипте для первого значения есть картинка). я же нашел выход. Добавил в ХТМЛ картинку, которая отображается до изменения select, но теперь проблема в следующем: после изменения значения (как результат изменение картинки) и обновления страницы у меня снова загружается картинка прописана в ХТМЛ а значение select остается прежним. Заранее благодарен... |
   |
 
|
| iluha@iluha.ru |
10.11.2010, 22:50
Сообщение
#2
|
 JavaScript.medved.shatun  Группа: Модераторы Сообщений: 806 Регистрация: 9.2.2007 Из: Москва Пользователь №: 2 893 Репутация: 44 |
Добавь отдельную переменную, в которую сохраняй имя нужной картинки.
При загрузке страницы добавь считывание переменной этой и если она пустая то идёт первоначальная загрузка страницы, а если переменная имеет значение, то страница загружается с учётом этой переменной )) -------------------- Ничего не скрою - бегаю трусцой(ю)!
ВНИМАНИЕ: Если вы решили сказать мне спасибо за помощь, добавив + к Репутации, то убедительная просьба - ставить этот + ТОЛЬКО после того, как проблема будет ПОЛНОСТЬЮ решена. |
|
|
|
| MaximumofmaX |
25.11.2010, 16:52
Сообщение
#3
|
|
Только зарегистрировавшийся Группа: Пользователи Сообщений: 3 Регистрация: 23.11.2010 Пользователь №: 31 618 Репутация: 0 |
хм...а можно ли сделать в меню сделанном на Jquery, чтоб после перехода на другую страницу, оставались открытыми разделы меню, которые были открыты до перехода?
п.с. в js я полный ноль |
|
|
|
| Терапевт |
18.12.2010, 13:34
Сообщение
#4
|
 Папа-медведь #175 Группа: Старший модератор Сообщений: 392 Регистрация: 1.9.2008 Пользователь №: 18 181 Репутация: 3 |
1
 -------------------- кстати, меня поддерживают админы
|
|
|
|
| Murka |
11.1.2011, 8:17
Сообщение
#5
|
 МШ-008 Группа: Медведи-шатуны Сообщений: 304 Регистрация: 16.6.2007 Из: Санкт-Петербург Пользователь №: 3 826 Репутация: 2 |
Цитата(manager_ITBom @ 6.10.2010, 10:37)  <option id="4" onClick="java script:change_div(this)">Чорный</option> Правильно - чёрный. -------------------- Скрытый текст подпись |
|
|
|
|
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 22.5.2012, 17:44 |
|
|