MediaWiki:Main Page JavaScript.js
From Phidgets Support
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
function change_1(element) {
document.getElementById('baseImage').src='/docs/images/6/64/MainPage_GettingStartedFlow_WhatIsAPhidget.jpg';
}
function change_2(element) {
document.getElementById('baseImage').src='/docs/images/5/55/MainPage_GettingStartedFlow_OperatingSystems.jpg';
}
function change_3(element) {
document.getElementById('baseImage').src='/docs/images/6/6b/MainPage_GettingStartedFlow_ProgrammingLanguages.jpg';
}
function change_4(element) {
document.getElementById('baseImage').src='/docs/images/1/1e/MainPage_GettingStartedFlow_PhidgetProgrammingBasics.jpg';
}
function restore(element) {
document.getElementById('baseImage').src='/docs/images/c/c6/MainPage_GettingStartedFlow_Normal.jpg';
}
$(function () {
var innerText = '<img src="/docs/images/c/c6/MainPage_GettingStartedFlow_Normal.jpg" usemap="#image-map" id="baseImage" style="width:100%;display: block; margin-left: auto; margin-right: auto;">' +
'<map name="image-map">' +
' <area target="" alt="What Is A Phidget?" title="What Is A Phidget?" href="/docs/What_is_a_Phidget%3F" coords="111,105,94" ' +
'shape="circle" id="Circle_1" onmouseout="restore(this)" onmouseover="change_1(this)">' +
' <area target="" alt="Operating Systems" title="Operating Systems" href="/docs/Operating_System_Support" coords="362,105,94" ' +
'shape="circle" id="Circle_2" onmouseout="restore(this)" onmouseover="change_2(this)">' +
' <area target="" alt="Programming Languages" title="Programming Languages" href="/docs/Programming_Resources" coords="614,105,94" ' +
'shape="circle" id="Circle_3" onmouseout="restore(this)" onmouseover="change_3(this)">' +
' <area target="" alt="Phidgets Programming Basics" title="Phidgets Programming Basics" href="/docs/Phidget_Programming_Basics" ' +
'coords="865,105,94" shape="circle" id="Circle_4" onmouseout="restore(this)" onmouseover="change_4(this)">' +
'</map>'
$('#main-support-flow').html(innerText);
$("img[usemap]").jMap();
}());
