K etwas schönerer Code, Ausführung erst wenn die Seite geladen ist |
KKeine Bearbeitungszusammenfassung |
||
| (9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
* JS-Skript für interaktives DHD | * JS-Skript für interaktives DHD | ||
* Für Import des Skripts einfach folgende Zeile (ohne den Stern am Anfang natürlich) in der eigenen Common.js einfügen: | * Für Import des Skripts einfach folgende Zeile (ohne den Stern am Anfang natürlich) in der eigenen Common.js einfügen: | ||
* if(mw.config.get('wgPageName')==="Benutzer:Col._o'neill/ | * if(mw.config.get('wgPageName')==="Benutzer:Col._o'neill/Tools") importScript("Benutzer:Col. o'neill/DHD.js"); | ||
**/ | **/ | ||
//TODO: ausgewählte Symbole | //TODO: ausgewählte Symbole bei SGU in Fernbedienungsfeld? Symbole & Mittelknopf evtl auf mouseover & click highlighten (shadow) | ||
function iLink(l,t){ | |||
return $('<a>').attr('href','http://stargate-wiki.de/wiki/'+encodeURI(l)).attr('title',l).text(t||l); | |||
} | |||
var DHD={ | var DHD={ | ||
dialing: false, | dialing: false, | ||
| Zeile 14: | Zeile 17: | ||
current: 0, | current: 0, | ||
stockSG1: [ | stockSG1: [ | ||
{'name': | {'name':iLink('Othala'),'addr':'11,27,23,16,33,03,09,01'}, | ||
{'name': | {'name':iLink('Lantia'),'addr':'19,21,02,16,15,08,20,01'}, | ||
{'name': | {'name':iLink('Latona'),'addr':'16,34,28,12,04,07,01'}, | ||
{'name': | {'name':iLink('P2X-338'),'addr':'20,21,05,19,04,25'}, | ||
{'name': | {'name':iLink('P2X-555'),'addr':'28,08,16,33,13,31,01'}, | ||
{'name': | {'name':iLink('P34-353J'),'addr':'38,09,28,15,35,03,01'}, | ||
{'name': | {'name':iLink("K'Tau"),'addr':'18,02,30,12,26,33,01'}, | ||
{'name': | {'name':iLink('P3W-451'),'addr':'09,02,23,15,37,20,01'}, | ||
{'name': | {'name':iLink('P3X-116]'),'addr':'21,13,26,17,31,09,01'}, | ||
{'name': | {'name':iLink('P3X-118'),'addr':'06,26,34,37,17,21,01'}, | ||
{'name': | {'name':iLink('P3X-562'),'addr':'03,28,09,35,24,32,01'}, | ||
{'name': | {'name':iLink('P3X-729'),'addr':'29,08,18,22,04,25,01'}, | ||
{'name': | {'name':iLink('P3X-774'),'addr':'09,19,26,17,22,05,01'}, | ||
{'name': | {'name':iLink('P3X-797'),'addr':'26,02,33,24,10,32,01'}, | ||
{'name': | {'name':iLink('Cimmeria'),'addr':'11,35,22,17,06,26,01'}, | ||
{'name': | {'name':iLink('Carthago'),'addr':'29,08,18,22,04,25,01'}, | ||
{'name': | {'name':iLink('Argos'),'addr':'24,04,20,09,15,29,01'}, | ||
{'name': | {'name':iLink('P4A-771'),'addr':'27,07,15,32,12,30,01'}, | ||
{'name': | {'name':iLink('P4G-881'),'addr':'09,02,23,32,12,30,01'}, | ||
{'name': | {'name':iLink('P4X-377'),'addr':'25,08,18,29,04,22,01'}, | ||
{'name': | {'name':iLink('P5C-353'),'addr':'27,07,15,32,12,30,01'}, | ||
{'name': | {'name':iLink('Edora'),'addr':'28,24,07,09,15,03,01'}, | ||
{'name': | {'name':iLink('Kheb'),'addr':'26,35,06,08,23,14,01'}, | ||
{'name': | {'name':iLink('P9C-372'),'addr':'25,08,18,29,04,22,01'}, | ||
{'name': | {'name':iLink('Heliopolis'),'addr':'27,07,15,32,12,30,01'}, | ||
{'name': | {'name':iLink('PB5-926'),'addr':'12,36,23,18,07,27,01'}, | ||
{'name': | {'name':iLink('Camelot (Ort)','Camelot'),'addr':'20,02,35,08,26,15,01'}, | ||
{'name': | {'name':iLink('Hanka'),'addr':'21,13,26,17,05,37,01'}, | ||
{'name': | {'name':iLink('Abydos'),'addr':'27,07,15,32,12,30,00'}, | ||
{'name': | {'name':iLink('Chulak'),'addr':'09,02,23,15,37,20,07'}, | ||
{'name': | {'name':iLink('Dakara'),'addr':'16,28,03,08,33,04,01'}, | ||
{'name':'die '+ | {'name':'die '+iLink('Erde'),'addr':'28,26,05,36,11,29,01'}, | ||
{'name': | {'name':iLink('Erebus'),'addr':'22,32,04,27,23,38,01'}, | ||
{'name': | {'name':iLink('Euronda'),'addr':'30,27,09,07,19,16,01'}, | ||
{'name': | {'name':iLink('Euronda'),'addr':'30,02,27,15,37,20,01'}, | ||
{'name': | {'name':iLink('Martins Planet'),'addr':'24,12,32,29,11,34,01'}, | ||
{'name':'den '+ | {'name':'den '+iLink('NID-Stützpunkt'),'addr':'35,16,03,19,28,15,01'}, | ||
{'name': | {'name':iLink('Praklarush Taonas'),'addr':'29,03,31,34,05,17,01'}, | ||
{'name':'den '+ | {'name':'den '+iLink('Sangreal-Planet','Sangreal-Planeten'),'addr':'30,19,34,09,33,18,01'}, | ||
{'name': | {'name':iLink('Tollana'),'addr':'04,29,08,22,18,25,01'}, | ||
{'name': | {'name':iLink('Vorash'),'addr':'38,09,28,35,03,37,01'} | ||
], | ], | ||
stockSGA: [ | stockSGA: [ | ||
{'name': | {'name':iLink('M4X-337'),'addr':'02,05,15,08,31,33,19'}, | ||
{'name': | {'name':iLink('Athos'),'addr':'10,07,34,26,28,20,19'}, | ||
{'name':'den '+ | {'name':'den '+iLink('Heimatplanet (Genii)','Heimatplaneten')+' der '+iLink('Genii'),'addr':'36,15,13,24,03,23,19'}, | ||
{'name': | {'name':iLink('Hoff'),'addr':'31,24,09,26,15,05,19'}, | ||
{'name': | {'name':iLink('Lucius Luvin','Lucius Luvins')+' '+iLink('Planet (SGA 3x03)','Planeten'),'addr':'01,23,30,32,22,18,19'}, | ||
{'name': | {'name':iLink('Sateda'),'addr':'27,24,18,04,15,34,19'}, | ||
{'name': | {'name':iLink('M65-PL8'),'addr':'28,27,31,16,33,17,19'}, | ||
{'name': | {'name':iLink('P3M-736'),'addr':'34,05,25,11,03,01,19'}, | ||
{'name':'die '+ | {'name':'die '+iLink('Erde'),'addr':'26,27,16,12,30,31,03,19'} | ||
], | ], | ||
stockSGU: [ | stockSGU: [ | ||
{'name':'den '+ | {'name':'den '+iLink('Planet (SGU 1x08)','Dschungelplaneten'),'addr':'03,34,12,07,19,10,17'}, | ||
{'name':'die '+ | {'name':'die '+iLink('Erde'),'addr':'10,15,20,26,28,13,18,06,30'} | ||
], | ], | ||
stock: | stock: null, | ||
init: function(){ | init: function(){ | ||
DHD. | DHD.stock = DHD.stockSG1; | ||
$('.DHDGlyph,.DHDConfirm').css('cursor','pointer'); | $('.DHDGlyph,.DHDConfirm').css('cursor','pointer'); | ||
$('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | $('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | ||
| Zeile 88: | Zeile 88: | ||
$('#DHDSGA,#DHDSGU').css('display','none'); | $('#DHDSGA,#DHDSGU').css('display','none'); | ||
$('#DHDSG1').css('display','block'); | $('#DHDSG1').css('display','block'); | ||
DHD.w.off(); | if(DHD.w) DHD.w.off(); | ||
$('#DHDSGU').off('mouseup').off('mousemove'); | $('#DHDSGU').off('mouseup').off('mousemove'); | ||
DHD.address=0; | DHD.address=0; | ||
DHD.address=[]; | DHD.address=[]; | ||
DHD.dialing=false; | DHD.dialing=false; | ||
$('#DHDResList | $('#DHDResList').empty(); | ||
$('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | $('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | ||
$('#DHDReset').css('display','none'); | $('#DHDReset').css('display','none'); | ||
| Zeile 103: | Zeile 102: | ||
$('#DHDSG1,#DHDSGU').css('display','none'); | $('#DHDSG1,#DHDSGU').css('display','none'); | ||
$('#DHDSGA').css('display','block'); | $('#DHDSGA').css('display','block'); | ||
DHD.w.off(); | if(DHD.w) DHD.w.off(); | ||
$('#DHDSGU').off('mouseup').off('mousemove'); | $('#DHDSGU').off('mouseup').off('mousemove'); | ||
DHD.counter=0; | DHD.counter=0; | ||
DHD.address=[]; | DHD.address=[]; | ||
DHD.dialing=false; | DHD.dialing=false; | ||
$('#DHDResList | $('#DHDResList').empty(); | ||
$('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | $('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | ||
$('#DHDReset').css('display','none'); | $('#DHDReset').css('display','none'); | ||
| Zeile 118: | Zeile 116: | ||
$('#DHDSG1,#DHDSGA').css('display','none'); | $('#DHDSG1,#DHDSGA').css('display','none'); | ||
$('#DHDSGU').css('display','block'); | $('#DHDSGU').css('display','block'); | ||
if(!DHD.w){ | |||
DHD.w=$('#DHDSGU-wheel'); | |||
DHD.w.css('cursor','grab'); | |||
DHD.cX = DHD.w.offset().left + 220; | |||
DHD.cY = DHD.w.offset().top + 220; | |||
} | |||
DHD.w.on('mousedown', function(e){ | DHD.w.on('mousedown', function(e){ | ||
DHD.dragging = true; | DHD.dragging = true; | ||
| Zeile 146: | Zeile 150: | ||
DHD.address=[]; | DHD.address=[]; | ||
DHD.dialing=false; | DHD.dialing=false; | ||
$('#DHDResList | $('#DHDResList').empty(); | ||
$('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | $('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | ||
$('#DHDReset').css('display','none'); | $('#DHDReset').css('display','none'); | ||
| Zeile 161: | Zeile 164: | ||
DHD.counter++; | DHD.counter++; | ||
if(!DHD.dialing){ | if(!DHD.dialing){ | ||
$('#DHDResult').text('Du musst sieben bis neun Symbole anwählen und dann mit der | $('#DHDResult').text('Du musst sieben bis neun Symbole anwählen und dann mit der Mittelscheibe bestätigen. Ausgewählte Symbole:'); | ||
$('#DHDReset').css('display','inline'); | $('#DHDReset').css('display','inline'); | ||
DHD.dialing=true; | DHD.dialing=true; | ||
} | } | ||
$(' | $(this).children("img").clone().removeAttr('width').attr('height', '38px').css({'width': '', 'height': '38px', 'margin-right': '5px'}).appendTo('#DHDResList'); | ||
DHD.address.push(gNum); | DHD.address.push(gNum); | ||
} | } | ||
| Zeile 185: | Zeile 186: | ||
} | } | ||
if(DHD.found!==null){ | if(DHD.found!==null){ | ||
$('#DHDResult').text('Du hast ').append(DHD.found).append(' angewählt. Stelle Dir nun einen ').append( | $('#DHDResult').text('Du hast ').append(DHD.found).append(' angewählt. Stelle Dir nun einen ').append(iLink('Kawoosh')).append(' vor. :D'); | ||
}else{ | }else{ | ||
$('#DHDResult').text('Zu Deinen angewählten Symbolen | $('#DHDResult').text('Zu Deinen angewählten Symbolen konnte keine passende Adresse gefunden werden. Versuch es nochmal - Du findest eine Liste aller bekannten Toradressen unter ').append(iLink('Liste von Toradressen')).append('.'); | ||
} | } | ||
DHD.counter=0; | DHD.counter=0; | ||
| Zeile 201: | Zeile 202: | ||
DHD.address=[]; | DHD.address=[]; | ||
DHD.dialing=false; | DHD.dialing=false; | ||
$('#DHDResList | $('#DHDResList').empty(); | ||
$('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | $('#DHDResult').text('Du hast noch kein Symbol angewählt.'); | ||
$('#DHDReset').css('display','none'); | $('#DHDReset').css('display','none'); | ||
}); | }); | ||
}, | }, | ||
}; | }; | ||
$(DHD.init); | |||