| Предыдущая тема :: Следующая тема | 
	
	
		| Автор | Сообщение | 
	
		| supertutor 
 
 
 Зарегистрирован: 17.09.2007
 Сообщения: 2
 
 
 | 
			
				|  Добавлено: Пн Окт 22 2007 15:19    Заголовок сообщения: Как изменять размер текста  через выпадающий список? |   |  
				| 
 |  
				| Ребята, здравствуйте!!! Научите пожалуйста, как имея на Web - страничке выпадающий список с тремя пунктами: "мелкий" "средний" и "крупный", при выборе одного из пунктов изменить размер текста на странице???
 Страница делается в DW 8.0. Никак не могу написать правильный обработчик для данного события
   Заранее всем спасибо!!!
 |  | 
	
		| Вернуться к началу |  | 
	
		|  | 
	
		| Mytilus Galloprovincialis 
 
 
 Зарегистрирован: 30.08.2005
 Сообщения: 358
 Откуда: откуда все люди родятся
 
 | 
			
				|  Добавлено: Пн Янв 21 2008 04:49    Заголовок сообщения: |   |  
				| 
 |  
				|  	  | Код: |  	  | <html>
 <head>
 <script>
 function onChange() {
 document.body.style.fontSize = fs.value;
 }
 </script>
 </head>
 <body>
 <select onchange=onChange() name=fs>
 <option value=10>мелкий</option>
 <option value=18>средний</option>
 <option value=24>крупный</option>
 </select>
 </body>
 </html>
 
 | 
 Указываешь размер шрифта в атрибуте value тега option. И будет тебе счастье!
 
  |  | 
	
		| Вернуться к началу |  | 
	
		|  | 
	
		| mad_alexx 
 
 
 Зарегистрирован: 14.01.2005
 Сообщения: 154
 Откуда: Иркутск
 
 | 
			
				|  Добавлено: Ср Янв 23 2008 06:03    Заголовок сообщения: |   |  
				| 
 |  
				|  	  | Mytilus Galloprovincialis писал(а): |  	  |  	  | Код: |  	  | <select onchange=onChange() name=fs>
 
 | 
 
 | 
 
 Небольшое уточнение: если для select-а не указать id, то данный пример будет работать только в IE. Правильно будет если обращаться к селекту не по name, а по id, т.е. так:
 
  	  | Код: |  	  | <select onchange=onChange() name=fs id=fs>
 
 | 
 И вообще, name нужна для серверных скриптов (php, perl), а когда пишут на JavaScript, то обычно к объектам страницы обращаются по id.
 |  | 
	
		| Вернуться к началу |  | 
	
		|  | 
	
		|  |