Скрипт увеличения шрифта

[hello2]

Пожалуйста помогите, делаю сайт на котором будут разные статьи, надо чтобы посетитель мог увеличить шрифт только этой статьи.

Пример посмотрите здесь:

http://www.bfm.ru/news/2008/12/03/eldorado.html

там три буквы А А А - надо сделать так же с помощью JavaScript

подскажите как это реализовать!

[s0rr0w]

Пожалуйста помогите, делаю сайт на котором будут разные статьи, надо чтобы посетитель мог увеличить шрифт только этой статьи.

Пример посмотрите здесь:

http://www.bfm.ru/news/2008/12/03/eldorado.html

там три буквы А А А - надо сделать так же с помощью JavaScript

подскажите как это реализовать!

Путем присвоения класса контейнеру со статьей.

А в классе описать нужные размеры.

[blaga]

конкретно на том сайте такая приблуда реализована через jQuery.

[hello2]

а можно как то без нее?

а с ней нормально или хуже?

[blaga]

не думаю что только изза этого стоит применять jquery.

Легче написать самому.

Например вывести три буквы, по нажатию на каждую(или наведение) менять для определенного блока класс.

Так же создать три класса(или больше) и там прописать размеры. Пусть по умолчанию грузится например 1 класс.

если мне память не изменяет то у блоков есть свойство .class то бишь что то типа такого document.all.nameblock.class=classOne

думаю разберетесь.

Edited December 3, 2008 by blaga

[ZoNT]

то бишь что то типа такого document.all.nameblock.class=classOne

Теперь то я знаю, кто даёт вредные советы и пишет дебильные скрипты...

<div onclick="document.getElementById('idblock').className = 'classOne';">Жми сюда и класс у idblock сменится!!!</div>
<div id="idblock" class="classZero">бла-бла-бла</div>

[blaga]

я не пишу на ява скрипте.

[hello2]

Я извиняюсь, а можно какой либо пример? Готов подкинуть 2 WMZ за консультацию. Просто реально очень горит.

Можноли сделать ссылки вида

<a href="???">Маленький</a> <a href="???">Средний</a> <a href="???">Большой</a>

Вот мой див, в котором надо увеличить текст, 
<div id="article">
      <div class="text">
            <p>текст истории</p>

Вот надо прописать ссылкии, чтобы при клике на них у меня текст самой статьи увеличилвался. Шрифт в статье: 1 em

[blaga]

Вам же дали код выше. Практически готовый. Немного, копи-паста и все ок.

<div onclick="document.getElementById('idblock').className = 'classFirst';">Малый</div>
<div onclick="document.getElementById('idblock').className = 'classSecond';">Средний</div>
<div onclick="document.getElementById('idblock').className = 'classThird';">Большой</div>

<div id="idblock" class="classSecond">Тут идет текст статьи, например о кризисе и прочих глобальных вещах.</div>

в CSS определите классы classFirst, classSecond, classThird и все....

Edited December 4, 2008 by blaga

[hello2]

У меня ссылки в ДИВАХ не кликаются Малый Средний Большой - просто текстом выходит!

[s0rr0w]

У меня ссылки в ДИВАХ не кликаются Малый Средний Большой - просто текстом выходит!

Врете вы все, кликаются ссылки в ДИВАХ!

А Малый Средний Большой просто обязан текстом выходить!

[hello2]

так текстом выходит, но когда я кликаю ничего не происходит. Хотя все классы прописаны и в КСС и в ХТМЛ все назначено. Как проверить то?

Я конечно извиняюсь, а может есть какой нибудь рабочий пример?

[s0rr0w]

так текстом выходит, но когда я кликаю ничего не происходит.

Так и должно текстом выходить, не картинками же!

Я конечно извиняюсь, а может есть какой нибудь рабочий пример?

Вам уже дали рабочий пример.

[hello2]

Так я кликаю и текст не увеличивается!

Я все прописал, тысячу раз все проверил, но что то не работает.

Как сделать ссылки внутри ДИВА активными? Мне нужны ссылки кликабельные, а не просто текст!

Пробовал:

	
<div onclick="document.getElementById('article').className = 'text1';"><a href="/">Малый</a></div>
<div onclick="document.getElementById('article').className = 'text2';">Средний</div>
и так <div onclick="document.getElementById('article').className = 'text3';"><a href="#" onclick="document.getElementById('article').className = 'text3';">Большой</a></div>

ничего не выходит, все вариации перебрал!

Edited December 4, 2008 by hello2

[s0rr0w]

ничего не выходит, все вариации перебрал!

А у меня все вышло, все работает.

[hello2]

Покажите? А то меня уже колотит!

#article .text1{padding-right: 15px; padding-bottom: 35px; font-size: 1em;}
#article .text1 p{text-indent: 15px; padding: 3px 0px; text-align: justify; font-size: 1em; font-family: "Trebuchet MS", Tahoma, Arial,sans-serif; font-stretch:normal; font-style:normal; }

#article .text1{padding-right: 15px; padding-bottom: 35px; font-size: 2em;}
#article .text1 p{text-indent: 15px; padding: 3px 0px; text-align: justify; font-size: 2em; font-family: "Trebuchet MS", Tahoma, Arial,sans-serif; font-stretch:normal; font-style:normal; }

#article .text1{padding-right: 15px; padding-bottom: 35px; font-size: 3em;}
#article .text1 p{text-indent: 15px; padding: 3px 0px; text-align: justify; font-size: 3em; font-family: "Trebuchet MS", Tahoma, Arial,sans-serif; font-stretch:normal; font-style:normal; }

вот так сделал в КСС, везе прописал размер шрифта.

[homm]

Пожалуйста помогите, делаю сайт на котором будут разные статьи, надо чтобы посетитель мог увеличить шрифт только этой статьи.

Пример посмотрите здесь:

http://www.bfm.ru/news/2008/12/03/eldorado.html

там три буквы А А А - надо сделать так же с помощью JavaScript

подскажите как это реализовать!

Задумка — говно полное. Не стоит такие неудачные идеи копировать. Размер шрифта меняется в браузере в меню вид.

[s0rr0w]

Покажите? А то меня уже колотит!

вот так сделал в КСС, везе прописал размер шрифта.

А ничего, что у вас три раза одно и то же написано?

[Boris.d]

Если тема про увеличение шрифта всё ещё актуальна - http://dba.freezoka.com/size.html/

Всё работает прекрасно.