Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 17.01.2018, 15:52
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

Aetae,
вот смотрите, запустите, пожалуйста, скрипт. И наведите на любую ссылку на сайте, ну например на "Цитата выделенного", и ненадолго оставьте курсор на месте. И можно будет увидеть этот эффект.
И также не запускайте скрипт, и также наведите на ту же ссылку и подержите курсор на месте. Курсор не будет сбиваться.
Ответить с цитированием
  #22 (permalink)  
Старый 17.01.2018, 16:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

Ничего нигде не сбивается. Какие-то глюки браузера, видимо.
Какой браузер то?
__________________
29375, 35
Ответить с цитированием
  #23 (permalink)  
Старый 17.01.2018, 16:46
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

Aetae,
опера 50.0
Ответить с цитированием
  #24 (permalink)  
Старый 18.01.2018, 00:33
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

В хроме ничего не вижу, ставить оперу на домашний не буду.)
Снимите видео чтоль(напр CamStudio), посмотрим на эти чудеса. Или дождитесь того, кто сможет воспроизвести.
__________________
29375, 35
Ответить с цитированием
  #25 (permalink)  
Старый 18.01.2018, 06:41
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Aetae,
курсор меняет стиль.
Ответить с цитированием
  #26 (permalink)  
Старый 18.01.2018, 08:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

laimas,
а так?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  var obj = {timeZone:"Europe/Moscow"}, timer, tz = window.localStorage.getItem("tz") || 0;
  function tic() {
    var date = new Date;
    $(".tik-tak-wrp-tab.active span").contents()[0].data = date.toLocaleTimeString("ru", obj);
    timer = window.setTimeout(tic, 1000);
  }
  tic();
  var tabs = $("#tik-tak-tabs .tik-tak-tab"), cont = $("#tik-tak-tabs .tik-tak-wrp-tab");
  $("#tik-tak-tabs").on("click", ".tik-tak-tab", function() {
    tabs.removeClass("active");
    cont.removeClass("active");
    var indx = $(this).index();
    window.localStorage.setItem("tz",indx);
    cont.eq(indx).addClass("active");
    obj.timeZone = $(this).addClass("active").data("timezone");
    window.clearTimeout(timer);
    tic();
    return false;
  });
  tabs.eq(tz).trigger("click");
});
  </script>
</head>

<body>
<style>#tik-tak-tabs .tik-tak-select>span {
  display: inline-block;
  margin: 0 10px 30px 0;
  cursor: pointer;
}

#tik-tak-tabs .tik-tak-wrp .tik-tak-wrp-tab>i {
  display: block;
  margin-top: 2px;
}

#tik-tak-tabs .tik-tak-wrp .tik-tak-wrp-tab {
  display: none;
}

#tik-tak-tabs .tik-tak-wrp .tik-tak-wrp-tab.active {
  display: block;
}
</style>
<div id="tik-tak-tabs">
  <div class="tik-tak-select">
    <span class="tik-tak-tab tik-tak-moscow" data-timeZone="Europe/Moscow">Москва</span>
    <span class="tik-tak-tab tik-tak-london" data-timeZone="Europe/London">Лондон</span>
    <span class="tik-tak-tab tik-tak-new_york" data-timeZone="America/New_York">Нью Йорк</span>
    <span class="tik-tak-tab tik-tak-tokyo" data-timeZone="Asia/Tokyo">Токио</span>
  </div>
  <div class="tik-tak-wrp">
    <div class="tik-tak-wrp-tab active"><span id="tik-tak-moscow"> </span><i>Москва</i></div>
    <div class="tik-tak-wrp-tab"><span id="tik-tak-london"> </span><i>Лондон</i></div>
    <div class="tik-tak-wrp-tab"><span id="tik-tak-new_york"> </span><i>Нью Йорк</i></div>
    <div class="tik-tak-wrp-tab"><span id="tik-tak-tokyo"> </span><i>Токио</i></div>
  </div>
</div>

</body>
</html>
Ответить с цитированием
  #27 (permalink)  
Старый 18.01.2018, 08:50
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Норма
Ответить с цитированием
  #28 (permalink)  
Старый 18.01.2018, 10:15
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 219

А у меня нет, не поменялось, курсор сбивается
Ответить с цитированием
  #29 (permalink)  
Старый 18.01.2018, 10:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от LADYX
А у меня нет, не поменялось, курсор сбивается
вы копировали полностью? или тут проверяли?
Ответить с цитированием
  #30 (permalink)  
Старый 18.01.2018, 10:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

рони,
и правда, проверял сразу как увидел код - без проблем, теперь же курсор опять меняет стиль с pointer на default.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести HTML-код как текст Dion Элементы интерфейса 2 28.09.2015 22:45
как вывести значение из переменной nudist Общие вопросы Javascript 2 06.07.2015 14:22
как можно вывести рекламный код под заголовком в статье. kizerd jQuery 1 05.05.2015 09:00
как вывести сообщение только когда селект не выбран imediasun1 Элементы интерфейса 5 11.05.2013 17:40
Подскажите, пжлст, как вывести в тот же документ результат ф-ции? LexXxeL Элементы интерфейса 4 13.05.2009 13:26