Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.62/21: Рейтинг темы: голосов - 21, средняя оценка - 4.62
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
1

Имитация состояния onhover посредством javascript-a

10.12.2013, 18:41. Показов 3888. Ответов 24
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Здравствуйте добрые люди.
Подскажите пожалуйста, можно ли с помощью javascript-a имитировать ховер?
Я это делаю потому что, у меня есть ссылка, при ховере она красиво меняется, вот мне нужно сделать так чтоб каждые 15 сек кнопка меняла свой статус с простого состояния на ховер на 15 сек и наоборот.
Огромное спасибо за ответы.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.12.2013, 18:41
Ответы с готовыми решениями:

Вызов Javascript посредством C#
Думаю вопрос понятен, если нет то пояснение внизу: Есть некий DIV (по умолчанию скрытый) внутри...

Метод POST посредством javascript
Здравствуйте! Пытаюсь реализовать метод POST, который будет отправлять данные на сервер. Данные, в...

Нажатие кнопку посредством JavaScript
Здравствуйте. Есть страница - на которой имеется 2 кнопки (см. скрин) - нужно нажать на кнопку...

Нажатие на чекбокс, посредством JavaScript
Есть чекбокс (см. вложение) мне нужно его нажать при помощи javascript. Возможно ли это сделать,...

24
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
11.12.2013, 14:26  [ТС] 21
Author24 — интернет-сервис помощи студентам
philin, Огромное спасибо Вам, вы мне очень помогли. Без Вас я бы не справился. 2 дня уже ищу пример прочел много чего и в голове каша. Спасибо вам, выручили. А можно еще один вопрос: Можно ли сделать так, чтоб допустим после поворота, система ждет (в нашем случае оно ждет 1 секунду) 15 секунд, а потом обновляет данные в рендомном порядке и еще раз поворот. Что был такой цикл. Дело в том что, у меня есть бд, где хранятся номера, и нужно сделать эффект табла аэропорта, чтоб номера обновлялись. Для визуализации решил выбрать этот пример и создать цикл обновления номеров. Что вы думаете? спасибо.
0
Иллюзионист
154 / 153 / 27
Регистрация: 02.10.2013
Сообщений: 330
11.12.2013, 14:49 22
Просто перетасовывались или появлялись другие каждые 15 сек? Другие надо подгружать или можно однократно получить большую пачку?
Допустим, уже есть JS-массив с кучей пар номер-текст. Тогда выбираем случайные и заменяем атрибут и содержимое у <span>
HTML5
1
<a href="#"><span data-hover="Ratatouille">934 73 73 18</span></a>
Javascript
1
2
3
4
5
6
7
8
9
var list = [[123456, 'sljhj'], [4570348, 'srfs'], [5349, 'dfgdf']];
var timer = setInterval(function(){
    var spans = $(".cl-effect-2").find("span");
    for (var i=0, l=spans.length; i<l; i++){
        index = Math.floor(Math.random()*list.length); // номер случайной пары номер-текст из массива
        spans[i].innerHTML = list[index][0];
        spans[i].dataset.hover = list[index][1]; // list[index][0] - номер, list[index][1] - текст
    }
}, 3000);
Образец, допишите к скрипту в index.html или вставьте в консоли. Каждые 3 сек номер и текст меняются на случайные из массива list.
Кстати, я забыл там убрать console.log() 3 штуки - сотрите
0
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
11.12.2013, 15:06  [ТС] 23
Цитата Сообщение от philin Посмотреть сообщение
Просто перетасовывались или появлялись другие каждые 15 сек?
Появлялись другие каждые 15 сек.
Цитата Сообщение от philin Посмотреть сообщение
Другие надо подгружать или можно однократно получить большую пачку?
Подгружать, так как номер могут забронировать или купить.
Цитата Сообщение от philin Посмотреть сообщение
допишите к скрипту в index.html
Вот так?

Javascript
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
        $(document).ready(function(){
            
            var t_show = setInterval(function(){
            
                $(".cl-effect-2").find("a").addClass('hover');
            }, 2000); //2000 - каждые 2 сек поворот
            var t_hide;
            setTimeout(function(){
                t_hide = setInterval(function(){
                
                    $(".cl-effect-2").find("a").removeClass('hover');
                    //редирект на другую страницу
                }, 2000); // каждые 2 сек поворот обратно
            }, 1000); // задержка 1 сек между поворотом и возвратом
        })
        
        var list = [[123456, 'sljhj'], [4570348, 'srfs'], [5349, 'dfgdf']];
        var timer = setInterval(function(){
        var spans = $(".cl-effect-2").find("span");
        for (var i=0, l=spans.length; i<l; i++){
        index = Math.floor(Math.random()*list.length); // номер случайной пары номер-текст из массива
        spans[i].innerHTML = list[index][0];
        spans[i].dataset.hover = list[index][1]; // list[index][0] - номер, list[index][1] - текст
    }
}, 3000);
0
Иллюзионист
154 / 153 / 27
Регистрация: 02.10.2013
Сообщений: 330
11.12.2013, 15:15 24
Внутрь $(document).ready(function(){}). Т.е. перед }) в 16 строке

Тогда нужно использовать AJAX-технологию. И предусмотреть вариант, когда у пользователя виден номер, который уже куплен.
AJAX на jQuery выглядит так:

Javascript
1
2
3
4
5
6
7
8
9
10
11
$.ajax({
    url:'/address/on/site',
    type:'post', // или get. Даные придут либо в $_POST, либо в $_GET
    data:{}, // объект с данными
    success:function(r){
        //r - объект запроса. Ответ сервера будет текстом в r.responseText
    },
    error:function(r,message){
        // если нужно обработать ошибки при запросе
    }
})
Сможете применить? Вообще лучше сначала поизучать языки и технологии на простых примерах, прежде чем браться за сложные задачи. Тем более, используя сторонние решения, принцип работы которых непонятен. Например, jQuery) не самая простая вещь
1
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
11.12.2013, 15:26  [ТС] 25
Огромное спасибо за помощь и советы. Благодарен. Так как я начинающий мне в голове полно идей, по этому стараюсь, а практика как говориться укрепляет. Спасибо.
0
11.12.2013, 15:26
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.12.2013, 15:26
Помогаю со студенческими работами здесь

Бегущий текст в строке состояния JS - JavaScript
Здравствуйте, помогите зделать бегущий текст в строке состояния, вверху код который доходя до...

Как взаимодействовать с сайтом посредством C# + JavaScript?
Вообщем, ситуация следующая: Есть хостинг Ucoz, он предоставляет бесплатный хостинг сайтов, а...

Хранение состояния переменной javascript в Asp.net
Добрый день. Я вызываю функцию javascript через С# Page.RegisterStartupScript(&quot;key&quot;,...

Возможно выстроить HTML DOM с нуля посредством JavaScript?
Возможно выстроить HTML DOM с нуля посредством JavaScript?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
25
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru