[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Менять размер картики!
Xpund
Допустим есть форма:
<select name="size">
<option name=100x30>100x30</option>
<option name=200x50>200x50</option>
</select>

Надо что бы ниже выводились картинки в зависимости от размера.
Ну скажем в том же каталоге лежат картинки с названиеями: 100_30.jpg и 200_50.jpg

Это естественно должно работать без отправки формы!



Спустя 19 минут, 52 секунды (23.02.2011 - 12:50) nugle написал(а):
<script type='text/javascript'>
function img(){
var img = document.getElementById('size').value;
if(img == '100x30')
{
img = "<img src='./100_30.jpg' />";
document.write(img);
}
else
{
img = "<img src='./200_50.jpg' />";
document.write(img);
}
}

</script>
<
select name="size" id = "size" onblur = 'img()'>
<
option value='100x30'>100x30</option>
<
option value='200x50'>200x50</option>
</
select>

Спустя 1 час, 7 минут, 52 секунды (23.02.2011 - 13:58) Xpund написал(а):
nugle
Спасибо, но видимо я не доходчиво объхяснил, за что извеняюсь.
Надо что бы ниже этого селекта вывадилась выбранная картинка.

Спустя 9 минут, 43 секунды (23.02.2011 - 14:07) nugle написал(а):
Незачто, тогда вот

<script type='text/javascript'>
function img(){
var img = document.getElementById('size').value;
if(img == '100x30')
{
img = "<img src='./100_30.jpg' />";
document.getElementById('img').innerHTML = img;
}
else
{
img = "<img src='./200_50.jpg' />";
document.getElementById('img').innerHTML = img;
}
}

</script>
<
select name="size" id = "size" onblur = 'img()'>
<
option value='100x30'>100x30</option>
<
option value='200x50'>200x50</option>
</
select>
<
div id="img"></div>

Спустя 6 минут, 39 секунд (23.02.2011 - 14:14) Xpund написал(а):
спасио, то что надо!

Спустя 1 минута, 44 секунды (23.02.2011 - 14:16) nugle написал(а):
незабываем плюсики нажимать biggrin.gif

Спустя 4 минуты, 11 секунд (23.02.2011 - 14:20) Gradus написал(а):
nugle, а чё onblur ?)

Спустя 3 минуты, 47 секунд (23.02.2011 - 14:24) nugle написал(а):
так как с ним проще!А чем он не подходит?
Я сам вообще только с JQ работаю, а с JS только когда ajax нужен!

Спустя 5 минут, 48 секунд (23.02.2011 - 14:29) sharki написал(а):
nugle
А на JQ ajax не реализован?

Спустя 2 минуты, 12 секунд (23.02.2011 - 14:32) nugle написал(а):
sharki, не торопи события, я просто в книжки до этого момента еще не дошёл!)

Спустя 6 минут, 32 секунды (23.02.2011 - 14:38) sharki написал(а):
nugle
Я не тороплю, ajax в JQ реализован 4мя строчками =) а даже иногда и меньше, а не писать целую куча объектов, решать вопросы совместимости браузеров и м.др...
Открой гугл и поищи как работать с этими функциями.. 1-2ч и ты профи в аяксе wink.gif

$.ajax()
$.post()
$.get()

Спустя 7 минут, 15 секунд (23.02.2011 - 14:45) nugle написал(а):
sharki, ну я же прошу не торопи, книжка хоть и маленькая(ну а чо там про ОЙ то рассказывать), так что мне чуток осталось до аякса 50 страничек!так что пока гугл пусть отдохнёт)

Спустя 3 минуты, 54 секунды (23.02.2011 - 14:49) Gradus написал(а):
Цитата (nugle @ 23.02.2011 - 11:24)
так как с ним проще!А чем он не подходит?
Я сам вообще только с JQ работаю, а с JS только когда ajax нужен!

ну в обще-то надо onChange.А почему с onBlur проще ?) он срабатывает когда теряет фокус , а не при переключении.Поэтому в твоём скрипте надо кликнуть на оптион, потом кликнуть куда ни будь за селектом и только после этого сработает функция.

Спустя 40 минут, 52 секунды (23.02.2011 - 15:30) ApuktaChehov написал(а):
sharki - JQ написан на JS и соответственно на чистом JS, можно точно так же 4 строчками, а иногда и меньше, работать с ajax. Вопрос в знаниях, не более...

Спустя 13 минут, 12 секунд (23.02.2011 - 15:43) sharki написал(а):
ApuktaChehov
Спасибо за разъяснения (чисто из-за вежливости). Можно то всё сделать 4мя строчкам на чистом JS вот только багов будет полно, и проблем с разными браузерами. А на JQ всё это за тебя уже сделано и исправлено, чтобы не ломать себе голову, почему же в 6м осле не рабоет ajax или в какой нить старой опере.
А то что JQ это библиотека написанная на чистом JS, наверное самый молодой junior знает =)

Спустя 5 минут, 43 секунды (23.02.2011 - 15:49) ApuktaChehov написал(а):
sharki - тут вопрос мотивации. Я очень критично отношусь к фреймворкам.
Почему?
Считаю, что программист, если он настоящий, а не юзер со скриптами, должен для начала знать как все устроено и как работает. И возможно, после этого юзать фреймворки для ускорения своей работы.

Очень печально смотрятся случаи, когда приходит человек, которые вообще не знает JS, но активно юзает JQ.

Хотя, с другой стороны, чем больше таких вот людей, чем больше у НАСТОЯЩИХ программистов работы wink.gif

Вот.

Спустя 5 минут, 23 секунды (23.02.2011 - 15:55) sharki написал(а):
Ну это бесспорно =)
Я сам за изобретение велосипедов =)

Но насчет аякса предпочитаю JQ

Спустя 3 часа, 57 минут, 57 секунд (23.02.2011 - 19:52) nugle написал(а):
ApuktaChehov, ajax в JS нужно работать со всеми браузерами, а это уже не 4 строчки, хотя можно всё и в одну налепить. biggrin.gif

Спустя 14 минут, 18 секунд (23.02.2011 - 20:07) Xpund написал(а):
А я всеголишь попросил маленький скрипт biggrin.gif


_____________
минус, конечно, иногда полезен, но плюс мне нравиться больше :)
Женский журнал - Жена сказала раскрутить сайт любой ценой (Sorry)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.