OPPAASEEN / Back

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var x = $("H3").offset();
    alert("Ylhäältä: " + x.top + " Vasemmalta: " + x.left);
  });
});
</script>

CSS-ohje:
#puna {
  color: red;
}


HTML-koodaukset:

<H3> OTSIKKO </H3>

<button> Näytä H3-elementin offset-koordinaatit </button>
<p> Koordinaatit www-sivun vasemmasta yläkulmasta. </p>