Päivän mietelauseen lisääminen

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

• verkkoselain (esim. Chrome)
• yksinkertainen tekstieditori (esim. Notepad++)
• FTP-ohjelma (esim. Filezilla)

Toteutus (vaihe 1)

• Kirjaudu verkkokaupan hallintaliittymään (demo).
• Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
• Klikkaa Lisää uusi -painiketta.
• Valitse tyypiksi "Javascript/HTML5".
• Syötä nimeksi "Päivän mietelause" tai mitä tahansa.
• Valitse Sivu-kohdasta [ei merkitystä].
• Valitse Sijainti-kohdasta "Verkkokaupassa #landscape_bottom jälkeen" tai mitä tahansa.
• Lisää Koodi-kohtaan:
  

  <div id="oma_mietelause"></div>
  <script>
  var $xhr1 = "$xhr1_mitls132"; /* pseudosatunnainen arvo päällekkäisyyksien välttämiseksi */
  var $xhr1 = new XMLHttpRequest();
  var $nocache = Math.random();
  $xhr1.open("POST", "oma_mietelause.php", true);
  $xhr1.onreadystatechange = function () {
  	if ($xhr1.readyState == 4 && $xhr1.status == 200) {
  		document.getElementById('oma_mietelause').innerHTML=$xhr1.responseText;
  	}
  }
  $xhr1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
  var $query = "nocache=" + $nocache + "";
  $xhr1.send($query);
  </script>
  

• Klikkaa Tallenna-painiketta.

Toteutus (vaihe 2)

Luo omalle tietokoneellesi oma_mietelause.php -niminen tekstitiedosto ja siirrä se FTP-ohjelmalla kotisivutilan kansioon, jossa verkkokaupan etusivun index.php -tiedosto sijaitsee. Alla oleva koodiesimerkki on perusesimerkki. Käytettävissä on kuitenkin kaikki PHP-ominaisuudet ja tietokantayhteydet.

<?php

$luku = rand (1,2);

if ($luku == 1) {
	echo "<p>Maa on niin kaunis.</p>";
} else {
	echo "<p>Niin kaunis on maa.</p>";
}

?>