Εμφάνιση αποτλεσμάτων από φόρμα

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 11 Ιαν 2012 10:02

Γεια σας!

Θα ήθελα να με βοηθήσετε στο εξής θέμα...

Έχω φτιάξει μια πολύ απλή ιστοσελίδα σε τοπικό δίκτυο, η οποία απλά εμφανίζει κάποιους πίνακες δεδομένων...
Μέσα στην ιστοσελίδα έχω μια φόρμα εισαγωγής στοιχείων(τύπου "Όνομα" Και "Επίθετο") η οποία είναι συδεδεμένη με κάποιον από τους πίνακες...

Η απορία μου είναι η εξής!
Πως μπορώ να παραμετροποιήσω την φόρμα, έτσι ώστε να υπάρχει αντιστοιχία των δεδομένων που εισάγονται με τα στοιχεία του πίνακα?

(π.χ. Να μου εμφανίζει στοιχεία του Ονόματος που εισάγω στην φόρμα)

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 11 Ιαν 2012 13:31

Καλημέρα,
Αν θες δώσε λίγες ακόμα πληροφορίες, μία επεξήγηση.

amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 11 Ιαν 2012 13:35

Κάτι σαν αναζήτηση... Βάζεις στην Φόρμα τα στοιχεία σου(Όνομα και Επίθετο) και σου βγάζει τα αποτελέσματα που σου αντιστοιχούν...

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 11 Ιαν 2012 13:59

Δες αυτό και αν δε σου κάνει πες μου.

http://www.w3schools.com/ajax/ajax_database.asp

EDIT: και σε PHP θα το βρεις εδώ:

http://www.w3schools.com/php/php_ajax_database.asp

Φυσικά αντί για Options μπορείς να έχεις το δικό σου Input...

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 11 Ιαν 2012 14:17

Βασικά, τώρα είδα ότι έχεις γράψει στον τομέα HTML. :hammer:
Υποθέτω ότι κατά λάθος έγραψες εδώ. Εφόσον μιλάς για πίνακες θα χρησιμοποιείς PHP, ASP ή κάτι άλλο τέλος πάντων και όχι μόνο HTML...

amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 12 Ιαν 2012 11:15

Αυτό που μου παραθέτεις κάνει για αυτό?

<form name="input" action="http://localhost/proswpika_stoixeia.php" method="get">
Όνομα: <input type="text" name="firstname" /><br/>
Επώνυμο: <input type="text" name="lastname" /><br/>
<input type="submit" value="Go" />
</form>

Με την κατάλληλη τροποποιήση στο PHP βέβαια... :)

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 12 Ιαν 2012 12:47

Λοιπόν,
τα παρακάτω τα γράφω αναφορικά με τον παραπάνω σύνδεσμο που σου έδωσα.
Όσον αφορά πρώτα το αρχείο HTML η φόρμα σου γίνεται ως εξής:

Κώδικας: Επιλογή όλων

<form>
Όνομα&#58; <input type="text" name="firstname" id="firstname" /><br/> 
Επώνυμο&#58; <input type="text" name="lastname" id="lastname" /><br/> 
<input type="button" value="Go" onclick="showUser&#40;&#41;;"/> 
</form>
<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
Παρατήρησε ότι το submit έγινε button που καλεί τη JavaScript function showUser(). Επίσης προσθέτουμε id στα inputs για να μπορέσουμε με JS να τραβήξουμε τις τιμές.

Το παρακάτω:

Κώδικας: Επιλογή όλων

function showUser&#40;str&#41;
&#123;
if &#40;str==""&#41;
  &#123;
αλλάζει ως εξής:

Κώδικας: Επιλογή όλων

	function showUser&#40;name,surname&#41;	&#123;
	//Get variables from fields
	var name = document.getElementById&#40;"firstname"&#41;.value;
	var surname = document.getElementById&#40;"lastname"&#41;.value;
	
	if &#40;name=="" && surname==""&#41;
	  &#123;
Αυτό γιατί έχουμε 2 μεταβλητές και πρέπει να πάρουμε τα δεδομένα που έχουν.

Επιπλέον, εφόσον τώρα στέλνουμε 2 μεταβλητές στο αρχείο getusers.php, πρέπει να αλλάξουμε την παρακάτω γραμμή:

Κώδικας: Επιλογή όλων

xmlhttp.open&#40;"GET","getuser.php?q="+str,true&#41;;
ως εξής:

Κώδικας: Επιλογή όλων

xmlhttp.open&#40;"GET","getuser.php?firstname="+name+"&lastname="+surname,true&#41;;
Ωραία, τώρα σχετικά με το αρχείο PHP που στέλνουμε τις μεταβλητές.
Οι μεταβλητές μας έχουν αλλάξει, κι έτσι αντί για την q παίρνουμε τις παρακάτω:

Κώδικας: Επιλογή όλων

<?php
//Get vars
$firstname=$_REQUEST&#91;"firstname"&#93;;
$lastname=$_REQUEST&#91;"lastname"&#93;;
Κάνεις τη σύνδεση με τη βάση σου...

Στο query ψάχνεις 2 μεταβλητές, άρα αλλάζει ως εξής:

Κώδικας: Επιλογή όλων

$sql="SELECT * FROM products WHERE onoma = '$firstname' AND epwnymo = '$lastname'";
Αντί για AND μπορείς να βάλεις OR, αν ψάχνεις είτε το όνομα, είτε το επώνυμο.

Και τα echo:

Κώδικας: Επιλογή όλων

echo "<table border='1'>
<tr>
<th>Όνομα</th>
<th>Επώνυμο</th>
<th>Κωδικός Πελάτη</th>
<th>Διεύθυνση</th>
<th>Υπόλοιπο Πελάτη</th>
</tr>";

while&#40;$row = mysql_fetch_array&#40;$result&#41;&#41;
  &#123;
  echo "<tr>";
  echo "<td>" . $row&#91;'name'&#93; . "</td>";
  echo "<td>" . $row&#91;'surname'&#93; . "</td>";
  echo "<td>" . $row&#91;'code'&#93; . "</td>";
  echo "<td>" . $row&#91;'address'&#93; . "</td>";
  echo "<td>" . $row&#91;'debt'&#93; . "</td>";
  echo "</tr>";
  &#125;
echo "</table>";
Ίσως να υπάρχει και πιο απλός τρόπος, αυτόν όμως ξέρω, αυτόν σου λέω.
Επισυνάπτω και ένα παράδειγμα...
Συνημμένα
Ajax_search.rar
Ολοκληρωμένο Παράδειγμα
(1.46 KiB) Μεταφορτώθηκε 268 φορές

amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 13 Ιαν 2012 09:49

Μπερδεύτηκα!
Πες μου, ποια και ποια βάζω μαζί και σε τι αρχείο...!

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 13 Ιαν 2012 15:06

Όσα σου έχω γράψει είναι αναφορικά με τη σελίδα: http://www.w3schools.com/php/php_ajax_database.asp.
Αυτό σημαίνει ότι βλέπεις τι είναι γραμμένο σε αυτή τη σελίδα και εγώ σου δείχνω τι να αλλάξεις. Αυτό σε περίπτωση που θες να μάθεις κάτι...
Όμως, σε περίπτωση που βαριέσαι να το κάνεις, στο έδωσα έτοιμο!
Κατέβασε το παράδειγμα που έχω επισυνάψει και τροποποίησέ το. Είναι τόσο απλό... Πού μπερδεύτηκες εσύ;

Όταν τελειώσεις, κάνε edit το πρώτο σου post και πρόσθεσε ένα [solved] στην αρχή του θέματος.

amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 16 Ιαν 2012 09:52

Χρησιμοποιώ το αρχείο που μου έχεις δώσει αλλά δεν μπορώ να το αποθηκεύσω με τις τροποποιήσεις που κάνω, γιατί μου βγάζει κάποιο σφάλμα λόγω κωδικοποιήσεων...

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 16 Ιαν 2012 17:09

Τι κωδικοποιήσεις; Γίνε πιο ακριβής...
Αν θες δώσε μέρος του κώδικά σου για να καταλάβω. Έτσι γενικά, δε μπορώ να βοηθήσω.
Καλό θα ήταν βέβαια να διαβάσεις και λίγο αυτά:
http://www.freestuff.gr/forums/viewtopic.php?t=52609

Τα αρχεία που σου έδωσα είναι UTF 8 χωρίς BOM.
Φρόντισε η βάση σου να είναι utf8_general_ci και δε θα έχεις κανένα πρόβλημα.

Σου προτείνω παρόλα αυτά να πάρεις σαν βάση τα αρχεία που σου έδωσα και εκεί μέσα να περάσεις τον κώδικά σου.

Καλό θα ήταν να χρησιμοποιήσεις το Notepad ++ (θα το βρεις free στο διαδίκτυο) ή κάποιο παρεμφερές για την επεξεργασία των αρχείων.

amoramor
Δημοσιεύσεις: 8
Εγγραφή: 21 Δεκ 2011 11:56

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από amoramor » 24 Ιαν 2012 11:31

Το έλυσα το θέμα της κωδικοποίησης ;)

Θέλω όμως τα αποτελέσματα που θα προκύπτουν να είναι από πολλούς πίνακες, οι οποίοι είναι συνδεδεμένοι μεταξύ τους... :/

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

Εμφάνιση αποτλεσμάτων από φόρμα

Δημοσίευση από charavge » 31 Ιαν 2012 01:29

Υποθέτω ότι ψάχνεις την εντολή join.
Θα βρεις πολλά παραδείγματα εδώ:
http://www.google.gr/cse?cx=partner-pub ... sql%20join

Ίσως χρειαστεί να δουλέψεις πρώτα ένα πολύ απλό παράδειγμα για να το καταλάβεις και μετά να εργαστείς επάνω σε αυτό που έχεις ήδη φτιάξει.

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης