X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Прошу помощи
GoodText
GoodText
Topic Starter сообщение 23.3.2014, 14:46; Ответить: GoodText
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Всем привет! Помогите пожалуйста разобраться.
Есть скрипт:

Код
<script>
function k(){
    var length = document.getElementsByName('l')[0].value;
        document.getElementById("karkas").style.width = length+"px";
    var height = document.getElementsByName("h")[0].value;
        document.getElementById("karkas").style.height = height+"px";
    }
</script>
<div id="karkas" style="width:100px;height:200px;background:#ff0000;">hhh</div>
<select name="l" class="measurements" onchange="k()">
    <option value="100" selected="selected">100</option>
    <option value="200">200</option>
</select>


Нужно его изменить, чтобы изменялись не размеры, а background.
Например: background: url('images/1.png'); — чтобы цифра менялась в зависимости от выбранного пункта.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 23.3.2014, 14:54; Ответить: Tollun
Сообщение #2


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


Код
document.getElementById("karkas").style.backgroundImage = "url(images/1.png)"


Сообщение отредактировал Tollun - 23.3.2014, 14:54


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 23.3.2014, 15:03; Ответить: GoodText
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Tollun, не работает :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 23.3.2014, 15:19; Ответить: Tollun
Сообщение #4


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


Путь проверьте до изображения.
Если не получается - покажите реализацию...

хотя какая там реализация, если фон один задаётся
Код
function k(){
   document.getElementById("karkas").style.backgroundImage = "url(images/1.png)"
}


Сообщение отредактировал Tollun - 23.3.2014, 15:19


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 23.3.2014, 15:20; Ответить: GoodText
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Tollun, большое спасибо, все работает!
UPD: А, нет, не работает :)

Сообщение отредактировал GoodText - 23.3.2014, 15:31
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 23.3.2014, 15:29; Ответить: Tollun
Сообщение #6


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


Откуда цифра берётся? Там вижу только 100 и 200 - давайте их использовать, опираясь на Ваш текущий скрипт

Код
<script>
function k(){
    var length = document.getElementsByName('l')[0].value;
        document.getElementById("karkas").style.width = length+"px";
    var height = document.getElementsByName("h")[0].value;
        document.getElementById("karkas").style.height = height+"px";


   document.getElementById("karkas").style.backgroundImage = "url(images/"+ length +".png)"

    }
</script>
<div id="karkas" style="width:100px;height:200px;background:#ff0000;">hhh</div>
<select name="l" class="measurements" onchange="k()">
    <option value="100" selected="selected">100</option>
    <option value="200">200</option>
</select>


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 23.3.2014, 15:32; Ответить: GoodText
Сообщение #7


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Tollun, Цифра берется из vaule.

Код
<script>
function k(){
   document.getElementById("karkas").style.backgroundImage = "url('images/fence/one/ЦИФРА.png')"
}
</script>
<div id="karkas" style="width:100px;height:200px;background: url('images/fence/three/1.png');">hhh</div>
<select name="l" class="measurements" onchange="k()">
    <option value="ЦИФРА 1" selected="selected">1</option>
    <option value="ЦИФРА 2">2</option>
</select>


Сообщение отредактировал GoodText - 23.3.2014, 15:33
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 23.3.2014, 15:54; Ответить: Tollun
Сообщение #8


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


GoodText,
Код
function k(){
   var val= document.getElementsByName('l')[0].value;

   document.getElementById("karkas").style.backgroundImage = "url(images/"+ val +".png)"
}


jquery вариант, если вдруг используете
Код
function k(){
  val = $('[name = l]').val();
  $('#karkas').css('background', 'url(images/'+ val +'.png)');
}


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 23.3.2014, 15:55; Ответить: GoodText
Сообщение #9


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Tollun, благодарю. Все работает))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПрошу оценить новостной сайт
8 Cunningfox 899 Вчера, 18:20
автор: Catherine_Molli
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыпрошу оценить юзабилити сайта
17 ДаниилЯ 1911 12.12.2017, 20:33
автор: alexandrrr
Открытая тема (нет новых ответов) Первый опыт, прошу совета.
5 b3rsus 596 12.12.2017, 7:55
автор: b3rsus
Открытая тема (нет новых ответов) Прошу оценить дизайн и графику магазина
6 b3rsus 883 29.11.2017, 4:33
автор: b3rsus
Открытая тема (нет новых ответов) Прошу оценить мой сайт
Интернет магазин женских сумочек
26 svv1972 3359 27.11.2017, 14:19
автор: Hawking


 



RSS Текстовая версия Сейчас: 14.12.2017, 4:56
Дизайн