@kirsiina äh, totta! En jotenkin edes tullut ajatelleeksi, nythän se sitten toimiikin koko koodi 🙂 Kiitos!

@siiri Omalta osalta sain ratkaistua, kun muutin nuo yla.txt ja ala.txt -> .php päätteisiksi. Korjasin yksittäisten kuvien, tiedostojen ja kansioiden käyttölupakoodit (kuvat ja sivut 644 ja kansiot 750).

Olisiko näistä mitään apua?

Edit // Kansioiden koodi olikin 755 ja Apply to directories only

Nähtävästi ainakin yhdellä tunnuksella ongelma korjaantui vain Cloudflaren käytöstä poistolla ja WP:n/WP tietokannan päivityksellä.

Suosittelen ottamaan etusivun/indexin lähdekoodista backupin, jostain syystä omat koodit katoaa tuon WP päivityksen myötä.

@leahiiii Nyt toimii, suuret kiitokset. 🙏

PHP:lla tai muulla serveripuolen teknologialla onnistuu. Javascript toimii selaimessa, eli sillä ei voi ilman välikäsiä lähettää sähköpostia.

Ensin tulee rakentaa lomake, jonka uloimpana rakenteena on form-tagi. Form-tagin sisällä on inputteja, joihin käyttäjä voi mm. syöttää dataa. Inputteja löytyykin hyvin tuosta Hazelin laittamasta linkistä. Lähetyspainike on myös input, tyyppiä type='submit', ja sitä painamalla kaikkien form-tagin sisällä olevien inputien arvot lähetetään sille sivulle, joka on määritelty form-tagin action-attribuutissa. Jos action-attribuutti puuttuu, lomake lähettää tiedot samalle sivulle kuin missä itse lomake sijaitsee.
Yksinkertainen esimerkki html-lomakkeesta: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_action

PHP:lla pääsee käsiksi lomakkeen dataan inputtien name-attribuutin perusteella. Array, jossa kaikki nämä arvot sijaitsevat on useimmiten joko $_GET tai $_POST, ja se voidaan määrätä html form-tagissa olevan method-attribuutin perusteella. Yleisimmin sähköpostilomakkeissa käytetään POST-metodia.
Esimerkki lomakkeen käyttämisestä PHP-sivulla: https://www.w3schools.com/php/php_forms.asp

Jotta saat käyttäjän inputteihin syöttämän datan omaan sähköpostiisi, tulee käyttää PHP:n sisäänrakennettua mail()-funktiota. On myös järkevää käsitellä tai tarkistaa inputtien dataa jotenkin ennen kuin postitat sen sähköpostiisi esim. XSS-hyökkäysten tai roskapostituksen varalta, mutta en mene siihen nyt sen pidemmin.
PHP mail-tietosivu: https://www.php.net/manual/en/function.mail.php

Nostellaas tätä samalla ja laitetaan esille Jassun koodilla luotu, hieman ulkonäöllisesti muokkailtu sukutaulu. Sukupolvien kirjaimet tulevat näkyville mobiilissa.

Kiitos kaikille @Serena @Milja @Jassu-L ! Nyt toimii ❤

Kolmannen osapuolen klikkaus- ja kävijälaskurit oli kovaa huutoa joskus 2000-luvun alkupuolella 😄 Varmaan löytyy edelleenkin palveluntarjoajia hurumykke jos googlaa tyyliä click counter widget for website tjsp.

Jos tällaisen haluaa tehdä itse ihan nollasta, se vaatii tietokannan jos klikkausten täytyy säilyä. 🙂 Jos sun palvelimelle on mahdollista luoda tietokanta, klikkurin toteutus itsessään on erittäin simppeli, tyyliä yksi tietokantakutsu. Tietokantaankaan ei periaatteessa tarvi kuin yhden taulun tätä varten.

Hankalin tossa on ehkä ratkaista, miten järjestelmä käsittelee "ei antaisi klikata kerralla kuin yhdesti"-ehdon, kun siihen löytyy monta toteutustapaa. Halutaanko klikkaajilta kysyä joku yksilöivä tieto, esim. VRL-tunnus klikkaamiseen? Tai riittääkö kenties klikkaajan senhetkinen IP-osoite tunnisteeksi? Entä onko klikkaamiselle jokin aikaraja (esim. kerran päivässä/kuussa/istunnon aikana), jonka voisi mahdollisesti toteuttaa vaikka evästeillä? 😄

Mää oon pyrkinyt ajanpuutteen ja pitkiksi venyvien rästilistojen takia vähentämään tilauskoodauksia, mutta voin heitellä kyllä steppejä ja esimerkkikoodeja jos haluat itse kokeilla jumpata järjestelmän pystyyn 🙂