Показать сообщение отдельно
  #1 (permalink)  
Старый 14.09.2012, 15:18
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Применение стиля к выбранному div
Есть несколько div-ов:
<div id="txt1" class="text">Текст</div>
<div id="txt2" class="text">Текст</div>
<div id="txt3" class="text">Текст</div>
<div id="txt4" class="text">Текст</div>
<div id="txt5" class="text">Текст</div>
<div id="txt6" class="text">Текст</div>
<div id="txt7" class="text">Текст</div>
<div id="txt8" class="text">Текст</div>
<div id="txt9" class="text">Текст</div>
<div id="txt10" class="text">Текст</div>


И есть выбор шрифта и размера шрифта:
<div id="font"><select>
 <option value="">--Выберите шрифт--</option>
 <option value="Verdana">Verdana</option>
 <option value="Times New Roman">Times New Roman</option>
 <option value="Courier">Courier</option>
 <option value="Arial">Arial</option>
 <option value="Tahoma">Tahoma</option>
 <option value="Georgia">Georgia</option>
 <option value="Comic Sans MS">Comic Sans MS</option>
</select></div>

<div id="size"><select>
 <option value="10px">-10px-</option>
 <option value="12px">-12px-</option>
 <option value="14px">-14px-</option>
 <option value="16px">-16px-</option>
 <option value="18px">-18px-</option>
 <option value="20px">-20px-</option>
 <option value="24px">-24px-</option>
 <option value="28px">-28px-</option>
 <option value="32px">-32px-</option>
 <option value="36px">-36px-</option>
 <option value="40px">-40px-</option>
 <option value="48px">-48px-</option>
 <option value="54px">-54px-</option>
 </select></div>


Вопрос: Как сделать чтоб при выделении одного div к нему можно было применить данные стили... Желательно через jquery т.к. он уже подключен и меньше будет кода... я вот что набросал:
$(document).ready(
function (){
     $('.text').click(function(){
           var i = this.Id;//получаем id элемента на котором кликнули
		
	});
	});

Можно ли эту переменную "i" как-то вставить в событие onchange чтобы
выбранный шрифт применялся к этому div
<div id="font"><select onchange="document.getElementById('i').style.fontFamily=this.value">
 <option value="">--Выберите шрифт--</option>
 <option value="Verdana">Verdana</option>
 <option value="Times New Roman">Times New Roman</option>
 <option value="Courier">Courier</option>
 <option value="Arial">Arial</option>
 <option value="Tahoma">Tahoma</option>
 <option value="Georgia">Georgia</option>
 <option value="Comic Sans MS">Comic Sans MS</option>
</select></div>

Или предложите может какой другой вариант

Последний раз редактировалось Torch`Ok, 14.09.2012 в 15:48.
Ответить с цитированием