фонарик

Смысл такой, что я оттуда умею получать значения Можно наверно вместо CSS файла хранить данные в переменных java скрипта, но было бы удобней когда переменные лежат рядом со стилем. Да и не знаю я как оно вообще правильно, как люди нормальные делают ) Что в гугл вбить еще уже даже и не знаю

Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

Мистер Vin, большое вам спасибо за помощь Результат тот же, что и нужен, поклон вам до земли. У меня у самого опилки никак не могут переварить все это дело, чтобы решать самому. Может, вдогонку еще подскажете, как отбросить все символы что идут с начала точки? Например, число 456.869306930693069, нужно чтобы это число стало нормальным человеческим в виде 456 Мда, дай негру палец называется. Еще понадобится такой вариант, чтобы округлить это число в большую сторону. Например 456.12 должно округлиться в 457. как округлять нашел Math.ceil(456.12) ; // 457

а можно и просто var a = 324 Это бы мне помогло, если бы я мог вычленить хотябы не отдельные цифры из выражения, а две его части с символами px. Т.е в одной переменной образовывалось бы первое значение -896px, а во второй второе -324px.

Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает

Было так просто и никто не подсказал Может, конечно, оно получилось все через одно место, но лучше бы я на обычный урок потратил эти 8 часов http://jsfiddle.net/6hu2W/12/

Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает только на самом первом блоке, а нужно чтобы работало на всех трех, беря во внимание тот факт, что их будет не 3, а 20 или 30 например.

Решил проблему при помощи style.backgroundPosition

Heidel, у вас на первом сайте если нажать на кнопки что ниже кнопки "Ветеринарная клиника", то перегружается страница. Наверно это неправильно Если быть точнее - правильно работают только первая и последние кнопки.

Ситуация такая, что в данном примере кнопки на картинке - ее состояние не изменится на стиль hover если навести мышкой не на саму кнопку, а на ее тень. А в случае если эта тень часть картинки и, как следствие - лежит внутри блока div, то лишь только мышка налезет на тень - кнопка примет стиль hover. Тень большая широкая, кнопка уже издалека реагирует, визуально это очень плохо смотрится. Почему-то не работает Вот видимость (visibility) менять получилось, но пропадают так же и синий блок, плюс ко всему, при отжатии мышки ничего назад не появляется. Почему исчезает синий блок и почему не появляется назад серый? Подскажите пожалуйста.http://jsfiddle.net/6hu2W/8/

Дело в простой кнопке которая на фоне картинки, и всего лишь Смотреть там пока больше не начто, да и, лучше наверно на это не смотреть чем смотреть Слева - вид кнопки в хроме и мозилле, справа - в эксплорере(8). .btn { border-radius:16px; width:95px; height:35px; background-color:#9999CC; box-shadow: 0 0 22px red; } Я и так в стилях запутался, если еще для каждого объекта который по плану должен быть с тенью определять отдельный стиль для эксплорера, то капут настанет. Да и вообще у меня не получилось сделать в эксплорере такой же вид кнопке как слева. Если что-то не правильно отображается, то это почему-то именно эксплорер

Нет, так не проще, потому что у меня за кнопкой идет картинка Нужно как-то придумать чтобы серый блок исчезал из виду. Вместо всех цветов идут картинки. Пытался блоку серому подменить класс - единственное наверно как можно решать проблему. Т.е сменяем класс блоку, в новом классе все тоже самое что и в старом - но картинка в диве = прозрачность. Но при смене класса серому блоку он уезжает в край и всё тут Все дело в тени вокруг кнопки, она плавная и большая, красивая В эксплорере сделать тень закругленную вокруг кнопки у меня так и не вышло. Нашел советы в интернете, там какие-то фильтры применяются, огород какой-то. Я тот вариант не осилил.

Вопрос, по-моему, очень объемный, в ответ на него можно весь учебник по верстке озвучить ))

Придумал как решить свою задачу с тенями вокруг кнопок, но уперся в другую беду, которую так и не смог решить самостоятельно. Суть такая, что есть блок (серый), в нем лежит блок что чуточку поменьше размерами (синий). При наведении на синий блок он становится зеленым, при зажимании мышки - красным, при отпускании или уведении мышкой - обратно синим. Подскажите, как при помощи javascript сделать так, чтобы при нажимании на синенький блок серый блок - исчезал из виду? А при отпускании мышки - серый снова становился виден? При этом чтобы синенький блок где сидел чтобы там и оставался. Что я только не пробовал. Если делать серому display:none то всё, он пропадает с концами, прихватив с собой и синий блок. Если серому сменить класс - то эта сволочь улезает в угол экрана и вообще происходят такие сдвиги, что плохо становится http://jsfiddle.net/6hu2W/6/

