Ohje:Omat tyylit/Javascript

Wikipediasta
Siirry navigaatioon Siirry hakuun


Tältä sivulta löydät käyttäjien lisäämiä, omaan javascripti-tiedostoon lisättäviä lyhyitä Javascript-koodeja.

Näin lisäät oman koodisi[muokkaa | muokkaa wikitekstiä]

Tee alasivu muodossa Ohje:Omat tyylit/Javascript/koodi jossa kohdan koodi tilalla on javascript-koodisi lyhyt, kuvaava nimi. Seuraavaksi lisää luodun alasivun alkuun seuraavat tiedot:

=== Koodi nimi ===
{| class="prettytable"
|-
! Lisätty:
| ~~~~~
|-
! Kuvaus:
| Lyhyt kuvaus kuinka koodi toimii
|-
! Tekijä:
| [[Käyttäjä:Käyttäjänimi|]] ([[Keskustelu käyttäjästä:Käyttäjänimi|keskustelu]])
|-
! Testattu ulkoasuilla:
| MonoBook / Perus / Kölnin sininen / Chick / Simple / Nostalgia / Oma tyylisivu
|-
! Testattu selaimilla:
| IE x.x / Firefox x.x / Opera x.x / Safari x.x / Muu selain x.x
|}

Esimerkki:

