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, благодарю. Все работает))

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Прошу оценить игровой торрент портал
40 Kiloan_Frost 3552 Вчера, 16:36
автор: nikolay_web
Открытая тема (нет новых ответов) Прошу помощи в продлении домена на namebright.com
2 Telnor 477 15.5.2018, 12:19
автор: Telnor
Открытая тема (нет новых ответов) Прошу помощи знатоков wordpress
9 SOROKVLAD29 1304 9.5.2018, 16:50
автор: SOROKVLAD29
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПрошу оценить первые работы по дизайну
80 Yuliya_Klim 15100 27.4.2018, 10:00
автор: unbur
Открытая тема (нет новых ответов) Прошу оценить стоимость сайта
4 RaftKorn 644 15.4.2018, 20:41
автор: kasey7


 



RSS Текстовая версия Сейчас: 23.5.2018, 7:40
Дизайн