Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Передача данных POST в hidden и смена стиля

Автор: Serious2008 5.1.2012, 06:09

Код


<table border=0>
<tr>
<td>
<img src="/image/белый.jpg" >
<input type="hidden" name="collor_1" value="белый"></td>
<td>
<table border=0>
<tr>
<td>
<input type="button" name="size_1" value="45">
<input type="button" name="size_1" value="46">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img src="/image/серый.jpg" >
</td>
<input type="hidden" name="collor_2" value="серый">
<td><table border=0><tr><td>
<input type="button" name="size_2" value="45">
<input type="button" name="size_2" value="46">
</td>
</tr>
</table>
</td>
</tr>
</table>

<input type="hidden" name="Цвет1" value="серый">
<input type="hidden" name="Размер1" value="серый">

у меня вот такая делема, не знаю как реализовать, чтобы при нажатии на определённую кнопку, например <input type="button" name="size_2" value="45">, в два нижних hedden передавалось значение Цвета из collor_2, а значение размера с этой кнопки. При этом чтобы не перезагружалась страница (это в сторону jQuery как я понимаю) Но у меня проблема именно с тем, что я не JavaScript не знаю не jQuery, и я не знаю как правильно сформировать запрос для поиска подобного. Ткните носом будьте так добры. А да и ещё при нажатии, кнопка должна обводиться рамочкой, а если уже была нажата, то рамочка сниматься.

Автор: $дмитрий 5.1.2012, 16:57

1. <table border=0> пропиши кавычки
2. <img src="/image/белый.jpg" > пропиши размеры, иначе страница будет растягиваться во время загрузки
3. Используй отступы в вложеных тегах
4. В качестве названия не используй кирилицу name="Цвет1"

По вопросу:

На кнопку добавляешь событие onclick

Код


$("input[type=button]").click(function(){
    alert($(this).val());
    return false;
});

Полученное значение прописываешь в нужный input

Цитата

А да и ещё при нажатии, кнопка должна обводиться рамочкой

Создай отдельный CSS класс, примени метод toggleClass

Автор: Serious2008 5.1.2012, 17:26

$дмитрий,
а тут не я, это я joomla virtuemart меняю, и поэтому от кирилицы не убежать.
И как мне убирать с предыдущего выбранного рамку?

Автор: $дмитрий 5.1.2012, 17:32

Если нужно удалить класс с другой картинки используй метод removeClass