MediaWiki:Common.js
Ir para navegação
Ir para pesquisar
Nota: Após salvar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
- Opera: Pressione Ctrl-F5.
$(document).ready(function() { //------- TOOLTIP IMAGE--------- const offset = { x: 20, y: 10 }; $('.tooltip-image').on('mouseenter', function(e) { var src = $(this).attr('src'); var size = $(this).width() * 1.35; $('<img src="'+ src +'" id="bigImage" />').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y).css('width', size + "px").appendTo('body').hide().fadeIn(500); }).on('mouseleave', function(){ $('#bigImage').remove(); }); $('.tooltip-image').mousemove(function(e) { $('#bigImage').css('left', e.pageX + offset.x).css('top', e.pageY + offset.y); }); //------- TOOLTIP IMAGE--------- //------- TEST VIDEO--------- const pacients = { "bafo":{ image: "/images/c/ce/Bafo_static.png", gif: "/images/e/e0/Bafo.gif"} } $('.interactive-pacient').on('mouseenter', function (e){ console.log(e.taget.id, e.target.src) // if(pacients[e.target.id]) // e.target.src = pacients[e.target.id].gif; }).on('mouseleave', function(e){ // if(pacients[e.id]) // e.src = pacients[e.id].image; }); //------- TEST VIDEO--------- //------- COUNTDOWN--------- const timer = $('#event-time'); const eventImage = $('.event-image'); const eventsInfo = { sunday: [ {name: 'Foxy race (ship)', time: '09:30:00', src: '/images/9/93/Event_raceship.png'}, {name: 'Foxy count', time: '15:00:00', src: '/images/e/e4/Event_count.png'}, {name: 'Foxy quiz', time: '19:00:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '22:00:00', src: '/images/8/84/Event_dm.png'}, ], monday: [ {name: 'Foxy count', time: '09:30:00', src: '/images/e/e4/Event_count.png'}, {name: 'Foxy quiz', time: '15:00:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '19:00:00', src: '/images/8/84/Event_dm.png'}, {name: 'Foxy race (ship)', time: '22:00:00', src: '/images/9/93/Event_raceship.png'}, ], tuesday: [ {name: 'Foxy quiz', time: '09:30:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '15:00:00', src: '/images/8/84/Event_dm.png'}, {name: 'Foxy race', time: '19:00:00', src: '/images/0/03/Event_race.png'}, {name: 'Foxy count', time: '22:00:00', src: '/images/e/e4/Event_count.png'}, ], wednesday: [ {name: 'Deathmatch', time: '09:30:00', src: '/images/8/84/Event_dm.png'}, {name: 'Foxy race (ship)', time: '15:00:00', src: '/images/9/93/Event_raceship.png'}, {name: 'Foxy count', time: '19:00:00', src: '/images/e/e4/Event_count.png'}, {name: 'Foxy quiz', time: '22:00:00', src: '/images/6/6f/Event_quiz.png'}, ], thursday: [ {name: 'Foxy race', time: '09:30:00', src: '/images/0/03/Event_race.png'}, {name: 'Foxy count', time: '15:00:00', src: '/images/e/e4/Event_count.png'}, {name: 'Foxy quiz', time: '19:00:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '22:00:00', src: '/images/8/84/Event_dm.png'}, ], friday: [ {name: 'Foxy count', time: '09:30:00', src: '/images/e/e4/Event_count.png'}, {name: 'Foxy quiz', time: '15:00:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '19:00:00', src: '/images/8/84/Event_dm.png'}, {name: 'Foxy race (ship)', time: '22:00:00', src: '/images/9/93/Event_raceship.png'}, ], saturday: [ {name: 'Foxy quiz', time: '09:30:00', src: '/images/6/6f/Event_quiz.png'}, {name: 'Deathmatch', time: '15:00:00', src: '/images/8/84/Event_dm.png'}, {name: 'Foxy race', time: '19:00:00', src: '/images/0/03/Event_race.png'}, {name: 'Foxy count', time: '22:00:00', src: '/images/e/e4/Event_count.png'}, ] }; var dayEvents; var distance; var eventTime = new Date(); var eventStarting = new Date(); function pad(d) { return (d < 10) ? '0' + String(d) : String(d); } function startTimer(eventTime, name){ setInterval(function() { distance = eventTime - new Date(); if(distance > 0){ hour = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); minute = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); seconds = Math.floor((distance % (1000 * 60)) / 1000); timer.html(pad(hour) + ":" + pad(minute) + ":" + pad(seconds)); }else { setDayEvents(dayEvents); return false; } }, 1000); } function setDayEvents (array) { dayEvents = array; var split; var currentTime = new Date(); $.each(array, function (key, item) { split = item.time.split(":"); eventTime.setHours(split[0], split[1], split[2]); eventStarting.setHours(split[0], (Number(split[1]) + 5), split[2]); if(currentTime <= eventTime){ var distance = eventTime - currentTime; hour = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); minute = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); seconds = Math.floor((distance % (1000 * 60)) / 1000); timer.html(pad(hour) + ":" + pad(minute) + ":" + pad(seconds)); eventImage.attr('src', item.src); startTimer(eventTime, item.name); return false; }else if(eventTime < currentTime && currentTime < eventStarting){ eventImage.attr('src', item.src); timer.html('Evento está começando!'); return false; }else if(eventTime < currentTime){ eventImage.attr('src', "/images/a/a5/AnyEvent.png"); timer.html(''); } }); } switch(new Date().getDay()) { case 0: setDayEvents(eventsInfo.sunday); break; case 1: setDayEvents(eventsInfo.monday); break; case 2: setDayEvents(eventsInfo.tuesday); break; case 3: setDayEvents(eventsInfo.wednesday); break; case 4: setDayEvents(eventsInfo.thursday); break; case 5: setDayEvents(eventsInfo.friday); break; case 6: setDayEvents(eventsInfo.saturday); break; default: setDayEvents(eventsInfo.sunday); } });