Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

JQuery Autocomplete Ergebnisse aus zwei Tabellen anzeigen

Frage Entwicklung JavaScript

Mitglied: rumbleDom

rumbleDom (Level 1) - Jetzt verbinden

22.03.2013 um 07:43 Uhr, 2153 Aufrufe, 2 Kommentare

Bitte um einen Lösungsansatz für mein Problem.

Ich habe zwei verschiedene Tabellen einer Datenbank, welche ich mittels einem Formularfeld (jQuery Autocomplete) abfragen und nebeneinander als Spalte anzeigen lassen möchte.

Das Ergebniss sollte dann ca. so aussehen:

01.
----------------------------------------- 
02.
| Formularfeld                          | 
03.
----------------------------------------- 
04.
| Ergebnisse        | Ergebnisse        | 
05.
| aus Tabelle 1     | aus Tabelle 2     | 
06.
|                   |                   | 
07.
|                   |                   | 
08.
-----------------------------------------
Leider finde ich nicht wirklich einen möglichen Lösungsweg für den Javascript-Code sowie die CSS-Formatierung. Kann mir hierzu jemand einen Tipp geben, nach was ich recherchieren sollte oder wie man das ggf. lösen könnte?

Gruß, rumble

Mitglied: nxclass
22.03.2013 um 11:04 Uhr
... das ist schon eine sehr spezielle Art einer "Autocomplete" Anzeige - ich glaube nicht das sowas irgendwo in einem Forum mal fix zu finden ist. (ich gehe auch mal davon aus, dass Du schon mal gesucht hast)

An dieser Stelle wirst Du wohl ein eigenes JQuery Plugin bauen müssen - was ja eigentlich auch nicht so schwer sein sollte.

Dein Plugin müsste
  • prüfen ob eine Eingabe erfolgte (onkeypresed)
  • die Daten aus der DB holen
  • ein Div Element mit 2 "Kind" Divs und deren Inhalt anzeigen
  • bei einem click auf eines der Inhalte dieses in das Formularfeld eintragen
Bitte warten ..
Mitglied: Mondragor
18.04.2013, aktualisiert um 15:11 Uhr
Hallo rumble,

ich bin mir nicht sicher, ob ich 100 %ig verstehe, was Du genau erreichen willst.
Es ist ja ersteinmal nicht unwichtig, was dann mit dieser Ausgabe passieren soll, die Du da exemplarisch hingeschrieben hast.
Ein Formularfeld wird mit der JQuery Autocomplete ja nach unten durch ein "div" erweitert, in dem die Ergebnisse aufgelistet sind. Wenn es nun nur darum geht, Ergebnisse aus 2 Tabellen abzubilden, ist das kein Problem, denn die Zuweisung zum Formularfeld sieht ja so aus:
$("input#formularfeld").autocomplete(
{
source: "bezeichnung.php"
});
und was Du in "bezeichnung.php" tust, ist Dir ja überlassen, solang Du einen sauberen JSON String erzeugst...
Es ist nur an der Stelle wichtig, was Du eigentlich vorhast, weil sowas ja im Grunde nur eine Ausgabe in der Auswahl ist.
Der Klick auf eine Zeile würde also beide Spalten dem Formularfeld zuweisen.
Warum also sollen es denn überhaupt 2 Spalten sein? Was ist, wenn Du für die Eingabe aus beiden Tabellen verschieden viele Ergebnisse bekommst? Besteht ein Zusammenhang von den Ergebnissen, die Du aus Tabelle 1 und Tabelle 2 erwartest oder warum willst Du sie ausgerechnet nebeneinander darstellen?
Wenn das nebeneinander gar nicht so wichtig wäre, könnte man nämlich beispielsweise SQL UNION benutzen, um aus 2 Abfragen 1 Ergebnisspalte zu bekommen...
Also was genau hast Du vor?
Bitte warten ..
Neuester Wissensbeitrag
CPU, RAM, Mainboards

Angetestet: PC Engines APU 3a2 im Rack-Gehäuse

(1)

Erfahrungsbericht von ashnod zum Thema CPU, RAM, Mainboards ...

Ähnliche Inhalte
JavaScript
gelöst Externen DIV-Container via jQuery anzeigen (6)

Frage von Akrosh zum Thema JavaScript ...

Windows Server
gelöst Powershell: Alle User anzeigen, die Zugriff auf einen Share haben (3)

Frage von bensonhedges zum Thema Windows Server ...

Outlook & Mail
gelöst Outlook 2013 - Teilnehmer in Termin anzeigen (4)

Frage von xbast1x zum Thema Outlook & Mail ...

Heiß diskutierte Inhalte
Switche und Hubs
Trunk für 2xCisco Switch. Wo liegt der Fehler? (13)

Frage von JayyyH zum Thema Switche und Hubs ...

DSL, VDSL
DSL-Signal bewerten (13)

Frage von SarekHL zum Thema DSL, VDSL ...

Windows Server
Mailserver auf Windows Server 2012 (9)

Frage von StefanT81 zum Thema Windows Server ...