Не совсем понял, как это. Если уменьшить блок - то в него не влезет изображение кнопки целиком, т.е кнопка просто обрежется границами блока. Тут дело в простой кнопке, которая стилизована и имеет тень изначально в своем изображении, а не оформлена посредством css. Если быть точнее - то дело в стиле. Тень вокруг кнопки большая, и размер дива в котором лежит эта кнопка - тоже больше, чтобы влезла вся кнопка с тенью. При наведении на кнопку, как показано в примере, она реагирует сменой цвета. Но получается некрасиво - мышька перекрашивает кнопку а визуально до нее еще не доехала. И обратный эффект тоже получается кривой: при убирании с дива мышки визуально мышка отъехала с кнопки, но она не становится прежней, потому что мышка над тенью. В общем, не знаю даже что и думать Кнопка с тенью выглядит красиво, жаль что нельзя на диве рисовать карту как на img блоке

Может я не совсем точно выразился Есть 2 задачи. http://jsfiddle.net/Z3yy4/ 1. Вот еще один пример - кнопка. У нее большая красная тень, я сделал ее ярче чтобы было нагляднее. Мышка до кнопки еще не доехала, а уже кнопка меняет цвет А нужно чтобы мышка, будучи над тенью, не меняла цвет див блоку (т.е чтобы никакие события при таком наведении не происходили) 2. Если первый вариант никак нельзя сделать, то быть можно сделать так как на картинке ? При условии что div_01 не имеет никакой картинки, а div_02 имеет картинку зеленой кнопки.

Есть блок див у которого есть свойство background-color с картинкой png. Из-за большой тени вокруг картинки размер самого блока больше чем сама картинка соответственно. Подскажите, как уменьшить активную область дива? Т.е если это ссылка или событие какое при наведении мышкой - чтобы они срабатывали, скажем, на плоскости дива что меньше оригинала например на 20%? Т.е чтобы при наведении не на картинку, а на её тень вокруг чтобы ничего не происходило. http://jsfiddle.net/vyyTg/ Вот пример. Наводим на краешек дива он окрашивается. А нужно чтобы окрашивался только тогда, когда например мышка не на первом пикселе края дива а заехала на пятый или 10й Или, быть может, можно как-то запихнуть, скажем, картинку размером 50х50 пикселей в блок див что имеет размер 40х40 пикселей и чтобы картинка отображалась полностью, а не обрезалась границами дива. Ну и блок див сам остался своего размера. Ничего не получается

Г-н SelenIT, все работает, спасибо вам большое Откуда вы только тут столько знаете )) Не знаю куда написать (( вродебы я видел здесь зеленую такую кнопочку "спасибо", а сейчас её нет. Личные сообщения отсылать нельзя - пишется что нет доступа ((

Оказалось, что в firefox border не показывается, в эксплорере вообще не показалось ничего. Только в гугл хроме все нормально Может есть какой-нибудь другой способ?

Ухты, спасибо Вам большое Мозг плавился, брыкался, но съел )) Хмм, обнаружил что свойство border не отображается при таком методе, отчего это оно так не подскажите? Боюсь, не повторится ли это с какими-либо другими тегами в будущем при таком применении

Тям опять иссяк Подскажите пожалуйста, как в команду alert вывести что-то из стиля блока див, что прописано в отдельном CSS файле а не в теге div? Вот пример, border и fontSize вылазиют, а width и прочее нет, т.к они не прописаны в теге. (кликните по блоку) http://jsfiddle.net/bYdmj/2/

Спасибо большое ) А я над этой задачей 4 часа уже просидел )) Не все оказалось так просто Почему тогда вот такой код страницы не работает? (не меняет цвет диву) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unnamed</title> <script type="text/javascript"> var bobik = document.getElementById('ppp'); bobik.onmouseover = function() {this.style.color = '#ff0000';}; bobik.onmouseout = function() {this.style.color = '#000000';}; </script> <body> <div id="ppp" style="color: #000000; border:2px solid; width:155px; height:55px;"> див не реагирует</div> </body> </html>

Подскажите пожалуйста, почему диву пофиг на все, что ему положено делать? http://jsfiddle.net/xB4KQ/

Во дела )) Спасибо вам большое )) Все перековырял а до скрипта так и не добрался )

И это вопрос от начинающих?