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 = $("p").position();
    alert("Ylhäältä: " + x.top + " Vasemmalta: " + x.left);
  });
});
</script>

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


HTML-koodaukset:

<p id='puna'> Tutkittava p-elementin teksti </p>
<button> Näytä sijainti </button>

<p> p-elementti on body-elementin sisällä. </p>