Kuvagalleria, joka täyttää automaattisesti koko sille annetun alueen ja määrittää kuville mahdollisimman suuren koon hukkatilan minimoimiseksi. Kuvat pienenevät lineaarisesti näyttökoon pienentyessä. Galleria ei rivity mobiilikoossa.
Tällä koodilla saat kätevästi kaikki maat ja liput loopattua esimerkiksi pudotusvalikkoa varten. Kätevä esim. osallistumislomakkeissa.
Toimiva esimerkkiselect:
Tässä esimerkkikoodissa maat/liput on loopattu suoraan select-elementin sisään jolloin ne esitetään pudotusvalikossa, mutta toki voit käyttää looppauskoodia mihin tahansa muuhunkin tarkoitukseen.
PHP-koodin usort-osio järjestää maat ja liput name-avaimen mukaiseen järjestykseen, joka on siis käytännössä maan suomenkielinen nimi. Järjestely on mahdollista myös mm. maakoodin ja englanninkielisen nimen perusteella, voit kurkistaa kaikki avaimet alkuperäisestä JSON-tiedostosta.
<select name="maa" id="maa">
<option value="" selected disabled>Valitse maa...</option>
<?php
$json_maakoodit = json_decode(file_get_contents('https://hiirenkolo.net/liput/maakoodit.json'),true);
usort($json_maakoodit, function ($a, $b) {
return $a['name'] <=> $b['name'];
});
foreach($json_maakoodit as $maa) {
echo"<option value=\"". $maa['code'] ."\">";
echo $maa['code'] . " – " . $maa['name'];
echo "</option>";
}
?>
</select>
Tällä apukoodilla voit helposti tehdä esimerkiksi ikä- tai meriittikoostesivut kaikille hevosillesi, ja noutaa sitten tiedot hevosten sivuille koostesivuilta. Tällöin tietoja tarvitsee päivittää vain yhteen paikkaan kuten tietokantoja käytettäessä, mutta tietokantaa ei tarvitse perustaa.
Vaihda tunniste kummastakin koodista vastaamaan toisiaan. Itse käytän esim. hevosen kutsumanimeä. Tulostettava tieto voi olla myös kokonainen html-elementti tai linkki; PHP-ohjelma tulostaa kaiken, mitä div ikinä sisältääkään.
"Koostesivulle":
<div id="tunniste">Tulostettava tieto, esim. ikä, meriitit,...</div>
Hevosen sivulle / sinne, minne haluat tiedon tulostuvan:
<?php $string = file_get_contents('https://koostesivunosoite.com');
echo (preg_match('/<div id="tunniste">([\s\S]*?)<\/div>/', $string, $matches) > 0) ? $matches[1] : "Nouto epäonnistui";
?>
Tällä lyhyellä apukoodilla saat tulostettua esimerkiksi hevosen tai hahmon iän sen syntymäpäivän perusteella.
Vaihda syntymäpäivä esimerkkikoodissa olevan päivän tilalle muodossa YYYY-MM-DD, älä poista hipsuja ympäriltä. Liitä alla oleva koodi siihen kohtaa, johon haluat iän tulostuvan. Ikä tulostuu pelkkinä numeroina, eli voit liittää koodin myös esimerkiksi tekstin sekaan, jolloin saat iälle loppuliitteitä (esim -vuotias).
<?php
date_default_timezone_set('Europe/Helsinki');
$birthdate = new DateTime('2000-01-20');
$today = new DateTime('today');
echo $birthdate->diff($today)->y;
?>
Sukutaulu, joka näyttää "tavalliselta taulukolta" leveällä näytöllä, mutta flex-pohjaisen toteutuksen ansiosta solut rivittyvät allekkain mobiilikoossa.
Jassu L.:n kehittämä oma ikääntyminen Shelyesin hevosille. Hevonen ikääntyy nopeutetusti nelivuotiaaksi, minkä jälkeen hevonen alkaa ikääntyä 8 kk:n välein. Ikääntyminen sopii niille, joiden mielestä reaali on hieman liian hidas, mutta puolivuosittain ikääntyminen tuntuu aavistuksen liian nopealta.
Kaksi erilaista Javascript (jQuery)-pohjaista spoileritoteutusta. Trigger-spoileri perustuu linkin ja kohteen samannimisiin tunnisteisiin, kun taas Next-spoileri perustuu linkin ja kohteen vierekkäin olemiseen.
Vaihdoitko hevostesi sivut uudelle tiedostopäätteelle tai uuteen kansioon, etkä jaksaisi päivittää kaikkia vanhoja osoitteita? No worries, I gotchu.
Suurin osa virtuaalimaailman nettisivuista on Apache-pohjaisia, jolloin pystytään säätelemään esimerkiksi sivujen protokollaa tai uudelleenohjauksia .htaccess-nimisen tiedoston avulla.
Domainisi juuressa on yleensä jo valmiina .htaccess-niminen tiedosto. Esimerkiksi cPanelin kautta muokatessa jotkin palveluntarjoajat ovat piilottaneet kyseisen tiedoston, mutta pääset siihen käsiksi kun avaat jonkin muun samassa kansiossa olevan tiedoston, ja muutat osoiteriviltä muokattavan tiedoston nimen tilalle .htaccess.
Esimerkki, joka uudelleenohjaa kaikki hevoset-kansion .html-päätteiset sivut .php-päätteisiksi:
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/hevoset/(.*)\.html$ [NC]
RewriteRule ^ https://domain.com/hevoset/%1\.php [R=301,L,QSD]
Esimerkki, joka uudelleenohjaa kaikki vanhakansio-kansion sivut uusikansio-nimiseen kansioon (sopii esimerkiksi jos hevoselle tehdään muistosivut erilliseen kansioon):
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/vanhakansio/(.*)\.html$ [NC]
RewriteRule ^ https://domain.com/uusikansio/%1\.html [R=301,L,QSD]
Esimerkki, joka uudelleenohjaa vain polle.html, heppa.html sekä kaakki.html sivut .php-päätteisiksi (sopii esimerkiksi jos sivunvaihto-urakka on vielä kesken):
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/hevoset/(polle|heppa|kaakki)\.html$ [NC]
RewriteRule ^ https://domain.com/hevoset/%1\.php [R=301,L,QSD]