✔ Brauche Tipps zu dieser Funktion

J

JamesT

Erfahrenes Mitglied
Hallo Tutorials user. :-)

ich habe folgende Frage, und hoffe dies ist das richtige Forum.

Ich habe in meiner Datenbank ein Feld "Modell" in das ich sachen eintrage, die dann in eine Datenbank gespeichert werden. Nun möchte ich aber das während des Eintragens schon die bereits in der Datenbank befindlichen einträge angezeigt werden, so das ich beispielsweise nur noch draufklicken muss, und der jeweilige eintrag steht in meinem formularfeld.

Ich habe mal einen screenshot beigefügt. Kennt jemand ein solches Script, kann mir evtl. Tutorials quellen nennen, oder erstmal wie man ein solches script überhaupt nennt.

Das Problem war nämlich auch das ich hier im Forum und bei google nicht so recht wusste wonach ich suchen sollte.

Vielen Dank im voraus.

Jamest
 

Anhänge

  • 26891attachment.jpg
    26891attachment.jpg
    9,4 KB · Aufrufe: 6
Hallo!

Ich denke mal dass das eine Sache für "Ajax" ist.
PHP alleine kann das jedenfalls nicht realisieren.

Gruss Dr Dau
 
Also ich weiss das es bei diesem Script mit Javascript gemacht ist.

Ich habe ja auch den Quellcode (php), und das dazugehörige js file.

Allerdings komme ich damit nicht ganz klar. Deswegen dachte ich
es gibt dafür schon tutorials oder ähnliches, die die Funktion im
allgemeinen ein wenig erklären, und man das ganze etwas leichter machen.

Wie nennt man sowas denn eigentlich? :-)

Danke, Jamest

BTW: Hab gerade gesehen, http://www.curse-gaming.com nutzt das auch in seinem suchfeld.
 
Ich habe mich mit Ajax noch nicht befasst (und werde es auch nie tun), aber damit es funktioniert muss JavaScript aktiviert sein.
Scheint also sowas wie ein "erweitertes" JavaScript zu sein.
Im übrigen nutzt auch tutorials.de diese Technik..... wenn Du auf die erweiterte Suche gehst und beim Benutzernamen die Anfangsbuchstaben eingibst, dann erscheint eine Auswahl mit möglichen Benutzernamen. ;)
Wenn Du Dir obigen Link durchlist, wirst Du feststellen dass "Ajax" der richtige Suchbegriff sein dürfte.
In der JavaScript Ecke sowie mit Google wirst Du sicherlich einiges an Infos finden.
 
Ok,

dann vielen Dank schonmal für die Info, ich hoffe jedoch, das noch jemand anderen diesen
Thread findet, der etwas ähnliches evtl. schonmal genutzt hat, und vielleicht auch einen Link
für mich in der Hinterhand hat. :-)

Gruß

Jamest
 
Solch eine Funktion wird auch automatische Vervollständigung (engl. auto-complete) genannt. Fertige Skripte dafür gibt es reichlich.
 
Genau das war das Stichwort. "Auto completion"

Damit hab ich gefunden was ich brauchte. hier eine kurze erklärung falls mal jemand sowas sucht und diesen Thread findet. :-)

Hier die Datei mit dem Formularfeld:

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Autocomplete demonstration</title>
	
	<script type="text/javascript" src="javascripts/prototype.js"></script>
	<script type="text/javascript" src="javascripts/effects.js"></script>
	<script type="text/javascript" src="javascripts/controls.js"></script>
	
	<style>
	body {font-family: verdana; arial, sans-serif; font-size: 12px; }
	#search, ul { padding: 3px; width: 150px; border: 1px solid #999; font-family: verdana; arial, sans-serif; font-size: 12px;}
	ul { list-style-type: none; font-family: verdana; arial, sans-serif; font-size: 12px;  margin: 5px 0 0 0}
	li { margin: 0 0 5px 0; cursor: default; color: red;}
	li:hover { background: #ffc; }
	</style>
	
	
</head>

<body>
	<div>
		<label>Type here</label> <input type="text" id="search" name="search" />
	</div>
	
	<div id="hint"></div>
	
	<script type="text/javascript">	
		new Ajax.Autocompleter("search","hint","server.php");
	</script>

</body>
</html>

Und hier die Datei welche den Zugriff auf die DB macht:

PHP: 
<?php

// Change the following to suit your own installation:

	$host = "localhost";
	$database = "";
	$user = "";
	$password = "";

// You don't have touch a thing from here on unless you really want to:

	mysql_connect($host,$user,$password);
	mysql_select_db($database);

	$sql = "SELECT title FROM autocomplete_demo WHERE title LIKE '%" . $_POST['search'] . "%'";
	$rs = mysql_query($sql);
	
?>

<ul>

<? while($data = mysql_fetch_assoc($rs)) { ?>
  <li><? echo stripslashes($data['title']);?></li>
<? } ?>

</ul>

Dann braucht ihr noch die JS dateien, diese habe ich im anhang angefügt.

Viel Spaß

Jamest.

BTW: Thema ist erledigt
 

Anhänge

Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück