SCHNITZER
-
Posts
126 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SCHNITZER
-
Что бы включить анимацию появления не сразу, а через некоторое время.
-
<img id='Img1' src='online.jpg' width='432' height='100' style='position:absolute; top:348px; left:33px;' onload="fadeOpacity(this.id, 'rule01')" /> <script type="text/javascript"> fadeOpacity.addRule('rule01', 0.0, 1, 30); </script> Скрипт тут http://szr4.com/stuff/opacity.js
-
Гм, спасибо.
-
Можно белее развернуто, только разбираюсь.
-
Нужен скрипт, который в начале документа ничего не будет делать 2 секунды, а потом начнется загрузка остальных скриптов.
-
А как? На сайте на одном <!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">
-
Справил. Ну учусь, чего вы. Теперь код "красавец"? только все равно не работает. Давайте дальше..
-
Для примера сделал "визитку" человечка, который мне очень помог разобраться с JS. Только есть одна проблема, это fade. Будь то fadeTo, или же, в одном решении встречалось fadeOpacity, что тоже работает с багами. Что же делать, как же быть? Вот пример: http://szr4.com/stuff/test/IEfadeTo/index.html p.s. А в FF красота...
-
Да, спасибо. Только мне не нравится, что он сначала загружает страницу, а только потом "Ну ты чё!". Хотелось бы, чтобы скрипт вообще первым шел.
-
Как реализовать такую историю? На htmlbook работает. Я видел скрипт с красивым выводом сообщения, с картинками и т.д., но не сохранил. Подскажите.
-
Идея такая. Начинает грузится страница. Она спрятана {display:none;}. Через 2 секунды страница будет показана в течении полутора секунд. На это я написал: .fadeTo(2000, 0.01); .fadeTo(1500, 1.0);. Но также я хочу, что бы если страница успеет загрузится в течении этих 2-х секунд (в оригинале будут изображения и 5-7 секунд), то она все же появится, то же с плавным эффектом. Вот с последним не получается, ведь с такой страницей она должна загрузится моментально, как установлено у window.onload. <!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> <title>Untitled Page</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <style type="text/css"> .hov {display:none;} </style> <script type="text/javascript"> function go() { if (arguments.callee.done) return; arguments.callee.done = true; $('.hov').fadeTo(10, 1.0); }; window.onload = go; </script> </head> <body> <div align='center' class='hov'> <pre> Буря мглою небо кроет, Вихри снежные крутя; То, как зверь, она завоет, То заплачет, как дитя, То по кровле обветшалой Вдруг соломой зашумит, То, как путник запоздалый, К нам в окошко застучит. </pre> </div> <script type="text/javascript"> $('.hov').fadeTo(2000, 0.01); $('.hov').fadeTo(1500, 1.0); </script> </body> </html>
-
Отображать сайт (или картинки) только после полной загрузки
SCHNITZER replied to SCHNITZER's question in JavaScript
Спасибо! Проблема оказалась в том, что я запускал файл html с компа, даже не с локального сервера. Вот и не работало. Когда загрузил ваш вариант на сайт, все пошло как надо. -
Отображать сайт (или картинки) только после полной загрузки
SCHNITZER replied to SCHNITZER's question in JavaScript
Body - display:none; Далее скрипт (основу загрузки скрипта брал отсюда http://webo.in/articles/habrahabr/05-delayed-loading/) <script type="text/javascript"> // Dean Edwards/Matthias Miller/John Resig function init() { // выходим, если функция уже выполнялась if (arguments.callee.done) return; // устанавливаем флаг, чтобы функция не исполнялась дважды arguments.callee.done = true; $('.main').show(); }; /* для Mozilla/Firefox/Opera 9 */ if (document.addEventListener) { document.addEventListener("DOMContentLoaded", init, false); } /* для Internet Explorer */ /*@cc_on@*/ /*@if (@_win32) document.write("<script id=\"__ie_onload\" defer=\"defer\" src=\"java script:void(0)\"><\/script>"); var script = document.getElementById("__ie_onload"); script.onreadystatechange = function () { if (this.readyState == "complete") { init(); $('.main').show(); } }; /*@end@*/ /* для Safari */ if (/WebKit/i.test(navigator.userAgent)) { // условие для Safari var _timer = setInterval(function () { if (/loaded|complete/.test(document.readyState)) { clearInterval(_timer); init(); // вызываем обработчик для onload } }, 10); } /* для остальных браузеров */ window.onload = init; </script> -
Отображать сайт (или картинки) только после полной загрузки
SCHNITZER replied to SCHNITZER's question in JavaScript
Я пытался, не получилось. Я новичок, не могли бы вы показать подробный код вашего варианта? -
Отображать сайт (или картинки) только после полной загрузки
SCHNITZER posted a question in JavaScript
Как сделать, что бы сайт отображался после полной его загрузки? Все пересмотренные мной варианты либо основаны на задании, скажем, 2 сек, а потом отображают контент, не важно, загрузился он, или нет. Или предлагается спрятать/распрятать по ходу чтения кода, а изображения продолжают подгружаться. Или как сделать, что бы картинки грузились не так неприятно поступательно? -
Загрузка новой таблицы на странице, не перегружая ее.
SCHNITZER replied to SCHNITZER's question in JavaScript
to psywalker: да таких таблиц будет очень много, загружены изображениями, так что грузить их все сразу вариант не подходит, да и странный какой-то. Я тут совершенно случайно наткнулся на интересную статью. Кому интересно, опишу. 1. Подгрузить скрипт. # function showContent(link) { # # var cont = document.getElementById('contentBody'); # var loading = document.getElementById('loading'); # # cont.innerHTML = loading.innerHTML; # # var http = createRequestObject(); # if( http ) # { # http.open('get', link); # http.onreadystatechange = function () # { # if(http.readyState == 4) # { # cont.innerHTML = http.responseText; # } # } # http.send(null); # } # else # { # document.location = link; # } # } # # // создание ajax объекта # function createRequestObject() # { # try { return new XMLHttpRequest() } # catch(e) # { # try { return new ActiveXObject('Msxml2.XMLHTTP') } # catch(e) # { # try { return new ActiveXObject('Microsoft.XMLHTTP') } # catch(e) { return null; } # } # } # } 2. Добавить тэгу параметры загрузки (практически любому). onclick="showContent('page1.html')" value="Страница 1" style='cursor: pointer' Пример:<img src='pic04.JPG' onclick="showContent('page1.html')" style='cursor: pointer'></p> 3. Назначить, где будет подгружаемый элемент: <div id="contentBody"></div> 4. Далее написать: <div id="loading" style="display: none"> Идет загрузка... </div> -
Есть страница, скажем, сделанная на каркасе таблицы. Одна из ячеек - таблица с картинками, разной информацией и т.д. Еще одна ячейка главной таблицы-ссылки. Как сделать, что бы при вызове в ячейку загружалась новая таблица? Как это лучше реализовать, какой скрипт искать, по поисковику найти не могу, т.к. сложно сформулировать вопрос.
-
Рисунок да, а thumbnail в полосе прокрутке нет...
-
А как такое сделать.. http://html-test.1gb.ru/002/index.html Пройдя по ссылке "Что скрывается за ?" Нужная картинка оказывается справа. А как сделать, например, по середине?
-
Готово!
-
http://html-test.1gb.ru/001/index.html Как сделать, не получается..
-
В третьей строке ячейки <td width="100">DDDD</td> и <td width="100%"> </td>. Т.е. у них ширины сто пикселей + 100%. Как я понимаю, математически это не правильно. Тем более, посмотрите как отображается Ваша страница в Mozilla и IE. 1. colspan лучше использовать с тегом <col> (http://htmlbook.ru/html/col.html), где нужно задать и ширины колонок. 2. http://htmlbook.ru/html/td/nowrap.html осуждается в спецификации HTML 4 Я бы организовал несколько иначе эту таблицу, на мой взгляд, более логично. А именно: трехстрочная таблица, шириной в 100%. На второй строке еще ода однострочная таблица, шириной 100%, а первая ячейка в ней 100 пикселей. Ширина второй будет вычислена автоматом. И не будет зависимости никакой.
-
Скрол в ячейке таблицы при высоте 100% экрана
SCHNITZER replied to SCHNITZER's question in HTML Coding
psywalker: Вы так помогли, дай Вам Бог здоровья! -
Скрол в ячейке таблицы при высоте 100% экрана
SCHNITZER replied to SCHNITZER's question in HTML Coding
Я там ошибся, написал "<table height='100' width='850'", 100%, конечно же. А вот в чем проблема то. Этот код не работает в Mozilla и Netscape, во всех остальных нормально. Давайте разберемся почему. -
Скрол в ячейке таблицы при высоте 100% экрана
SCHNITZER replied to SCHNITZER's question in HTML Coding
Не могли бы вы объяснить, пробуксовываю...