noinclude ja includeonly -painikkeet[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. helmikuuta 2007 kello 11.06 (UTC)
Kuvaus: Tämän koodin avulla voit lisätä ylärivin painikkeisiin <noinclude ja <includeonly> -painikkeet
Tekijä: Käyttäjänimi (keskustelu)
Testattu ulkoasuilla: MonoBook
Testattu selaimilla: Firefox 2, Opera 9.x

Tämän alapuolelle lisää koodisi <pre>...</pre> -tagien väliin. Lopuksi tallenna koodi ja lisää tallentamasi alasivu alla olevaan luetteloon muodossa {{/Koodin nimi}} aakkosellisen järjestyksen mukaiselle paikalle.

Keskusteluviestien taustavärit[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. kesäkuuta 2013 kello 13.55 (EEST)
Kuvaus: Lisää keskustelusivujen aikaleimattuihin kappaleisiin taustavärin sen mukaan, kuinka tuoreita ne ovat (vihreä <1h, vaaleanvihreä <1vrk, keltainen <1vk). Edellyttää että kello on oikeassa ajassa ja päivämäärät muotoa 16. kesäkuuta 2013 kello 15.41 (EEST)
Tekijä: Savir (keskustelu)
Testattu ulkoasuilla: Perus
Testattu selaimilla: Firefox 18.0.1
var sivunnimi=document.title;
if (sivunnimi.indexOf("Muokataan sivua")==-1) { setTimeout(function() { varitaKeskusteluviestit(); },1000); }

var kuukaudet = new Array("tammi","helmi","maalis","huhti","touko","kesä","heinä","elo","syys","loka","marras","joulu")
var keskusteluviestitDl = document.getElementsByTagName('dd');
var keskusteluviestitP = document.getElementsByTagName('p');
var keskusteluviestitUL = document.getElementsByTagName('ul');
var keskusteluviestinSisalto;
var testilauseke = /[0-9]+.\s[a-zä]{3,6}kuuta\s[0-9]{4}\skello\s[0-9]{2}.[0-9]{2}/;
var OK, paivamaara, aikaVuosi, aikaKK, aikaPaiva, aikaTunnit, aikaMinuutit, aikaKello, tanaan, tanaanVuosi, tanaanKK, tanaanPaiva, tanaanTunti, tanaanMinuutti, viestiKirjoitettu, diff;
var tarkistettavaViesti,qq,qqq;

function varitaKeskusteluviestit() {

 tanaan = new Date();
	diff=1000;
	for (qq in keskusteluviestitDl) { qqq=keskusteluviestitDl.length-qq-1; tarkistaViesti(keskusteluviestitDl[qq]); }
	for (qq in keskusteluviestitP) { qqq=keskusteluviestitP.length-qq-1; tarkistaViesti(keskusteluviestitP[qq]); }
	for (qq in keskusteluviestitUL) { qqq=keskusteluviestitUL.length-qq-1; tarkistaViesti(keskusteluviestitUL[qq]); }
       //  for (qq in keskusteluviestitOL) { qqq=keskusteluviestitOL.length-qq-1; tarkistaViesti(keskusteluviestitOL[qq]); }

}
 
 
function tarkistaViesti(tarkistettavaViesti) {

 if (tarkistettavaViesti.textContent) { keskusteluviestinSisalto = tarkistettavaViesti.textContent; } else { keskusteluviestinSisalto=""; }
	
 if (keskusteluviestinSisalto.length>=42) {
		keskusteluviestinSisalto = keskusteluviestinSisalto.substring(keskusteluviestinSisalto.length-42);
	}

 OK = testilauseke.exec(keskusteluviestinSisalto);
 
	if(!OK) { 
	 // siirtyy seuraavaan
	} else {
 
  paivamaara=OK[OK.length-1];
 
  aikaVuosi=paivamaara.substr(paivamaara.indexOf("kuuta")+6,4);
  aikaKK=paivamaara.substr(paivamaara.indexOf(".")+2,paivamaara.indexOf("kuuta")-paivamaara.indexOf(".")-2);
  aikaKK=kuukaudet.indexOf(aikaKK);
  aikaPaiva=parseInt(paivamaara);
  aikaTunnit=paivamaara.substr(paivamaara.indexOf("kello")+6,2)
  aikaMinuutit=paivamaara.substr(paivamaara.indexOf("kello")+9,2)
  aikaKello=aikaTunnit*60+aikaMinuutit*1;
 
  viestiKirjoitettu = new Date(aikaVuosi, aikaKK, aikaPaiva, aikaTunnit, aikaMinuutit); 
 
  diff = tanaan - viestiKirjoitettu; // laskee kauanko viestin kirjoituksesta on kulunut
  diff=diff/(1000*60*60*24);
 
 
	 if(diff<7) {
	 	tarkistettavaViesti.style.backgroundColor = "#ffffcc"; // viimeisten 7 pv aikana kirjoitettu
	 }
 
		if(diff<1) {
	 	tarkistettavaViesti.style.backgroundColor = "#ddffcc"; // viimeisten 1 pv aikana kirjoitettu
	 }
 
		if(diff<1/24) {
	 	tarkistettavaViesti.style.backgroundColor = "#b0ffb0"; // viimeisten 1 h aikana kirjoitettu
	 }
    }
}

Minitynkä[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. helmikuuta 2007 kello 11.40 (UTC)
Kuvaus: Lisää alapalkkiin MT-painikkeen, jota painamalla artikkeliin lisätään minitynkä-malline automaattisesti ja yhteenvetoon "Merkattu minityngäksi"
Tekijä: squar (keskustelu)
Testattu ulkoasuilla: MonoBook
Testattu selaimilla: Firefox 2.x, Opera 9.x
if (wgNamespaceNumber != 3) {
function buttons() {
    addSpecialButton('document.editform.wpTextbox1.value=document.editform.wpTextbox1.value+\'\\r\\n{{minitynkä}}\';'+
                     'document.editform.wpSummary.value=\'Merkitty minityngäksi\';'+
                     'document.editform.wpWatchthis.checked=false;document.editform.wpMinoredit.checked=true;',
                     'MT', 'Minitynkä-malline', 'fiwiki-feature');   
}
}
initializebuttons();

Navigation popups[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. helmikuuta 2007 kello 17.36 (UTC)
Kuvaus: Navigation popups avaa monipuolisen valikon erilaisia toimintoja kun hiiren kursori viedään wikilinkin päälle. Valikosta voi suorittaa artikkeleille erilaisia toimenpiteitä, mm. palauttaa sen haluttuun versioon.
Tekijä: Skriptin kotisivu (englanniksi)
Testattu ulkoasuilla: MonoBook
Testattu selaimilla: Firefox 2, Opera 9

Mikäli käytät oletusteemaa, lisää koodi sivulle monobook.js. voit lisätä koodin myös kirjoittamalla js-tiedostoon {{subst:Navpop}}.

document.write('<script type="text/javascript" src="' 
             + 'http://en.wikipedia.org/w/index.php?title=User:Lupin/popups.js' 
             + '&action=raw&ctype=text/javascript&dontcountme=s"></script>');

simplePopups=true;
popupAdminLinks=false;
popupStructure='original';

noinclude ja includeonly[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. helmikuuta 2007 kello 11.16 (UTC)
Kuvaus: Tämän koodin avulla voit lisätä ylärivin painikkeisiin noinclude ja includeonly -painikkeet
Tekijä: Agony (keskustelu)
Testattu ulkoasuilla: MonoBook
Testattu selaimilla: IE >= 5.0, Firefox 2, Opera 9.x
/* Lisää noinclude ja includeonly -painikkeet ylärivin muokkauspainikkeisiin
 * Lisätietoja [[Ohje:Omat tyylit/Javascript/noinclude ja includeonly]]
 */
if (mwCustomEditButtons) {
  // Vain mallineissa näkyvät lisäpainikkeet, kommentoi // -tyylillä if-lause ja
  // lopettava kaarisulje jos haluat että painikkeet näkyy aina
  if (wgNamespaceNumber == 10) { 
      mwCustomEditButtons[mwCustomEditButtons.length] = {
        "imageFile": "http://upload.wikimedia.org/wikipedia/commons/c/ce/Button_no_include.png",
        "speedTip": "noinclude",
        "tagOpen": "<noinclude>",
        "tagClose": "</noinclude>",
        "sampleText": "Teksti jota ei sisällytetä mallineeseen"};
      mwCustomEditButtons[mwCustomEditButtons.length] = {
        "imageFile": "http://upload.wikimedia.org/wikipedia/commons/7/79/Button_include.png",
        "speedTip": "includeonly",
        "tagOpen": "<includeonly>",
        "tagClose": "</includeonly>",
        "sampleText": "Vain mallineeseen sisällytettävä osa"};
  }
}

initializebuttons();

Search Box[muokkaa | muokkaa wikitekstiä]

Lisätty: 18. helmikuuta 2007 kello 17.57 (UTC)
Kuvaus: Koodi lisää muokkausnäkymän yläosaan suurennuslasin kuvan, jota klikkaamalla avautuu hakulaatikko, jonka avulla voi hakea ja korvata haettuja sanoja tai tekstinpätkiä muokattavasta tekstistä.
Tekijä: Skriptin esittely (englanniksi)
Testattu ulkoasuilla: MonoBook
Testattu selaimilla: Firefox 2, Opera 9

Mikäli käytät oletusteemaa, lisää koodi sivulle monobook.js.

document.write('<script type="text/javascript" src="' 
             + 'http://en.wikipedia.org/w/index.php?title=User:Zocky/SearchBox.js' 
             + '&action=raw&ctype=text/javascript&dontcountme=s"></script>');