background image

Χριστοφορίδης Ιωάννης Ραφαήλ 

Σχεδιασμός πληροφοριακού συστήματος διαχείρισης μητρώου 

υλικών 

 

 

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  λίστα  με  τις 
κατηγορίες.  Αν  ο  χρήστης  δεν  επιλέξει  κατηγορία,  η  επιλογή  υποκατηγορίας  εξαφανίζεται.  Ο 
χρήστης  δεν  έχει  δικαίωμα  να  προσθέσει  αντικείμενο  σε  μια  κατηγορία  αν  δεν  επιλέξει 
υποκατηγορία. Αυτό γίνεται για να εξασφαλιστεί η καλή δομή του συστήματος.