Μιχάλη, θα σε μαλώσω, τίποτα δε σου μάθαμε για separation of presentation, behavior and content?
Είναι λάθος να έχεις την περιγραφή έτσι, μέσα στον κώδικα:
Code: Select all
if (id==1){
document.getElementById(16).innerHTML = "Στην Ηλεκτρονική Γραμματεία γίνονται οι δηλώσεις μαθημάτων και συγγραμμάτων. Εκεί ο φοιτητής μπορεί επιπλέον να δει τα μαθήματα στα οποία έχει εξεταστεί και τους αντίστοιχους βαθμούς του.";
}
else if(id==2){
document.getElementById(16).innerHTML = "Στην επίσημη ιστοσελίδα του Οικονομικού Πανεπιστημίου υπάρχουν σημαντικές πληροφορίες και ανακοινώσεις για όλα τα τμήματα. Εκεί ανακοινώνονται το ωρολόγιο πρόγραμμα και το πρόγραμμα εξετάσεων, όπως και οι όποιες αλλαγές που γίνονται σε αυτά.";
}
else if(id==3){
document.getElementById(16).innerHTML = "Η επίσημη ιστοσελίδα του τμήματος Πληροφορικής Ο.Π.Α περιέχει μεταξύ άλλων τα στοιχεία επικοινωνίας με τους διδάσκοντες και τον οδηγό σπουδών.";
}
else if(id==4){
document.getElementById(16).innerHTML = "Το webmail αποτελεί έναν εναλλακτικό τρόπο για την ανάγνωση και την συγγραφή των emails για τους λογαριασμούς του Πανεπιστημίου.";
}
else if(id==5){
document.getElementById(16).innerHTML = "Το Venus είναι η επίσημη κοινότητα του τμήματος Πληροφορικής στο Οικονομικό Πανεπιστήμιο. Εκτός από το portal έχει και ένα ενεργότατο forum για ό,τι αφορά τη σχολή μας και όχι μόνο. Παρέχει δε πολλές ακόμα υπηρεσίες.";
}
else if(id==6){
document.getElementById(16).innerHTML = "Εδώ μπορείτε να εμφανίσετε το καθημερινό σας πρόγραμμα, όπως αυτό διαμορφώνεται από τα μαθήματα που επιλέξετε. Στη συνέχεια μπορείτε να το κατεβάσετε στον υπολογιστή σας σε μορφή pdf.";
}
else if(id==7){
document.getElementById(16).innerHTML = "Αποτελεί τον ιστότοπο, όπου μπορείτε να εγγραφείτε σε μαθήματα για να ενημερώνεστε μέσω email για τις αντίστοιχες ανακοινώσεις, να βρίσκετε τις διαλέξεις των μαθημάτων καθώς και επιπλέον εκπαιδευτικό υλικό όταν διατείθεται. H είσοδος γίνεται με τα credentials του dias (username το p3xxxxxx@dias και το αντίστοιχο password που σας δόθηκε από το χαρτάκι της γραμματείας κατά τις εγγραφές)";
}
else if(id==8){
document.getElementById(16).innerHTML = "Η ιστοσελίδα της κοινότητας Ελεύθερου Λογισμικού και Λογισμικού Ανοικτού Κώδικα του Πανεπιστημίου μας διαθέτει forum όπου γράφονται απορίες και γίνονται συζητήσεις γύρω από το ΕΛ/ΛΑΚ. Εδώ μπορείτε να βρείτε και πληροφορίες για τα σεμινάρια που διοργανώνονται κατά καιρούς από την κοινότητα.";
}
else if(id==9){
document.getElementById(16).innerHTML = "Οι φοιτητές του τμήματός μας δικαιούνται να κατεβάσουν δωρεάν σχεδόν όλα τα προϊόντα της Microsoft. Για να συνδεθείτε χρησιμοποιείστε τις πληροφορίες που έχουν σταλεί στο προσωπικό σας mail του Πανεπιστημίου. Για οποιαδήποτε απορία μπορείτε να απευθυνθείτε στον υπεύθυνο του εργαστηρίου.";
}
else if(id==10){
document.getElementById(16).innerHTML = "Σε αυτήν την ιστοσελίδα μπορείτε να αναζητήσετε τα βιβλία που υπάρχουν στην Βιβλιοθήκη του Οικονομικού Πανεπιστημίου Αθηνών, και αν διαθέτετε λογαριασμό, να τα κρατήσετε/δανειστείτε ηλεκτρονικά.";
}
else if(id==11){
document.getElementById(16).innerHTML = "Σε αυτή την ιστοσελίδα βρίσκονται πολλές δημοσιεύσεις (papers) και theses από τους Καθηγητές, αλλά και τους Μεταπτυχιακούς ή Διδακτορικούς Φοιτητές του τμήματός μας.";
}
else if(id==12){
document.getElementById(16).innerHTML = "Η υπηρεσία Pithos προσφέρει σε κάθε χρήστη 50 GBytes αποθηκευτικού χώρου online, προσβάσιμα από παντού, πάντοτε, με ασφάλεια. Η χρήση της υπηρεσίας είναι ελεύθερη και δωρεάν για τους φοιτητές του τμήματός μας και όλα τα άλλα μέλη της ελληνικής ακαδημαϊκής κοινότητας. H είσοδος γίνεται με τα στοχεία χρήστη της e-grammateia.";
}
else if(id==14){
document.getElementById(16).innerHTML = "Αυτός ο σύνδεσμος οδηγεί σε διαδικτυακές οδηγίες για τις υπηρεσίες: \"Δες την Ψηφιακά\", ADSL Δίοδος, VPN, Wifi (ασύτματο ίντερνετ), Dial-Up, Πιστοποιητικά, Πίθος, DreamSpark κ.α.";
}
else if(id==13){
document.getElementById(16).innerHTML = "Αυτός ο σύνδεσμος οδηγεί στη σελίδα ενήμερωσης σχετικά με τις υπηρεσίες που προσφέρει η Βιβλιοθήκη της σχολής μας.";
}
else if(id==15){
document.getElementById(16).innerHTML = "Αυτή η ιστοσελίδα παρέχει ενημέρωση (και μέσω RSS) για τη διοργάνωση συνεδρίων και σεμιναρίων στον χώρο της σχολής και συνήθως στην αίθουσα Αντωνιάδου στον 4ο όροφο: Α44";
}
else if(id==17){
document.getElementById(16).innerHTML = "Το Eudoxus αποτελεί μια ενοποιημένη υπηρεσία συγγραμμάτων που διασυνδέει όλα τα ιδρύματα με τους εκδοτικούς οίκους και με τα διαθέσιμα συγγράμματα. Ο κάθε φοιτητής μπορεί να επιλέξει για κάθε μάθημα που δηλώνει το σύγγραμμα που επιθυμεί από την αντίστοιχη λίστα διαθέσιμων. Η είσοδος γίνεται με τα στοιχεία εισόδου της e-grammateia.";
}
Απεναντίας, θεωρούνται περιεχόμενο και καλό θα ήταν να βρίσκονται μέσα στην HTML (πχ ως title attribute ή κάποιο custom data-* attribute). Θα απλοποιούσε και τον κώδικα σου πολύ κάτι τέτοιο, δεν θα χρειαζόσουν τεράστια ifs.
Επίσης, είναι invalid identifier να ξεκινάει το id με αριθμό, ασχέτως αν οι browsers είναι πιο ανεκτικοί.
Για τα inline event handlers δεν θα πω τίποτα, φαντάζομαι το ξέρεις και απλά δεν είχες χρόνο.
Τέλος, η χρήση CSS transitions θα καθιστούσε περιττό τον κώδικα για τα fade ins/fade outs και υποστηρίζονται πλέον από όλους τους browsers (εκτός IE).
Καλή προσπάθεια το project πάντως
- Το πρόβλημα δημιουργήθηκε όταν ήθελα να αλλάξω το action δυναμικά για να ψάχνει στο google schoolar και στην wikipedia...
