Результаты поиска
2015-03-05 Дата: Четверг, 05.03.2015, 11:26 | Сообщение #46 | Тема: Автоматическое открытие страницы по таймеру
Лейтенант
Группа: Проверенные
Статус: Offline
window указывать необязательно
Без window скрипт не хотел работать. Вставил window скрипт заработал. Код
<div id="timer_id">10</div> <script type="text/javascript"> function timer(){ var obj=document.getElementById('timer_id'); if(obj.innerHTML==0){ alert('Готово!'); }else{ setTimeout(function(){obj.innerHTML--;timer();},1000); }; };timer(); </script>
Этот скрипт выводит отсчет в секундах например 10. А мне нужно такой вид ММ:СС на пример 30:00 Добавлено (05.03.2015, 11:15) --------------------------------------------- Вот нашел красивый скрипт таймера отсчета: Код
<script src="http://e-timer.ru/js/etimer.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".eTimer").eTimer({ etType: 1, etDate: "06.03.2015.0.0", etTitleText: "До окончания теста осталось:", etTitleSize: 19, etShowSign: 1, etSep: ":", etFontFamily: "Trebuchet MS", etTextColor: "#a3a3a3", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#11abb0", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)" }); }); </script> <div class="eTimer"></div>
Но как в него воткнуть отсчет 30 минут? Что бы он имел вид 00 дней, 00 часов, 30 минут, 00 секунд. Т.е. вел отсчет 30 минут от начала открытия текущей страницы (или отсчет запуска таймера установленного на 30 минут). Добавлено (05.03.2015, 11:26) --------------------------------------------- Я так понимаю что при открытии страницы надо получить текущую дату и время прописать в переменную etDate и к этой переменной прибавить 30 минут, тем самым получить конечную дату окончания работы данного скрипта. Как это реализовать на практике?
Сообщение отредактировал RedStar - Четверг, 05.03.2015, 11:29
2015-03-05 Дата: Четверг, 05.03.2015, 15:12 | Сообщение #47 | Тема: Автоматическое открытие страницы по таймеру
Лейтенант
Группа: Проверенные
Статус: Offline
ps Ради таймера подлючать тяжеленный плагин - верх расточительства .. со стороны разработчика, естественно..
Полностью согласен с Вами. Сейчас пытаюсь переписать скрипт, потом выложу на Ваше обсуждение. Может подправите мои мелкие ошибки. Я ведь не супер профи в написании скриптов, пишу скрипты как умею.
2015-03-05 Дата: Четверг, 05.03.2015, 16:07 | Сообщение #48 | Тема: Автоматическое открытие страницы по таймеру
Лейтенант
Группа: Проверенные
Статус: Offline
Вот, что получилось: В CSS: Код
/* ----------------- */ .po { margin:18px 10px 10px 76px; float:left; color:#ffffff; font-size:3em; font-weight:bold; } .pb { border:1px solid white; -moz-border-radius:10px; height:65px; width:340px; background:url(http://instudio.at.ua/img/clock.jpg) left top no-repeat; } /* ----------------- */
В HTML: Код
<script type="text/javascript"> function openNewTab(){ window.open('http://www.ya.ru', '_self'); alert('Время отведенное на тест вышло!'); } function start_timer() { var block = document.getElementById('sample_timer'); simple_timer(0, block, true); } function start_countdown() { var block = document.getElementById('sample_countdown'); simple_timer(120, block); } // Поставил для пробы 2 минуты function simple_timer(sec, block, direction) { var time = sec; direction = direction || false; var hour = parseInt(time / 3600); if ( hour < 1 ) hour = 0; time = parseInt(time - hour * 3600); if ( hour < 10 ) hour = '0'+hour; var minutes = parseInt(time / 60); if ( minutes < 1 ) minutes = 0; time = parseInt(time - minutes * 60); if ( minutes < 10 ) minutes = '0'+minutes; var seconds = time; if ( seconds < 10 ) seconds = '0'+seconds; block.innerHTML = hour+':'+minutes+':'+seconds; if ( direction ) { sec++; setTimeout(function(){ simple_timer(sec, block, direction); }, 1000); } else { sec--; if ( sec >= 0 ) { setTimeout(function(){ simple_timer(sec, block, direction); }, 1000); } else { openNewTab(); } } } </script> <div align="center"> <div class="timer_sample"> <div class="pb"> <div id="sample_countdown" class="po"></div> <script> start_countdown(); </script> </div> </div> </div>
Может будут, какие советы? Ну и может быть кому-то из пользователей Вашего сайта этот скрипт таймера пригодится.
Сообщение отредактировал RedStar - Четверг, 05.03.2015, 16:13
2015-12-25 Дата: Пятница, 25.12.2015, 13:34 | Сообщение #49 | Тема: Неправильное отображение сайта на мобильных телефонах
Лейтенант
Группа: Проверенные
Статус: Offline
Суть проблемы, создал сайт: http://wafa.com.ua Сайт некорректно отображается на мобильных телефонах. На мобильных телефонах сайт отображается таким образом: шапка сайта, потом слайдер, потом контент и под контентом правая колонка. Т.е сайт выглядит не как двух-колоночный, а как одно-колоночный. Масштабирование на телефоне не спасает. Почему-то масштабируется только контент и шапка, а вот правая колонка не масштабируется и располагается под контентом, а не справа от контента. Между <head> и </head> у меня стоит код: <meta name="viewport" content="width=device-width, initial-scale=1.0" /> Помогите решить проблему.
2015-12-25 Дата: Пятница, 25.12.2015, 15:43 | Сообщение #50 | Тема: Неправильное отображение сайта на мобильных телефонах
Лейтенант
Группа: Проверенные
Статус: Offline
То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?
Совершенно верно. Поконкретнее можно ответить, что конкретно надо исправить. Вот мой код в CSS:
Код
/***** Standard 1200px *****/ .wrapper {width:1180px;} /***** Standard 960px *****/ @media only screen and (max-width:1200px) { .wrapper {width:auto;} } @media only screen and (max-width: 960px) { .navbar-share {display: none;} .head-l,.head-r,.foot-l,.foot-r {float:none; width:auto; text-align:center; padding:10px 20px;} .head-r {padding:10px 20px 40px;} .site-n,.site-n a {font-size:32px;} .cap-ttl {padding:15px 20px 10px; font-size:18px;} .cap-ds {padding:0 20px 15px; font-size:14px;} #footer {padding:20px 0;} .foot-l {padding-bottom:0;} .foot-r {padding:0;} #content,#sidebar {float:none; width:auto;} #catmenu {text-align:left;line-height:normal;} #catmenu ul {display:none;background:#3498db;padding:20px;margin:1px 0 0;} #catmenu li {float:none;padding:9px 0;border-bottom:1px solid #eceff3;} #catmenu li:first-child a {padding-top:0;} #catmenu li a {height:auto;line-height:normal;padding:0;} #catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {background:none; font-weight:bold;} #catmenu ul ul {display:none;} #catmenu li.uWithSubmenu:hover > ul {display:none;} #catmenu li.uWithSubmenu.over > ul {display:block;} #catmenu ul ul,#catmenu ul ul ul {position:static;width:auto;border:none;border-top:1px solid #eceff3;margin:7px 0 0;padding:0 0 0 40px;background:#3498db;} #catmenu ul ul li {padding:9px 0;border:none;border-top:1px solid #eceff3;} #catmenu ul ul li:first-child {border:none;} #catmenu ul ul li:last-child {padding-bottom:0;} #catmenu ul ul li a,#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {display:inline-block;padding:0;} #catmenu li.uWithSubmenu.over > a {color:#fff;font-weight:bold;} .nav-head {display:block;} #catmenu .nav-head.over+div>ul {display:block;} #catmenu li.uWithSubmenu em {display:inline-block;} .forum-box .gTableSubTop,.forum-box .forumIcoTd,.forum-box .forumThreadTd,.forum-box .forumPostTd,.forum-box .forumLastPostTd,.forum-box .threadIcoTd,.forum-box .threadPostTd,.forum-box .threadViewTd,.forum-box .threadAuthTd,.forum-box .threadLastPostTd,.forum-box .legendTable,.forum-box .fFastSearchTd,.forum-box .fFastNavTd,.forum-box .funcBlock,.forum-box .userRights,.forum-box .forumNamesBar{display:none;} .forum-box .gTableTop {padding:10px 20px;} .forum-box .postTable,.forum-box .postTable tbody,.forum-box .postTable tr,.forum-box .postTable td {display:block;width:auto!important;} .forum-box td.postBottom,.forum-box td.postTdInfo {display:none;} .forum-box .postTdTop {text-align:left;height:auto;line-height:normal;font-size:13px;padding:10px 20px;border-bottom-width:1px;} .forum-box .postTdTop + .postTdTop {padding:10px 20px;border-bottom-width:2px;font-size:11px;font-weight:normal;} .forum-box .postTdTop + .postTdTop:before {content:'';width:0;height:0;background:none;border-top:7px solid #dbe1e8;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;bottom:-9px;left:20px;} #toolbarMainContainer {display: none;} } @media only screen and (max-width: 640px){ .site-n,.site-n a {font-size:28px;} .cap-ttl {font-size:15px;} .cap-ds {font-size:12px;} .eMessage img,.eText img {width:100%!important;float:none;margin:0 0 20px!important;} .uTable tr td:first-child + td ~ td,#thread_search_form,#forum_filter,#thread_search_form {display:none;} .uTable .user_avatar img {width:50px;} #uEntriesList .uEntryWrap {width:50%!important;} span[id^=iCode] {display: block;padding-left: 38px;} .forum-search {display: block;} .shop-tabs {border-bottom: 0!important;} .shop-tabs li {border-bottom: 1px solid #A7A6A6 !important;} .shop-info {clear: both;} #puzadpn {display:none;} .catalog td.catalog-item {display: block !important;width: 100% !important;overflow: hidden!important;} td.shop-itempage-images {width: inherit !important;display: block;text-align: center;} td.shop-itempage-images #ipreview {display: block;margin: 0 auto 10px;} .shop-itempage-images + td {display: block;} } @media only screen and (max-width: 480px) { .site-n,.site-n a {font-size:24px;} .cap-ttl {padding:10px 20px; font-size:14px;} .cap-ds {display:none;} .manTable td,.commTd1,.commTd2 {display:block;width:100%;} .manTable td input,.manTable td textarea {max-width:97%;} .manTable .manTd1 {width:auto;} #uNetRegF tr td:first-child {max-width:20%!important;white-space:normal!important;font-size:11px;} #uNetRegF #fAvatar,#uNetRegF #fAvatarU {display:block;margin:0 0 3px;} #uNetRegF #fAvatarU + input {position:relative; margin:0 0 0 -10px;} .uNetDescr {font-size:9px;} #fTerms {float:left;margin:2px 10px 10px 0;} #fTerms+label {font-size:11px!important;vertical-align:top} #fTerms~div {font-size:9px;padding:10px 0 0;} .copy {font-size:9px;} .calendarsTable,.calendarsTable > tbody,.calendarsTable > tbody > tr,.calendarsTable > tbody > tr > td {display:block;width:100%;} #content .calTable {width:100%;margin:0 0 20px;} #content .calMonth {text-align:left;text-transform:uppercase;} .posttdMessage {padding:10px 10px 30px;} .fNavLink {font-size:11px;position:relative;margin:0 -3px;} .codeButtons,.smilesPart {display:none;} #message {max-width:97%;} .postUser {font-size:14px;} #frM53 .gTableLeft,#frM53 .gTableRight {display:block;width:auto!important} .opt_vals td {display:table-cell!important;} .opt_items {max-width:97%;} #puzadpn {display:none;} #uEntriesList .uEntryWrap {width:100%!important;} .manTable td #idAreaoEditbrief td,.manTable td #idAreaoEditmessage td,.manTable td #idAreaoEditdscr td {display:table-cell;} } @media only screen and (max-width: 360px) { #slider {display:none;} .site-n,.site-n a {font-size:22px;} .eTitle {font-size:20px;} .nav-head {font-size:19px;padding:13px 15px;} .nav-head .icon {position:absolute;width:40px;right:20px;top:12px;} } @media only screen and (min-width: 961px){ #toolbarMainContainer {display: block;} #catmenu li.uWithSubmenu em {font-size: 11px; right: 5px; top: 50%; margin-top: -12px;} }
2015-12-25 Дата: Пятница, 25.12.2015, 17:58 | Сообщение #51 | Тема: Неправильное отображение сайта на мобильных телефонах
Лейтенант
Группа: Проверенные
Статус: Offline
Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона. От 1200px до 480px. В коде приведенном мной это прописано. За основу брался Дизайн # 1321
Сообщение отредактировал RedStar - Пятница, 25.12.2015, 18:02
2016-04-09 Дата: Суббота, 09.04.2016, 18:00 | Сообщение #52 | Тема: Как переделать видеоплеер ВК под универсальный?
Лейтенант
Группа: Проверенные
Статус: Offline
Есть вот такой код видеоплейера с выпадающим плейлистом.Код
<div align="center"> <center><noindex> <div style="width:580px; background:#000; color:#fff;">Переключаем серии в выпадающем меню под плеером!</div> </noindex> <div class="vk_multifilm" style="width:580; height:400;"> <iframe frameborder="0" height="400" width="580" id="film_main" name="film_main" src="http://vk.com/video_ext.php?oid=261256073&id=171364348&hash=2091df987ed89ea3"></iframe> <center> <select onchange="javascript:if(document.getElementById('film_main')) document.getElementById('film_main').src=this.value;" size="1"> <option selected="selected" value="http://vk.com/video_ext.php?oid=261256073&id=171364348&hash=2091df987ed89ea3">Сверхъестественное - 1 сезон 1 серия</option> <option value="http://vk.com/video_ext.php?oid=261256073&id=171364351&hash=1f4015c5b3152e5c">Сверхъестественное - 1 сезон 2 серия</option> <option value="http://vk.com/video_ext.php?oid=261256073&id=456239552&hash=642ad6f65ab64327&hd=2">Сверхъестественное - 1 сезон 3 серия</option> <option value="http://www.youtube.com/embed/t045nUPGnJk">Сверхъестественное - 1 сезон 4 серия</option> <option value="http://rutube.ru/play/embed/7114014">Сверхъестественное - 1 сезон 5 серия</option> <option value="http://myvi.ru/player/embed/html/obG2MLyUJLsoWWn-5p9SK5JqgESFde1Uqb8DdmhLDgoI_KsNypzowjPM5doJNONQh0">Сверхъестественное - 1 сезон 6 серия</option> </select></center> </div> </center> </div>
Как переделать этот плеер под плейер Uppod? И как к этому видеоплейеру под Uppod сделать Генератор плей-листа? Что-то типа "Генератор MP3-рлей-листа для Uppod" http://likbezz.ucoz.ru/faq/#10
Сообщение отредактировал RedStar - Суббота, 09.04.2016, 18:49