Feel
-
Posts
85 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Feel
-
Заинтересовался следующим вопросом. А можно ли использовать canvas в качестве фона, а поверх накладывать блок с различными элементами (ссылками, кнопками, текстом, формами и.т.п.) и прорисовывать на канвасе какую-либо анимацию, скажем на оnload страницы. Ведь так, по идее, можно использовать все возможности анимации без flash, да и к таким не емким и достаточно быстрым вещам как WebGL дорога открывается. Но дело не в мечтаниях. Вопрос вполне понятен - Можно ли помещать элементы страницы поверх канвы так, чтобы было видно прорисовку на последней?
-
Ясно. Жаль что нужен скрипт для подобного, большое спасибо за ответ! Остался последний неразрешенный момент: Как сделать чтобы дочерние блоки, наследовали ширину родительского блока "wrapper"? Криво как-то задавать каждому блоку ширину. Лень Интуиция подсказывает что можно сделать проще.
-
Есть еще такой момент, что прокрутка может осуществляться не только при помощи полосы прокрутки, но и при помощи курсора прокрутки при нажатии на колесико мыши или двойным кликом по тачпаду. И overflow:hidden здесь не помогает.
-
Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центрировать все дочерние блоки, т.е. все, что присутствуют на страницы. Но что-то не выходит. Прогуглил что лучший способ - воспользоваться "margin:0 auto", но не вышло. Прошу, помогите исправить стили, чтобы добиться нужного результата. Хотелось бы, чтобы все блоки были выровнены всегда строго по центру без выравнивания по центру внутреннего содержимого. P.S. Ширину всех дочерних блоков хотелось бы задавать один раз в родительском, чтобы остальные блоки ее наследовали. Тоже не пойму как. 2)Как сделать размер страницы аналогично google.com. А именно, сделать так, чтобы страница всегда занимала всю высоту окна браузера (не больше и не меньше) при любом разрешении экрана и браузере, убрать бегунок вертикальной полосы прокрутки (чтобы он появлялся только при уменьшении окна браузера). Заранее благодарю за ответы. Бывает же. Только с отчаянии создал тему и через минуту уже в голову пришел ответ. Решил 1 вопрос добавив в стили блока wrapper: left: 50%; margin-left: -500px; position: absolute; width: 1000px; Однако, я не уверен насчет максимальной эффективности такого центрирования и его кроссбраузерности. Если есть подводные камни в этом методе, поправьте пожалуйста. Вопрос №2 остается открытым.
-
Благодарю. Будем считать это самым лучшим вариантом для идентификации.
-
Доброго времени суток, форумчане. Пишу персональную страничку. Решил что не хочу внедрять различные хаки для IE в таблицы стилей, а лучше сделаю отдельно стиль для IE, а пока что хочу вообще заглушку поставить. Тут же возникла потребность в идентификации браузера при загрузке странички. Нашел много различных решений. Вопрос в том, какой способ идентификации браузера наиболее корректен и прост? Задача даже не столько в получении идентификатора(названия) браузера, сколько в конкретной проверке IE или нет.
-
У меня немного иначе. Скрипт вынесен в отдельный файл и вызывается через <script src=""></script>. Функция f() вызывается не в скрипте а в событии Onclick элемента страницы. После проверки, я сделал вывод что переменные, которые я задаю в скрипте вне функций не определяются. Сейчас заметил, что у меня вообще скрипт не выполняется при загрузке страницы. Обнаружил что скрипт перестает выполняться при инициализации canvas. Последнее и являлось проблемой. Тема закрыта.
-
После того как задал значения этих переменных в функции, в которой использую данное выражение, все заработало. Однако у меня есть потребность задавать значения этих переменных вне функции, а использовать в ней. Но если я задаю их вне функций, они не передаются в функцию почему-то. Примерно это выглядит так: var x,y,a; x=0.1; y=0.1; function f() { a=x*y; } В данном случае значения переменных x и y не определены что говорит мне метод document.write().
-
Есть такое выражение: r0 = Math.round(Math.sqrt(x*x+y*y)*100)/100; При выводе выдает NuN вместо результата. В чем ошибка?
-
Спасибо, помогло.
-
Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?
-
Для начала оформите код в надлежащим виде (смените кодировку текста), чтобы пользователи могли легко его читать. По теме: Попробуйте в css для таблицы прописать "align: top;".
-
Собственно нужно растянуть canvas во все окно браузера так, чтобы это было кроссбраузерно и умещалось в один экран (не было прокрутки). Сегодня пробовал самостоятельно решить эту проблему, однако не получил абсолютного удовлетворения от результатов моих стараний. Прошу помогите.
-
Большое спасибо, Ёжи.
-
Спасибо. Возник вопрос последующий, но не буду засорять форум, создавая новую тему: Я пытаюсь реализовать масштабирование и ориентацию холста canvas при изменении окна браузера. Пользуюсь руководством на htmlbook: Ссылка на руководство В руководстве не написано к чему относятся последние строки кода: window.addEventListener('resize', resizeGame, false); window.addEventListener('orientationchange', resizeGame, false); Вопроса здесь два: 1)Куда их нужно поместить? 2)Куда добавляют событие эти методы и что означают их аргументы?
-
Вопрос следующий: При создании файла скрипта JS и добавление ссылки на него в html-файл: <script src="js/scaling.js"></script> будет ли он выполняться сразу при загрузке страницы или ссылка только позволит вызывать функции из этого скрипта, а чтобы этот скрипт выполнялся при загрузке, необходимо вызывать функцию из него в событии ".onload"? Знаю, вопрос глупый, но немного запутался. Прошу объяснить.
-
Доброго времени суток, форумчане. Посоветуйте пожалуйста хороший редактор кода (бесплатный) с поддержкой системы сниппетов, подсветкой кода и прочими элементарными удобствами.
-
Нашел один нюанс: overflow:hidden; - убирает только полосу прокрутки. Однако если нажать на колесико и опустить указатель вниз, то страница скроллится. У меня, из-за этого, выплывает неприятная картина - футер отрывается от низа страницы Хотя его я прижал согласно мануалу htmlbook. Пробовал другие варианты - не помогло.
-
Понятно. Спасибо.
-
Есть сайт. Там присутствует вертикальный скролл, но при прокрутке проматывается не вся страница, а только содержимое одного блока. Не пойму как сделать также.
-
Да я все думал что не выйдет, а потом вспомнил алгоритм сжатия у jpg и все получилось. У меня рисунок просто черно-белый) Поэтому хорошо сжался.
-
Размер файла фоновой картинки 449Кб. Картинка является текстурой с затемненными краями. Повторяющиеся фрагменты одинаковой яркости я вырезал. Но все равно 449кб. Много ли это для странички? Что еще можно сделать для уменьшения размера файла этой картинки? Размер картинки 1419x1080. Ориентируюсь на то чтобы фон хорошо выглядел на 1920x1080 и ниже.
-
То что нужно, спасибо! Нужно в эстетических целях.
-
overflow:hidden убирает полностью скролл. Мне этот вариант не подходит. Сама функция скроллинга мне нужна, а вот полосу прокрутки видеть я не хочу.
-
Нужен кроссбраузерный вариант, как визуально убрать вертикальный скролл на странице. Чтобы можно было скроллить колесиком, но самого скролла не было видно.