Χριστοφορίδης Ιωάννης Ραφαήλ
Σχεδιασμός πληροφοριακού συστήματος διαχείρισης μητρώου
υλικών
51
4.8 addit.php
Εδώ ο χρήστης μπορεί να προσθέσει κάποιο νέο αντικείμενο στην βάση δεδομένων. Για
πρώτη φορά παρατηρούμε την χρήση του ajax:
<script type="text/javascript">
//<![CDATA[
function showsubs(str){var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("dispenser").innerHTML=xmlhttp.responseText; } }
xmlhttp.open("GET","showsubs.php?sub="+str,true);
xmlhttp.send();}//]]>
</script>
Ο συγκεκριμένος κώδικας εμφανίζει τις υποκατηγορίες της κατηγορίας που θα επιλέξει
ο χρήστης. Αυτό γίνεται σε πραγματικό χρόνο χωρίς να χρειαστεί η επαναφόρτωση της
σελίδας. Ο κώδικας html είναι ο εξής:
<select id="cat" name="cat" onchange="showsubs(this.options[this.selectedIndex].value)" >
Αναλυτικότερα, κάθε φορά που αλλάζει η τιμή του select (onchange) καλεί την
συνάρτηση με παράμετρο την τιμή που επέλεξε ο χρήστης από την dropdown λίστα με τις
κατηγορίες. Αν ο χρήστης δεν επιλέξει κατηγορία, η επιλογή υποκατηγορίας εξαφανίζεται. Ο
χρήστης δεν έχει δικαίωμα να προσθέσει αντικείμενο σε μια κατηγορία αν δεν επιλέξει
υποκατηγορία. Αυτό γίνεται για να εξασφαλιστεί η καλή δομή του συστήματος.