Подскажите пожалуйста, что здесь делаю не правильно?
<html>
<head>
<script language=JavaScript>
document.write ('<style>body { background-image: url("../background.jpg"); background-size: ' + screen.width + 'px auto;} </style>');
</script>
</head>
<body bgproperties="fixed">
</body>
</html>
Нужно чтобы в итоге этот скрипт вывел мне бэкграунд размера страницы у пользователя, но видимо я что-то не так сделал в JS. Помогите пожалуйста!
Спустя 3 минуты, 43 секунды (12.07.2010 - 20:07) inpost написал(а):
А ты видел такое понятие как background-size:??? Или это что-то из новых, типо CSS3, который нигде и ни у кого не работает?
Спустя 23 минуты, 48 секунд (12.07.2010 - 20:30) asandp написал(а):
Эт то есть такой понятие, и все работает, я проверял. Но вот суть - почему не работает это когда я вставляю сюда screen.width ?
Если просто поставить цифру, то все пашет..
Если просто поставить цифру, то все пашет..
Спустя 6 минут, 4 секунды (12.07.2010 - 20:37) qpayct написал(а):
действительно такая штука есть 
самое смешное, что WeBuilder2010 сам предлагает её в автодополнении и сам же отмечает красным(типа не поддерживается)
самое смешное, что WeBuilder2010 сам предлагает её в автодополнении и сам же отмечает красным(типа не поддерживается)
Спустя 2 минуты, 50 секунд (12.07.2010 - 20:39) asandp написал(а):
мдаТак вообщем главный вопрос, как правильно сюда вывести screen.width ?
Я прост JS совсем не знаю
Спустя 4 минуты, 15 секунд (12.07.2010 - 20:44) asandp написал(а):
| Цитата (qpayct @ 12.07.2010 - 17:37) |
| (типа не поддерживается) |
Тут может в чем то в этом дело:
| Цитата |
| Firefox использует нестандартное свойство -moz-background-size. Safari и Chrome используют нестандартное свойство -webkit-background-size. Opera использует нестандартное свойство -o-background-size. |
Но просто background-size я пробывал в опере 10.51 и все работает
И даже просто в этом скрипте вместо ' + screen.width + ' подставляю, скажем, 1024 - и все работает
Спустя 10 минут, 30 секунд (12.07.2010 - 20:54) qpayct написал(а):
ну это понятно. дело в другом.
зачем предлагает если сам же красным отмечает?
зачем предлагает если сам же красным отмечает?
Спустя 2 часа, 11 минут, 38 секунд (12.07.2010 - 23:06) asandp написал(а):
| Цитата (qpayct @ 12.07.2010 - 17:54) |
| ну это понятно. дело в другом. зачем предлагает если сам же красным отмечает? |
баг
И все же, помогите мне в этой проблеме, как правильно написать здесь на js?Почему не срабатывает так как должно?
Спустя 5 минут, 35 секунд (12.07.2010 - 23:11) Ice написал(а):
во всех браузерах не выводит? в каком браузере производится тестирование?
Спустя 5 минут, 56 секунд (12.07.2010 - 23:17) asandp написал(а):
Opera 10.51
Спустя 4 минуты, 51 секунда (12.07.2010 - 23:22) asandp написал(а):
IE и мозила тоже не пашет
Спустя 13 минут, 4 секунды (12.07.2010 - 23:35) Ice написал(а):
Протестировал на
- Opera 10.60 - всё работает.
- IE8 - не работает
Спустя 3 минуты, 14 секунд (12.07.2010 - 23:38) asandp написал(а):
Так значит дело в скриптах или css? в css поидее не может быть, т.к. если ставить значение просто цифрами, то работает
Спустя 6 минут, 20 секунд (12.07.2010 - 23:45) sergeiss написал(а):
А ты что хочешь сделать? Чтобы для бэкграунда учитывался размер текущей страницы, какая она есть на момент запуска скрипта?
Спустя 1 минута, 12 секунд (12.07.2010 - 23:46) Ice написал(а):
я считаю, что всё дело в том, что свойство background-size относится к спецификации CSS3 W3C-пруф
| Цитата |
CSS3 gives you a way to specify the size of background images. You can specify this size in pixels, width and height, or in percentages. When you specify a size as a percentage, the size is relative to the width or height of the area that you have pointed out using background-origin. The only browsers having this feature implemented so far are Opera 9.5, Safari 3 and Konqueror, they use -o-background-size, -webkit-background-size and -khtml-background-size. |
Спустя 6 минут, 19 секунд (12.07.2010 - 23:52) asandp написал(а):
| Цитата (sergeiss @ 12.07.2010 - 20:45) |
| А ты что хочешь сделать? Чтобы для бэкграунда учитывался размер текущей страницы, какая она есть на момент запуска скрипта? |
Ага, чтобы бэкграунд подстраивался под разрешение пользовательского монитора
Спустя 1 минута, 23 секунды (12.07.2010 - 23:54) asandp написал(а):
| Цитата (Ice @ 12.07.2010 - 20:46) | ||
я считаю, что всё дело в том, что свойство background-size относится к спецификации CSS3 W3C-пруф
|
Это значит что на некоторых браузерах работать не будет?
Спустя 2 минуты, 37 секунд (12.07.2010 - 23:56) asandp написал(а):
хм, вот теперь все заработало, странно. и во всех браузерах причем...
Спасибо за внимание, я так полагаю
Спасибо за внимание, я так полагаю
Спустя 2 минуты, 27 секунд (12.07.2010 - 23:59) asandp написал(а):
Хотя нет, сама функция background-size работает у меня только в опере, в ие и мозиле не работает, но так кажется что- то было про это в мануале, думаю разберусь.
Всем спс!
Всем спс!
Спустя 10 часов, 44 минуты, 7 секунд (13.07.2010 - 10:43) inpost написал(а):
Если, вдруг, все заработает, покажи ссілку! Мне очень интересно на это взглянуть =)
Спустя 8 минут, 25 секунд (13.07.2010 - 10:51) Gesandte написал(а):
на русском получше будет)
тут
тут
Спустя 2 минуты, 48 секунд (13.07.2010 - 10:54) Gesandte написал(а):
и жабаскрипт использовать не надо в этом случае, но это не кроссбраузерно, использовать данные свойства еще все таки рано.
Спустя 3 минуты, 21 секунда (13.07.2010 - 10:57) asandp написал(а):
Вообщем в идеале все работает только в опере у меня. Но можно немного выкрутиться и в других браузерах, добавив к стилям background-position: center center
Вот так:
Ссыли пока нету, в локалке делаю.
Вот так:
<html>
<head>
<script language=JavaScript>
document.write ('<style>body { background-image: url("../background.jpg"); background-size: ' + screen.width + 'px auto; background-position: center center;} </style>');
</script>
</head>
<body bgproperties="fixed">
</body>
</html>
Ссыли пока нету, в локалке делаю.
Спустя 2 минуты, 5 секунд (13.07.2010 - 11:00) asandp написал(а):
| Цитата (Gesandte @ 13.07.2010 - 07:54) |
| и жабаскрипт использовать не надо в этом случае, но это не кроссбраузерно, использовать данные свойства еще все таки рано. |
а какж здесь без жабы? ) никак, как то разрешение экрана надо же измерять
Спустя 1 час, 41 минута, 48 секунд (13.07.2010 - 12:41) Ice написал(а):
указать 100%
Спустя 7 минут, 16 секунд (13.07.2010 - 12:49) asandp написал(а):
разве прокатит?
Спустя 11 минут, 4 секунды (13.07.2010 - 13:00) asandp написал(а):
Ну вообщем в опере это работает, можно еще попробывать чегонить учудить и везде будет вполне сносно, проверим )
спасибо за наводку, не внимательно почитал мануал
спасибо за наводку, не внимательно почитал мануал