16

<title>JavaScript Example 16</title>
</head >

<body>

<h2> Οι Τελεστές Εκχώρησης και Σύγκρισης </h2> <script language="JavaScript">

<!-- Απόκρυψη του κώδικα από παλιούς φυλλομετρητές kila = 0

// Στις εκχωρήσεις χρησιμοποιούμε ένα = if (kila == 0)

// Στις συγκρίσεις χρησιμοποιούμε δύο ==
{

document .write('Έχουμε : ' + kila + ' Κιλά');

}

// Τέλος απόκρυψης του script --> </script>

</html>

17. Η Ιδιότητα Title του Αντικειµένου Document

<html>

<head><title>Παλιός Τίτλος </title>
<script type="text/javascript">
function newTitle() {

parent.document.title="Νέος τίτλος"

}

</script>

</head>
<body>

<p> Κάντε κλικ στο πλήκτρο εντολής (button) και δείτε τον νέο τίτλο στο παράθυρο του φυλλομετρητή. Η δυνατότητα

αυτή λειτουργεί μόνο στον Internet Explorer. </p> <form>

</form>

</body>
</html>

18. Αλλαγή του Φόντου της Ιστοσελίδας

<html >

<body>

<p> Επιλέξτε ένα χρώμα από την πτυσσόμενη λίστα για να δείτε να αποκτά η ιστοσελίδα το αντίστοιχο χρώμα φόντου. </p>

<form>

<select onChange="document.bgColor=this.options[this. selectedIndex].value">
<option value = "40E0D0"> Τυρκουάζ

<option value = "2E8B57"> Πράσινο Θάλασσας <option value = "87CEEB"> Μπλε ουρανού
<option value ="F4A460"> Καφέ άμμου
<option value ="FFF0F5"> Ροζ

</form >

<p> Χρησιμοποιούμε την ιδιότητα bgColor του αντικειμένου document για να αλλάξουμε το χρώμα φόντου της τρέχουσας ιστοσελίδας.

Η ιδιότητα selectedIndex παίρνει σαν τιμή έναν αριθμό ανάλογα με την επιλογή που κάνουμε, όπως 0 για Τυρκουάζ, ενώ η

ιδιότητα value αποκτά την αντίστοιχη τιμή του χρώματος, δηλ. το Τυρκουάζ, την οποία και εκχωρεί στην ιδιότητα bgColor του

αντικειμένου document . </p>

</body>

</html >

19. Εµφάνιση Μηνύµατος στη Γραµµή Κατάστασης

<html>

<head>

<title> Μήνυμα στη Γραμμή Κατάστασης </title> </head>

<a href="index.html"

onMouseover="window.status='Κάντε κλικ για να πάτε στα \
μαθήματα της JavaScript';return true"

onMouseout="window.status='';return true">
<b> Μαθήματα της JavaScript </b></a>

<p> Εκχωρούμε τιμή στην ιδιότητα status του αντικειμένου window, που είναι στην ουσία το κείμενο που εμφανίζεται στην

γραμμή κατάστασης (status bar) του παραθύρου του φυλλομετρητή. Το συμβάν onMouseover ενεργοποιείται όταν

μετακινούμε τον δείκτη του ποντικιού πάνω από ένα αντικείμενο, που εδώ είναι ένας σύνδεσμος (link), ενώ το συμβάν

onMouseout ενεργοποιείται όταν απομακρύνουμε τον δείκτη του ποντικιού από ένα αντικείμενο. </p>

</body>

</html>

20. Απόκρυψη Μηνύµατος στη Γραµµή Κατάστασης

<html>

<head>

window.status = txt;

}

</script>
</head>
<body>
<form>

<p> Χρησιμοποιούμε δύο πλήκτρα εντολής για να καλούμε με το συμβάν onClick τη συνάρτηση statbar() και να της

μεταβιβάζουμε κάποιο κείμενο σαν όρισμα. Η συνάρτηση statbar() περιέχει μία μόνο εντολή με την οποία καταχωρεί την

τιμή του ορίσματός της στην ιδιότητα status και έτσι η τιμή αυτή εμφανίζεται στην γραμμή κατάστασης του παραθύρου του

φυλλομετρητή. </p>

</body>

</html >

21. Κυλιόµενο Μήνυµα Γραµµής Κατάστασης 1ο
Παράδειγµα

<html>

<body>

var scrollCounter = 0; // μηδενίζουμε τον μετρητή

// ορίζουμε το κείμενο του κυλιόμενου μηνύματος

var scrollText = "Kozani Grevena Florina Kastoria";

// ορίζουμε τον ρυθμό κλήσης της συνάρτησης Scroller() // ίσο με 70 χιλιοστά του δευτερολέπτου

var scrollDelay = 70;

var i = 0;

// προσθέτουμε 100 κενούς χαρακτήρες πριν από το κείμενο while (i ++<100)

scrollText = " " + scrollText;
function Scroller() {

window.status = scrollText.substring(scrollCounter++, scrollText.length); if (scrollCounter == scrollText.length)

scrollCounter = 0;

setTimeout("Scroller()", scrollDelay);

}

Scroller();
</script>

<p> Η συνάρτηση substring() εφαρμόζεται σε μια μεταβλητή συμβολοσειράς (string), που εδώ είναι η scrollText,

χρησιμοποιεί δύο αριθμητικά ορίσματα και επιστρέφει το κομμάτι του string που βρίσκεται ανάμεσα στα δύο αυτά

ορίσματα. Η ιδιότητα length ενός string επιστρέφει το μήκος του string, δηλ. το πλήθος των χαρακτήρων του.

Αυτό έχει σαν αποτέλεσμα να εμφανίζεται στη γραμμή κατάστασης του παραθύρου του φυλλομετρητή το κείμενο που

καταχωρήσαμε στη μεταβλητή συμβολοσειράς scrollText, αρχικά ολόκληρο και μετά κάθε 70 χιλιοστά του δευτερολέπτου

να εμφανίζεται μειωμένο κατά έναν χαρακτήρα τη φορά. Σε κάθε εμφάνιση μηνύματος στη γραμμή κατάστασης αυξάνουμε

κατά ένα και την τιμή του μετρητή scrollCounter.

Μόλις η τιμή του μετρητή scrollCounter γίνει ίση με το μήκος της μεταβλητής συμβολοσειράς scrollText, θα πρέπει να τον

μηδενίσουμε για να ξαναρχίσει η κύλιση του μηνύματος από την αρχική κατάσταση.

Η setTimeout() είναι μια μέθοδος του αντικειμένου window που ορίζει ένα χρονικό διάστημα (timeout), όπου το πρώτο όρισμα

είναι ο κώδικας της JavaScript που θα εκτελεσθεί μετά από μια συγκεκριμένη χρονική περίοδο, εδώ είναι η συνάρτηση

Scroller(), ενώ το δεύτερο όρισμα λέει στον υπολογιστή πότε θα εκτελεσθεί ο κώδικας. Ο χρόνος καθορίζεται σε χιλιοστά του

δευτερολέπτου (milliseconds).</p>

</body>

</html>

22. Κυλιόµενο Μήνυµα Γραµµής Κατάστασης 2ο
Παράδειγµα

<html>

<body>

Text="Florina per sempre!"
i=0

function Scroller() {

window.status=Text.substring(i, Text.length) + ' ' +
Text.substring(0, i1)

if (i<Text.length) {

i++;

}

else {

i=0

}

setTimeout("Scroller()", 100) } Scroller();

</script>

<p> Το παράδειγμα αυτό μοιάζει αρκετά με το προηγούμενο καθώς χρησιμοποιεί τις ίδιες συναρτήσεις και ιδιότητες

συμβολοσειρών^ διαφέρει όμως στον τρόπο εμφάνισης του κυλιόμενου μηνύματος, το οποίο διασπά σε δύο κομμάτια που

τα διαχωρίζει μ έναν κενό χαρακτήρα. </p> </body>

</html>

23. Η Μέθοδος SetTimeOut()

<html>

<body>

setTimeout("alert('Ο χρόνος τελείωσε !')", 3000);

}

</script>
<form>

</form >

<p> Με τη βοήθεια των timeouts (ή timers) μπορούμε να επιτρέψουμε στον

υπολογιστή να εκτελέσει κάποιον κώδικα μετά από ένα

συγκεκριμένο χρονικό διάστημα. Δημιουργήσαμε ένα πλήκτρο εντολής στο οποίο αν γίνει κλικ θα κληθεί μια συνάρτηση η

οποία θα εμφανίσει ένα alert box μετά από 3 δευτερόλεπτα.

</p>

</body>
</html>

24. Η Συνάρτηση getHours()

<html>

<body>

currentTime = new Date();

if (currentTime.getHours() < 12)

document.write("Καλημέρα");
          else if (currentTime.getHours() < 17)
          document.write("Καλησπέρα");
          else document .write("Καληνύχτα");
</script>

<p> Η συνάρτηση getHours() εφαρμόζεται σ ένα αντικείμενο

επιστρέφει την τρέχουσα ώρα ως ακέραιο

αριθμό. </p>

</body>

</html >

25. Κλήση Συνάρτησης µε το Συµβάν OnClick

<html>

ημερομηνίας και

<p> Οταν κάνουμε κλικ στο πλήκτρο εντολής (button), θα κληθεί μια συνάρτηση που θα εμφανίσει ένα μήνυμα σ