Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Открыть новую тему     Написать ответ в эту тему

Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
такой вопрос: можно ли с помощью JavaScript вычислять время нажатия кнопки (input-button) так чтобы к примеру после удержаниия в 3 сек вызывылась какаято функция ?

можно.. но проще нажать, запустить setTimeout
при отжатии очистить setTimeout

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:12 07-04-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Цитата:
можно

может гдето пример есть ?
 
заранее спасибо

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 01:30 07-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
может гдето пример есть ?  

пример чего?
http://javascript.ru/setTimeout

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:49 07-04-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
я имел ввиду без setTimeout

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 02:22 07-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
я имел ввиду без setTimeout

нельзя. как вы время собираетесь считать?
 
http://jsfiddle.net/cbyhv/
 

Код:
<input type='button' onmousedown='if (!this.timer) this.timer=setTimeout(function(){alert("3 секунды прошло");}, 3000);' onmouseup='clearTimeout(this.timer);this.timer=null;' value='Нажать' />

 
либо так  

Код:
<input type='button' onmousedown='this.timer=this.timer|setTimeout(function(){alert("3 секунды прошло");}, 3000);' onmouseup='clearTimeout(this.timer);this.timer=null;' value='Нажать' />

 
ps: опечатку исправил

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:28 07-04-2013 | Исправлено: Cheery, 03:24 07-04-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
del

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 08:38 07-04-2013 | Исправлено: unreal666, 08:40 07-04-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
проблему решил
 
Добавлено:
у меня еще вопрос как узнать при помощи JavaScript высоту и ширину картинки, если она ещё не загружена на вебсайт ?

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 18:11 07-04-2013
520011



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
del

Всего записей: 60 | Зарегистр. 20-12-2012 | Отправлено: 23:49 07-04-2013 | Исправлено: 520011, 23:49 07-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
высоту и ширину картинки, если она ещё не загружена на вебсайт ?

свойства .height и .width элемента с картинкой
 
http://jsfiddle.net/rDVdk/
 

Код:
<img src='http://i.ru-board.com/images/remake1.gif' id='i' />

 

Код:
var i = document.getElementById('i');
alert(i.height + 'x' + i.width);

 
js код должен вызываться, конечно же, когда картинка уже загрузилась браузером

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:00 08-04-2013 | Исправлено: Cheery, 00:02 08-04-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
это всё я уже находил. а как можно узнать сколько у самой картинки пикселей х у?
 
P.S.: не описанными css
 
Добавлено:
уже нашел var h = pic.naturalHeight;   var w = pic.naturalWidth;

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 00:38 08-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
P.S.: не описанными css  

var img = new Image();
img.src = 'путь';
img.height и img.width дадут размеры без css

Цитата:
naturalHeight

может поддерживаться не всеми браузерами

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 06:43 08-04-2013
JimmyKeeper11

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, как я могу изменять стили определенных классов, через обращение к другим по JS скрипту?  
 
с участием 2х элементов можно было бы ограничится тривиальным псевдоклассом :hover, но суть такая:  
Допустим у нас на сайте 3 элемента и, соответственно, 3 класса к ним:  
<div class="icon"></div>
<div class="hint1"></div>
<div class="hint2"></div>  
 
в стиле .hint2 {display:none;}
 
При наведении на div "icon" к "hint1" должно присваиваться display:none, а у "hint2" это значение обнулять display:inherit например.  
 
Другими словами, при наведении на красный кубик в окошке появляется надпись "это красный кубик", а при наведении на зелёный кубик - "это зелёный кубик".  
т.к. в js я не силён, а знаю только html|css3 (на хорошем уровне)
Своими силами пытался найти ответ, наткнулся на getElementsByClassName но толком не могу разобраться как манипулировать стилями..  
 
Подскажите, пожалуйста!

Всего записей: 1 | Зарегистр. 21-04-2013 | Отправлено: 22:45 21-04-2013 | Исправлено: Cheery, 22:46 21-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
JimmyKeeper11

Цитата:
но толком не могу разобраться как манипулировать стилями.

Вы можете получить то, что написано в атрибуте class='...' с помощью атрибута className объекта.
 
это будет строка, в которую вы можете добавлять, удалять имена других классов.
к примеру
<div id='test' class='class1 class2'></div>
 
document.getElementById('test').className даст строку 'class1 class2'
а дальше уже ваша задача удалить или добавить какой то класс в нее
 
проще всего это реализуется с помощью jQuery, но я не думаю, что есть смысл подключать его ради такой мелочи

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:49 21-04-2013 | Исправлено: Cheery, 22:49 21-04-2013
blaro



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Привет всем.
Я начал изучать js и первый же пример из книги, который я списал у меня не заработал. Я даже не знаю почему. На всякий случай проверил код еще раз. Все один в один. Выкладываю код. Может вы знаете в чем проблема.

Код:
 
<!DOCTYPE HTML>
<html>
    <head>
        <style>
            .reveal * {display: none;}
            .reveal *.handle {display: block;}
        </style>
        <script>
            window.onload=function()
            {
                var elements=document.getElementsByClassName("reveal");
                for(var i=0;i<elements.length;i++)
                {
                    var elt=elements[i];
                    var title=elt.getElementsByClassName("handle")[0];
                    addRevealHandle(title,elt);
                }
                function addRevealHandle(title,elt)
                {
                    title.onclick=function()
                    {
                        if(elt.className=="reveal")
                            elt.className=="revealed";
                        if(elt.className=="revealed")
                            elt.className="reveal";
                    }
                }
            };
        </script>
    </head>
    <body>
        <div class="reveal">
            <h1 class="handle">Click here, to see hidden text</h1>
            <p>This paragraph is invisible. It will appear after clicking on it.</p>
        </div>
    </body>
</html>
 


----------
Оптимистично смотрю на мир глазами убийцы.

Всего записей: 311 | Зарегистр. 29-01-2006 | Отправлено: 23:55 24-04-2013 | Исправлено: blaro, 23:55 24-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
blaro

Код:
                function addRevealHandle(title, elt)  
                {  
                    title.onclick = function()  
                    {  
                        if(elt.className == "reveal")  
                            elt.className = "revealed";  
                        else
                            elt.className = "reveal";  
                    }  
                }  


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:10 25-04-2013
blaro



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Cheery
И что? Ничего же не изменилось. Только короче стало
 
Добавлено:
А все. Нашел ошибку.

----------
Оптимистично смотрю на мир глазами убийцы.

Всего записей: 311 | Зарегистр. 29-01-2006 | Отправлено: 00:24 25-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
blaro

Цитата:
И что? Ничего же не изменилось. Только короче стало  

изменилось и еще как..
 
во первых нет == в операции присвоения
 
во вторых исправлена ошибка алгоритма, так как второй if сразу же "убивал" действия первого

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:41 25-04-2013
blaro



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Цитата:
во первых нет == в операции присвоения

Я исправил это. У меня после тяжелого трудового дня это два знака равно слились в один.
 
Добавлено:
Всем спасибо.

----------
Оптимистично смотрю на мир глазами убийцы.

Всего записей: 311 | Зарегистр. 29-01-2006 | Отправлено: 19:01 25-04-2013
n0kk

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
как получить сегодняшнюю дату на js в формате year, month, date?
 

Код:
 
<script language="javascript" type="text/javascript">
var todaydate = new Date();
</script>
 

Этот код ведь присвоит переменной дату со временем, а мне нужен только год, месяц, число

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 14:01 26-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
n0kk
http://www.w3schools.com/jsref/jsref_getmonth.asp
http://www.w3schools.com/jsref/jsref_getdate.asp
http://www.w3schools.com/jsref/jsref_getfullyear.asp

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:12 26-04-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru