Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   font-size в мозиле и опере (https://javascript.ru/forum/dom-window/27210-font-size-v-mozile-i-opere.html)

l-liava-l 05.04.2012 19:10

font-size в мозиле и опере
 
$('.fontSize').animate({'font-size':persentZoom+'%'},300);

эта строка работает в хроме и ie но не работает в мозиле и опере.
может кто знает как решить? заранее благодарен

T-sh 05.04.2012 19:14

persentZoom +='%';

animate({'font-size' : persentZoom},300);

l-liava-l 05.04.2012 19:15

благодарю)

T-sh 05.04.2012 19:15

Цитата:

Сообщение от l-liava-l (Сообщение 167305)
благодарю)

работает?

l-liava-l 05.04.2012 19:57

неа)но сейчас решаю другую проблемму.

l-liava-l 05.04.2012 19:58

хотя вру, работает но только в хроме и ie вроде. короче так же

T-sh 05.04.2012 20:26

Цитата:

Сообщение от l-liava-l (Сообщение 167319)
хотя вру, работает но только в хроме и ie вроде. короче так же

используй вместо процентов em, будет работать.

100% = 1 em

l-liava-l 06.04.2012 16:33

Все точно так же. мозила и опера опять вредничают...шешь такое блин

T-sh 06.04.2012 16:36

покажи код

l-liava-l 06.04.2012 16:38

убрал лишнее чтобы не мешало.


var persentZoom = 40;
var sizeEm = 16/100*persentZoom/16;// для перевода в em
$('.galery'+i+' .poln').closest('.poln').click(function () { //кнопка уменьшения-увеличения
click++;
if (click % 2 !== 0) {
$('.galery'+i+ ' .li1').animate({'font-size':persentZoom +'%'},300);//пробуем процентами
$('.galery'+i+' .fontSize'+i).animate({'font-size':sizeEm+'em'},300);// пробуем em
}
 else {//возвращаемся к стандарту
$('.galery'+i+' .li1').animate({'font-size':'100%'},300);
$('.galery'+i+' .fontSize'+i).animate({'font-size':'1em'},300);

}
});

T-sh 06.04.2012 20:07

вот так всё работает:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
.op{
font-size: 100%;
}
.op2{
font-size: 1em;
}
</style>
<script>
$(document).ready(function(){

	$('span').click(function(){
		var a = 140; // 140%
		a +='%';
		$('.op').animate({'font-size': a},600);
		
		var b = 3 // em
		b+='em';
		var i = 2; // элемент
		$('.op'+i).animate({'font-size': b},600);
	});
});
</script>
</head>
<body>  
<p class="op">один</p>
<p class="op2">два</p>
<span>клик</span>
</body>
</html>

l-liava-l 06.04.2012 20:54

Руки могут резко изменить место роста?:blink:
Сейчас проверил то, что у Вас работает. все как раньше) только ie хром может еще и сафари.
Проверено было на двух компутерах.
http://l-liava-l.narod2.ru/
Это ссылка на то что делаю.
чтобы открыть нужное окно нужно переместить ползунок на правую верхнюю ветку, далее в окошке кнопка свертывания.
Может у вас заработает. тогда я идиот)

T-sh 06.04.2012 21:02

да как-так??? у меня в опере мой пример работает :))) размер изменяется :)))

http://t-sh.kz/test/1.html

сам сижу с Opera 11.62 всё прекрасно работает, проверил ещё в FF — тоже работает :) смотри в своём коде, может где упустил чего.

l-liava-l 06.04.2012 21:07

хах. http://http://t-sh.kz/test/1.htmlТут работает. пойду искать ошибку. опять наверное идиотская будет:thanks:

T-sh 06.04.2012 21:14

переменная click где-нибудь объявлена?
посмотри, что в ней оказывается во время клика..

l-liava-l 06.04.2012 21:22

обьявлена в начале скрипта равна 0.

l-liava-l 06.04.2012 21:25

Она фигурирует там как отслеживальщик нажатий на кнопку точно дело не в ней

T-sh 06.04.2012 21:25

у тебя там несколько скриптов подключено.. посмотри на предмет конфликта.. поменяй имена переменных, посмотри, что в каждой из них (alert'ом) на каждом шаге.

l-liava-l 06.04.2012 21:30

Магия!).
Ошибок вроде нет, проверил.
Включил Вашь скрипт вообще отдельно от основного проэкта все так же.

от отчаяния даже почистил кэш и обновил браузеры.
хих... где мой бубен..


Часовой пояс GMT +3, время: 02:49.