Kuvien kopioinnin estokoodi ja pari muuta

 Koska monella bloggaajalla on postauksissaan paljon kuvia joiden ei haluaisi päätyä vieraisiin käsiin eikä tieteenkään siihen tilanteeseen joissa niitä käytetään väärin, niin on olemassa keinoja joilla välttää tai ainakin ehkäisee sen ettei ihan joka ismo ja iita niitä varasta. Minulta on pyydetty selkeitä ohjeita joten koitan niitä antaa ja jos nyt sitten tulee vaikeuksia puutteelisen ohjeistuksen takia, niin toivon että otatte minuun yhteyttä joko s-postin kautta (blogin alaosassa on yhteydenottoa varten lomake) tai kommenttikentässä. Samoin on sisällön tuottamisen suojaukseen eli teksteihin mutta ensin tähän kuvien suojaamiseen. Eli: tässä koodinpätkä joka estää kuvien kopioinnin:

<img src="kuva.jpg" oncontextmenu="return false">

- tai vielä parempi (lisää varsinaiseen kuvaan silmälle näkymättömän taulukon joka sitten mahdollisessa kopiointiyrityksessä päätyy varkaalle varsinaisen kuvan sijaan):

<table style="background-image:url('kuva.jpg'); width:640px;height:480px;" ><tr><td><img src="transparent.gif" style="width:640px;height:480px"/></td></tr></table>

Asentaminen tapahtuu seuraavasti: Menette bloginne hallintapaneeliin eli sinne missä ovat “uusi postaus, tekstit, tilastot, kommentit, ulkoasu, teema” ja muut jutut ja valitsette sieltä kohdan “ulkoasu” ja tämän avauduttua kohdan “lisää gadget”. Klikkaatte gadgetin auki, ja esiin tulevasta valikosta valitsette kohdan “HTML/Javascript” ja klikkaatte sen auki. Otsikkoa ei tarvitse laittaa, mutta “sisältö” - kohtaan liitätte joko tuon ensin mainitun koodinpätkän tai vielä paremman jälkimmäisen ja tämän tehtyänne painatte “tallenna” - painiketta ja näin teidän kuvianne on vat turvassa. Jos nyt käy niin ettei kukaan ole koskaan kopioinut mitään, niin se tapahtuu seuraavasti: viette hiiren kursorin eli sen pienen nuolen, pystyviivan tai mikä teillä nyt onkaan käytössänne, haluamaanne kohtaan ja sillä kohtaa painatte hiiressä (tai kosketuslevyssä) etusormenne alla olevaa painiketta ja pidätte sen pohjassa. Samalla vedätte hiirtä haluamaanne riviä pitkin niin pitkälle kuin on tarve ja päästätte painikkeen ylös. Nyt kyseinen rivi näkyy joko sinisenä tai jonkun muun värisenä. Tämän jälkeen painatte keskisormenne alla olevaa paniketta (hiirtä käyttävät) tai oikeanpuoleista painiketta (kosketuslevy) ja avautuvasta valikosta valitsette “kopioi”. Nyt hetki sitten maalaamanne kohta on kopioitu ja esim. yllä olevan, gadgetiin lisäämisen tapauksessa viette hiiren kursorin “sisältö” - riville ja klikkaatte keskisormellanne ja avautuvasta valikosta valitsette kohdan liitä, minkä jälkeen klikkaatte "tallenna"-painiketta. Näin, tietysti saattaa olla joku joka on vaihtanut hiiri/kosketuslevyn painikkeet ns. “käänteiseen järjestykseen” mutta uskon että he osaavat hallita painikkeiden toiminnot.

Sitten tekstipuoli: kaiken estävä koodi jota en suosittele käyttämään sillä se ehkäisee linkkien ja muiden hyödyllisten (blogia kirjoittavan kannalta = blogin markkinointi) toimintojen jakamisen, mutta jos joku nyt kuitenkin haluaa sen, niin koodinpätkä joka ehkäisee ns. hiiren kakkospainikkeen (keskisormen) toiminnon on tämä:

<script language='JavaScript1.2'>function disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}</script>

Kyseinen koodinpätkä asennetaan samoin kuin ensin mainittu kuvien kopioinnin estoon liittyvä koodinpätkäkin joten en toista asennusohjeita moneen kertaan. Itselläni on käytössä pieni muistutus joka huomauttaa mahdolliselle kopioijalle että on todella perseestä pölliä toisen omaa, mutta sallii kopioida sisältöä kun ensin on painettu huomautuksen ok-painiketta (asia ymmärretty niin sanotusti) ja te voitte testata sitä maalaamalla vaikka jonkin rivin tai pari sanaa tästä postauksesta ja kun yritätte kopioida tekstiä, niin ilmoitus hyppää esiin mutta kuitattuanne sen, jää esiin tämä valikko jossa on “kopioi” ja muut jutut ja maalattu kohta voidaan kopioida. Näin ainakin Chromen kohdalla, muissa selaimissa voi olla muita asetuksia enkä ole niitä kokeillut mutta kyseinen, ystävällinen muistutus saadaan koodinpätkällä:

<script> function noCopy(e) { var msg = "Blogitekstien kopiointi on kielletty."; if (navigator.appName === 'Netscape' && e.which === 3) { alert(msg); return false; } if (navigator.appName === 'Microsoft Internet Explorer' && event.button === 2) { alert(msg); return false; } }

document.onmousedown = noCopy; document.onmouseup = noCopy; </script>

Edit klo 08.07 : mikäli yllä oleva koodinpätkä ei toimi, niin sitten tämä:

<script>
function noCopy(e) {
  var msg = "Blogitekstien kopiointi on kielletty.";
  if (navigator.appName === 'Netscape' && e.which === 3) {
    alert(msg);
    return false;
  }
  if (navigator.appName === 'Microsoft Internet Explorer' && event.button === 2) {
    alert(msg);
    return false;
  }
}

document.onmousedown = noCopy;
document.onmouseup = noCopy;
</script>

Rakas ystäväni Pöllö oli huomannut että käytettäessä windows 11 ja selaimena Edgeä, kopioinnin estosta tuleva ilmoitus ei ilmesty ja kopiointi on mahdollista. Tiedustellessani asiaa hetki sitten tekoälyltä, se sanoi että nykyisilllä ohjelmistoilla ja selaimilla on mahdollista kiertää (automaattisesti) tämän kaltaiset ilmoitukset, mutta totesi myös että ammattilaiset/koodarit pystyvät siihen joka tapauksessa eli kuten jo aiemmin sanoin, olkaapa varovaisia kuvia laittaessanne ja kertoessanne itsestänne tai tekmisistänne. Pahoittelut ettei kyseinen koodi toiminut.

Myös tämä asennetaan täysin samoin kuin muutkin yllä olevat joten tässä kaikki tältä aamulta, voi olla että tässä tulee vielä myöhemmin postaus jossa käsittelen ihan noita tavan elämään liittyviä juttuja. Lopuksi sanon kuten menneiden vuosien kuuluisa Markus - setä mutta hieman korrektimmin: “Apotti-setä lähtee nyt peristaltiikka-treeneihin”.

Apotti

Ps. Muistakaa että ammattilaiset/koodarit pystyvät mihin vain joten olkaapa varovaisia niiden kuvien ja sisältönne kanssa.