Άσκηση 1 - Επανάληψη σε τακτά διαστήματα με setInterval, clearInterval
Μετατρέψτε το slide show που κανατε στην 1η άσκηση του προηγούμενου εργαστηρίου ώστε να υπάρχουν 2 κουμπία για έναρξη "Start" και σταμάτημα "Stop" του slide show που θα αλλάζει πλέον από μόνο του κάθε 1 δλ. τις εικόνες.
Σχετική βοηθεια:
http://www.w3schools.com/jsref/met_win_setinterval.asp
http://www.w3schools.com/jsref/met_win_clearinterval.asp
http://msdn.microsoft.com/en-us/library/ms536749(VS.85).aspx
http://msdn.microsoft.com/en-us/library/ms536353(VS.85).aspx
Άσκηση 2 - Εκτέλεση μετά από παρέλευση χρονικού διαστήματος με setTimeout, clearTimeout
Εμπλουτίστε την προηγούμενη άσκηση προσθέτοντας ένα text box στο οποίο ο χρήστης θα πληκτρολογεί ένα χρονικό όριο σε δευτερόλεπτα μετά το οποίο το slide show θα σταματάει μόνο του. Προσθέστε επίσης ένα ακόμη κουμπί ώστε ο χρήστης να μπορεί να ακυρώσει το χρονικό όριο για το σταμάτημα του slide show που ορίζεται από το προηγούμενο text box.
Σχετική βοηθεια:
http://www.w3schools.com/jsref/met_win_settimeout.asp
http://www.w3schools.com/jsref/met_win_cleartimeout.asp
http://msdn.microsoft.com/en-us/library/ms536753(VS.85).aspx
http://msdn.microsoft.com/en-us/library/ms536357(VS.85).aspx
Άσκηση 3 - Κύλιση μέχρι το στοιχείο να εμφανιστεί στην οθόνη με scrollIntoView, createElement.
Δημιουργήστε ένα list box όπου με το άνοιγμα της σελίδας θα γεμίζει με τα κέιμενα από όλα τα P tags μίας σελίδας (50 πρώτοι χαρακτήρες από κάθε παράγραφο). Ακολούθως μόλις μία παράγραφος επιλέγεται από το list box το κείμενο της να γίνεται bold και να μετακινείται η σελίδα στην αρχή της παραγράφου.
Σχετική βοηθεια:
https://www.w3schools.com/jsref/met_document_createelement.asp
https://www.w3schools.com/jsref/met_element_scrollintoview.asp
http://msdn.microsoft.com/en-us/library/ms536389(VS.85).aspx
http://msdn.microsoft.com/en-us/library/ms536730(VS.85).aspx
Άσκηση 4 - Διάλογος επιβεβαίωσης με confirm
Δημιουργήσετε ένα script το οποίο όταν φορτώνεται η σελίδα θα συνδέει για κάθε link το onclick γεγονός με μία συνάρτηση η οποία μόλις ενεργοποιείται κάποιος σύνδεσμος θα ρωταει το χρήστη αν πράγματι θέλει να ανοιχτεί η νέα σελίδα. Αν ο χρήστης λέει ΟΚ τότε ο σύνδεσμος ανοίγει. Αλλιώς (ΑΚΥΡΟ) η ενέργεια (άνοιγμα νέας σελίδας) ακυρώνεται.
Σχετική βοηθεια:
http://www.w3schools.com/jsref/met_win_confirm.asp
Άσκηση 5 - Εισαγωγή στοιχείων σε πίνακα με insertRow, insertCell
Δημιουργήσετε μία σελίδα με 2 text boxes και ένα κουμπί "Δημιούργησε πίνακα". Ο χρήστης πληκτρολογεί στα text boxes τον αριθμό των γραμμών και στηλών που θέλει και με το κουμπί δημιουργείται ένα πίνακας αντίστοιχων διαστάσεων.
Σχετική βοηθεια:
http://www.w3schools.com/jsref/met_table_insertrow.asp
http://www.w3schools.com/jsref/met_tablerow_insertcell.asp
http://msdn.microsoft.com/en-us/library/ms536457(VS.85).aspx
http://msdn.microsoft.com/en-us/library/ms536455(VS.85).aspx
Άσκηση 6 - Διαγραφή στοιχείων από πίνακα με deleteRow, deleteCell
Εμπλουτίστε την προηγούμενη άσκηση με δύο ακόμα κουμπιά "Διέγραψε γραμμή" και "Διέγραψε στήλη" τα οποία θα διαγράφουν κάθε φορά την τελευταία γραμμή ή στήλη του πίνακα αντίστοιχα.
Σχετική βοηθεια:
http://www.w3schools.com/jsref/met_table_deleterow.asp
http://www.w3schools.com/jsref/met_tablerow_deletecell.asp
http://msdn.microsoft.com/en-us/library/ms536408(VS.85).aspx
http://msdn.microsoft.com/en-us/library/ms536406(VS.85).aspx