New wiki-page
No edit summary |
No edit summary |
||
(19 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
function | function randomName(template, name, list){ | ||
var input = document.getElementsByName(template + '[' + name + ']')[0]; | var input = document.getElementsByName(template + '[' + name + ']')[0]; | ||
Line 19: | Line 19: | ||
}; | }; | ||
function | function randomNameToken(template, name, list){ | ||
var input = template + '[' + name + ']'; | |||
var dataOld = $('[name="' + input + '"]').val(); | |||
var url = 'http://w.ikabodo.se/api.php?action=browsebysubject&subject='+ list + '&format=json' | var url = 'http://w.ikabodo.se/api.php?action=browsebysubject&subject='+ list + '&format=json' | ||
Line 33: | Line 34: | ||
}); | }); | ||
var randomgrej = listan[Math.floor( Math.random() * listan.length)].item.replace("#0#", ""); | var randomgrej = listan[Math.floor( Math.random() * listan.length)].item.replace("#0#", ""); | ||
input. | $('[name="' + input + '"]').val('').trigger("change"); | ||
$('[name="' + input + '"]').val(dataOld + ' , ' + randomgrej).trigger("change"); | |||
}); | }); | ||
}; | }; |
Latest revision as of 19:27, 15 August 2017
/* Any JavaScript here will be loaded for all users on every page load. */ function randomName(template, name, list){ var input = document.getElementsByName(template + '[' + name + ']')[0]; var url = 'http://w.ikabodo.se/api.php?action=browsebysubject&subject='+ list + '&format=json' $.getJSON(url, function(data) { var listan = []; $.each(data.query.data[0].dataitem, function(index, element) { listan.push(element); }); var randomgrej = listan[Math.floor( Math.random() * listan.length)].item.replace("#0#", ""); input.value = randomgrej; }); }; function randomNameToken(template, name, list){ var input = template + '[' + name + ']'; var dataOld = $('[name="' + input + '"]').val(); var url = 'http://w.ikabodo.se/api.php?action=browsebysubject&subject='+ list + '&format=json' $.getJSON(url, function(data) { var listan = []; $.each(data.query.data[0].dataitem, function(index, element) { listan.push(element); }); var randomgrej = listan[Math.floor( Math.random() * listan.length)].item.replace("#0#", ""); $('[name="' + input + '"]').val('').trigger("change"); $('[name="' + input + '"]').val(dataOld + ' , ' + randomgrej).trigger("change"); }); }; $('.clickable').bind('click', function (ev) { var svg = document.getElementById("svgBritain"); var $div = $(ev.target); var $display = $div.find('.display'); var pt = svg.createSVGPoint(); var offset = $div.offset(); pt.x = ev.clientX; pt.y = ev.clientY; var cx = document.getElementsByClassName("cx")[0]; var cy = document.getElementsByClassName("cy")[0]; var marker = document.getElementById('marker') var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse()); marker.setAttribute('cx', cursorpt.x + 'px'); marker.setAttribute('cy', cursorpt.y + 'px'); cx.value = cursorpt.x; cy.value = cursorpt.y; }); //AUTHOR: SATKAR DHAKAL. YOU ARE FREE TO USE, EDIT AND MODIFY THE CODE. var context=document.getElementById("canvas"); var image=document.getElementsByClassName('picture')[0]; var canvasWidth=context.width; var canvasHeight= context.height; var imageWidth=image.width; var imageHeight= image.height; var fogCount=10; var fog=new Image(); var picture=new Image(); var fogs=[]; var FPS=20; var maxVel=1; fog.src = "https://s27.postimg.org/57e6pz0xf/fog.png"; picture.id = "pic"; picture.src=image.src; function fogPart(){ this.x=0; this.y=0; this.xVel=0; this.yVel=0; this.radius=5; this.draw=function(){ context.drawImage(this.image,this.x-100,this.y-100); }; this.update=function(){ this.x += this.xVel; this.y += this.yVel; if (this.x >= canvasWidth) { this.xVel = -this.xVel; this.x = canvasWidth; } else if (this.x <= 0) { this.xVel = -this.xVel; this.x = 0; } if (this.y >= canvasHeight) { this.yVel = -this.yVel; this.y = canvasHeight; } else if (this.y <= 0) { this.yVel = -this.yVel; this.y = 0; } }; this.setImage=function(img){ this.image=img; }; this.setPos = function(x, y) { this.x = x; this.y = y; }; this.setVel = function(x, y) { this.xVel = x; this.yVel = y; }; }; function random(min, max){ return Math.random() * (max - min) + min; } function init() { if (canvas.getContext) { context = canvas.getContext('2d'); for(var i=0; i < fogCount; i++){ var fog = new fogPart(); fog.setPos(random(0, canvasWidth), random(0, canvasHeight)); fog.setVel(random(-maxVel, maxVel), random(-maxVel, maxVel)); fogs.push(fog); } } else { alert("UN-supported browser"); } }; fog.onload=function(){ fogs.forEach(function(part){ part.setImage(fog); }); }; function draw(){ context.drawImage( picture, (canvasWidth / 2) - image.width / 2, (canvasHeight / 2)- image.height / 2, canvasWidth , canvasWidth * image.naturalHeight / image.naturalWidth ); context.globalAlpha = 0.09; fogs.forEach(function(part) { part.draw(); }); }; function update(){ fogs.forEach(function(part){ part.update(); }); }; init(); if (context) { setInterval(function() { update();draw(); }, 1000 / FPS); }