Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.08.2012, 23:28
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

IE and -ms-zoom
не работает свойство ms-zoom если здавать через js, если через css то работает
zooming.css({
  WebkitTransform :'scale('+scale+')',
  MozTransform : 'scale('+scale+')',
  OTransform : 'scale('+scale+')',
  MsZoom: scale*100+'%'//-ms-zoom
  })
Ответить с цитированием
  #2 (permalink)  
Старый 20.08.2012, 23:34
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cyber,
Попробуй задать через тег style (типо задать пустому тегу style innerHTML (ну или поменять его
<style id="Myzoom">
/*Тут код*/
</style>
Ответить с цитированием
  #3 (permalink)  
Старый 20.08.2012, 23:44
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

впихнул так
zooming[0].cssText = '-ms-zoom:'+scale*100+'%';

но реакции 0
Ответить с цитированием
  #4 (permalink)  
Старый 20.08.2012, 23:51
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

заработало так
zooming.append('<style>.IMG-map{-ms-zoom: 140%;} </style>');

а нету ли более гуманного способа чем каждый раз style переписывать?
Ответить с цитированием
  #5 (permalink)  
Старый 20.08.2012, 23:56
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>
</head>
<body>

<style id="Myzoom">
#div {
 width:100px;
 height:100px;
 border:1px solid red;
zoom: 1; 
}
 </style>







<div id="div"></div>

<script type="text/javascript">
document.getElementById("div").style.zoom=3
</script>

</body>
</html>


в ИЕ > http://s1.uploads.ru/i/cFSiV.png

Последний раз редактировалось Deff, 20.08.2012 в 23:59.
Ответить с цитированием
  #6 (permalink)  
Старый 21.08.2012, 00:01
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>
</head>
<body>

<style id="Myzoom">
#div {
 width:100px;
 height:100px;
 border:1px solid red;
zoom: 1; 
}
 </style>







<div id="div"></div>

<script type="text/javascript">
document.getElementById("div").style.zoom=3
</script>

</body>
</html>


в ИЕ > http://s1.uploads.ru/i/cFSiV.png
просто zoom и у меня работает=)
http://www.xiper.net/manuals/css-ext...s/ms-zoom.html
Ответить с цитированием
  #7 (permalink)  
Старый 21.08.2012, 00:03
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

отвечаю заранее вот в чем отличие=)
zoom
-ms-zoom
Ответить с цитированием
  #8 (permalink)  
Старый 21.08.2012, 00:16
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>
</head>
<body>

<style id="Myzoom">
#div {
 width:100px;
 height:100px;
 border:1px solid red;
 -ms-zoom:1; 
}
</style>







<div id="div"></div>

<script type="text/javascript">
var Z=3;
var a = document.getElementById("Myzoom");
var str=a.innerHTML;
str=str.replace(/(-ms-zoom:)[^;]*(?=;)/ig,'$1'+Z)
a.innerHTML=str;
alert(str)
</script>

</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 21.08.2012, 00:17
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

сделал так
zooming.find('style').html('.IMG-map{-ms-zoom: '+scale*100+'%;}');

но сильно жестокие костыли...
других вариантов нет?
Ответить с цитированием
  #10 (permalink)  
Старый 21.08.2012, 00:28
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

cyber,
Я все таки за height и width, но при масштабировании двигать(центрировать относительно wraper) marginom и массшабировать маp - а при подвижках (drag and drop) двигать обрамление wrapper - left и top

вот и разделение действий тады карту ты чисто при zoom всегда центрируешь во wrapper marginom, а двигаешь при drag and drop left и top сам wraper (карта в нём центрована при любом zoom

Хотя наверное я не прав (походу нун учитывать текущее положение курсора - а не центрирование во wrappere

Последний раз редактировалось Deff, 21.08.2012 в 00:31.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск