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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 120 121 122 123 124 125

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

Cheery



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

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

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

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

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



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

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

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

Всего записей: 2240 | Зарегистр. 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

Всего записей: 2240 | Зарегистр. 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

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



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

Всего записей: 2240 | Зарегистр. 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;

Всего записей: 2240 | Зарегистр. 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 120 121 122 123 124 125

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


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

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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru