Autocomplete και ενεργεια στην επιλογη

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

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

Απάντηση
Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Geotenia » 18 Αύγ 2011 12:42

Εχω το παρακάτω script για autocomplete

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type='text/javascript' src='js/auto/jquery.autocomplete.pack.js'></script>

<link rel="stylesheet" type="text/css" href="js/auto/jquery.autocomplete.css" />

<script type="text/javascript">

$&#40;&#41;.ready&#40;function&#40;&#41; &#123;


function log&#40;event, data, formatted&#41; &#123;

		$&#40;"<li>"&#41;.html&#40; !data ? "No match!" &#58; "Selected&#58; " + formatted&#41;.appendTo&#40;"#result"&#41;;
	&#125;

	

	function formatItem&#40;row&#41; &#123;

		return row&#91;0&#93; + " &#40;<strong>id&#58; " + row&#91;1&#93; + "</strong>&#41;";

	&#125;

	function formatResult&#40;row&#41; &#123;

		return row&#91;0&#93;.replace&#40;/&#40;<.+?>&#41;/gi, ''&#41;;

	&#125;

	

	

	$&#40;"#s"&#41;.autocomplete&#40;"rpc.php", &#123;

		width&#58; 250,

		selectFirst&#58; false,

		minChars&#58; 2,

		scroll&#58;true,

		scrollHeight&#58; 250

	&#125;&#41;;



	$&#40;"&#58;text, textarea"&#41;.result&#40;log&#41;.next&#40;&#41;.click&#40;function&#40;&#41; &#123;

		$&#40;this&#41;.prev&#40;&#41;.search&#40;&#41;;

	&#125;&#41;;	

	



	$&#40;"#s"&#41;.result&#40;function&#40;event, data, formatted&#41; &#123;



			$&#40;this&#41;.parent&#40;&#41;.next&#40;&#41;.find&#40;"input"&#41;.val&#40;data&#91;1&#93;&#41;;

	&#125;&#41;;



&#125;&#41;;

</script>

</head>

<body>

<div id="content">

     <form name="searchform" method="get" action="">

<input size="20" type="text" name="s"  id="s"   value="" class="inputsearch">	 <br> 

<input type="submit" name="submit" value="submit">

	 </form>

	<h3>Result&#58;</h3> <ol id="result"></ol>

</div>

</body>

</html>
Το εχω βρει απο εδω και το εχω προσαρμοσει.

Το rpc.php είναι το παρακάτω:

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

<?php

include &#40;'mysqli_connect.php'&#41;;

$q = $_GET&#91;"q"&#93;;

if &#40;!$q&#41; return;


if&#40;isset&#40;$q&#41;&#41; &#123;

$queryString = mysql_real_escape_string&#40;$q&#41;;;

		

if&#40;strlen&#40;$queryString&#41; >0&#41; &#123;



$nms = "SELECT * FROM Ergo WHERE Ergo_ID LIKE '$queryString%'";



$nms1 = mysql_query&#40;$nms&#41; or die&#40;mysql_error&#40;&#41;&#41;;

if&#40;$nms1&#41;

&#123;	

	while&#40;$row = mysql_fetch_array&#40;$nms1&#41;&#41;

	&#123;

$row&#91;Ergo_ID&#93; = addslashes&#40;$row&#91;Ergo_ID&#93;&#41;;



$key = stripslashes&#40;$row&#91;Ependyths_ID&#93;&#41;;

$value = stripslashes&#40;$row&#91;Ergo_ID&#93;&#41;;



	echo "$value $key\n";

	&#125;

&#125; else &#123;

	echo 'ERROR&#58; There was a problem with the query.';

&#125;

&#125; 

		&#125; else &#123;

			echo 'There should be no direct access to this script!';

		&#125;

?>
Οταν πάω να συμπληρώσω το autocomplete μου δίνει και τα 2, δηλαδή και Ergo_ID και Ependyths_ID. θέλω να μου εμφανίζει μόνο το ένα. Οποιο επιλέξω εγώ. Πως μπορεί να γίνει αυτο?
Επίσης θέλω όταν κάνω μιά επιλογή να μου δίνει κάποιο αποτέλεσμα απο τη βάση. πχ. τα στοιχεία του επενδυτή με βάση τον κωδικό του. Πως μπορώ να το κάνω αυτό?

Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Christianago » 19 Αύγ 2011 19:02

Πηρα τα scripts αυτουσια, φυσικα αντικατεστησα τα στοιχεια συνδεσης και δε μου κανει καμια λειτουργια. Μηπως εχεις ξεχασει να μας δωσει καποιο κωδικα;
Οπως αυτο;

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

<script type='text/javascript' src='js/auto/jquery.autocomplete.pack.js'></script>
Νομιζω οτι λειπει ο κωδικας επικοινωνιας server με client.
Επίσης θέλω όταν κάνω μιά επιλογή να μου δίνει κάποιο αποτέλεσμα απο τη βάση. πχ. τα στοιχεία του επενδυτή με βάση τον κωδικό του. Πως μπορώ να το κάνω αυτό?
Εννοεις μεσα απο ενα πεδιο αναζητησης να βαζεις εναν κωδικο και να σου εμφανιζει τον αντιστοιχο επενδυτη με τα στοιχεια του;

Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Geotenia » 19 Αύγ 2011 19:27

Εννοώ όταν κατεβαίνει το μενού του autocomplete και επιλέγω έναν επενδυτή τότε να μου δίνει τα στοιχεία του.

Ναι ξέχασα να το ανεβάσω. Εμένα μου δουλεύει μέχρι εκεί. Ωστόσο μπορώ να το ανεβάσω τη Δευτέρα επειδή δε το έχω εδώ. Δεν νομίζω όμως να επηρεάζει αυτό που ζητάω.

Ευχαριστώ πάντως για την απάντηση.

Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Christianago » 19 Αύγ 2011 19:41

Ναι γινεται. Ενας τροπος ειναι να επιλεξεις ολα τα πεδια απο τον/ους πινακα/ες που χρειαζεσαι αντικαθιστωντας το παρακατω query:

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

$nms = "SELECT * FROM Ergo WHERE Ergo_ID LIKE '$queryString%'"; 
Και οταν κανεις κλικ (πχ. σε ενα συνδεσμο) σε ενα Ependyths_ID να σου εμφανιζει τα στοιχεια του. Θα μπορουσες να φορτωσεις τα στοιχεια ολων των επενδυτων σε ενα
κρυφο πινακα και να σου εμφανιζει την γραμμη του πινακα που θες καθε φορα.

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

$&#40;'#Ependyths1'&#41;.toggle&#40;&#41;;
οπου Ependyths1 ειναι πχ. το id μιας γραμμης του πινακα:

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

<tr id="Ependyths1" style="display&#58;none;"><td> ... </td></tr>
Πως γινεται αυτο;

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

<a href="javascript&#58;afunction&#40;&#41;" >Ependyths_1</a> 
Το παραπανω γινεται και με ajax.

Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Geotenia » 19 Αύγ 2011 20:25

Δεν κατάλαβα και πολλά ομολογώ!!!
Πάντως σε ευχαριστώ που ασχολήθηκες

Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Autocomplete και ενεργεια στην επιλογη

Δημοσίευση από Christianago » 19 Αύγ 2011 20:57

Ειναι χωρις autocomplete απλα για να καταλαβεις τη λογικη:

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

function afunction&#40;cellid&#41;&#123;

var rowCount = $&#40;'#details tr'&#41;.length;

for &#40;var i = 0; i < rowCount; i++&#41;&#123;
    
$&#40;'#' + i&#41;.hide&#40;&#41;;    

&#125;

$&#40;'#' + cellid&#41;.toggle&#40;&#41;;    
    
&#125;

</script>

<?php

//include_once&#40;'CONNECTION'&#41;;

$query = mysql_query&#40;"SELECT * FROM TABLE"&#41;;

while &#40;$row = mysqli_fetch_array&#40;$query&#41;&#41;&#123;
    
$cellid = $row&#91;'EPENDYTHS_ID'&#93;;        
    
echo "<table id=details><tr><td><a href=javascript&#58;afunction&#40;$cellid&#41;;>$cellid</td><td id=$cellid style=display&#58;none;>".$row&#91;'STOIXEIA_EPENDYTH'&#93;."</td></tr></table>"; 
    
&#125;

?>

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

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

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