Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 10:14

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



Jacascript Ajax Dropdown Menu

Discussion on Jacascript Ajax Dropdown Menu within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
elite*gold: 0
Join Date: Sep 2013
Posts: 12
Received Thanks: 3
Jacascript Ajax Dropdown Menu

Hey,

ich programmiere momentan ein Drop Down Menü, welches von einander abhängig ist, jedoch schaffe ich es nicht die Menüs mit Hilfe von der Datenbank zu füllen. Ich suche schon seid Tagen nach einer Lösung und versuche auch Ajax anzuwenden jedoch funktioniert nichts.

Nun bin ich am grad des Verzweifelns und suche umso dringender Hilfe.
Beispiel:


Momentan sieht mein Programm so aus(ohne php, bevor Problem auftauchte),


Bitte wirklich um dringende Hilfe, notfalls bezahle ich auch.

LG
SanSanICF is offline  
Old 06/22/2015, 15:21   #2
 
MrDami123's Avatar
 
elite*gold: 56
Join Date: Oct 2010
Posts: 3,409
Received Thanks: 1,219
Versuch es mal mit jQuery um das ganze etwas übersichtlicher zu gestalten.

Hast du dir den Ajax-Request vom Tutorial angeschaut?
Code:
http://www.plus2net.com/php_tutorial/ajax-dd3ck.php?country=&state=&city=&id=0.8539794085081667
Country, State und City werden dem Request jeweils bei Auswahl hinzugefügt und gesendet.
D.h. du musst jeweils eine Funktion in JS(Frontend) und PHP(Backend) schreiben, die die Auswahl erkennt und die jeweiligen Werte zurückgibt.

Beispiel
Javascript: Wenn Land ausgewählt wird, sende Ajax-Request an Server mit dem jeweiligen ausgewählten Land als Parameter. website.com/ajax.php?land=Deutschland
PHP: Der Server empfängt nun den Ajax-Request mit dem Parameter Land=Deutschland und checkt die Datenbank nach allen eingetragenen Bundesländer und sendet diese in einer Liste zurück.
Javascript: Empfängt vom Server eine Liste von allen Bundesländern die Deutschland hat und stellt diese in der zweiten Auswahlbox zum auswählen zur Verfügung.

Nun wiederholt sich das ganze nochmals mit dem zusätzlichen Parameter des ausgewählten Bundeslandes und gibt dort alle vorhanden Städte zurück.

Selbstverständlich wäre es einfacher das ganze ohne Ajax zu machen und einfach alle Werte in der HTML Datei oder in einer dict im JS Code zur Verfügung zu stellen. Oder als eine Zwischenvariante falls sich die Werte oft ändern eine PHP-Funktion schreiben, die alle Werte aus der Datenbank zurückgibt und die bei Seitenaufruf per Ajax laden.
MrDami123 is offline  
Old 06/22/2015, 15:26   #3
 
elite*gold: 0
Join Date: Sep 2013
Posts: 12
Received Thanks: 3
Quote:
Originally Posted by MrDami123 View Post
Versuch es mal mit jQuery um das ganze etwas übersichtlicher zu gestalten.

Hast du dir den Ajax-Request vom Tutorial angeschaut?
Code:
http://www.plus2net.com/php_tutorial/ajax-dd3ck.php?country=&state=&city=&id=0.8539794085081667
Country, State und City werden dem Request jeweils bei Auswahl hinzugefügt und gesendet.
D.h. du musst jeweils eine Funktion in JS(Frontend) und PHP(Backend) schreiben, die die Auswahl erkennt und die jeweiligen Werte zurückgibt.

Beispiel
Javascript: Wenn Land ausgewählt wird, sende Ajax-Request an Server mit dem jeweiligen ausgewählten Land als Parameter. website.com/ajax.php?land=Deutschland
PHP: Der Server empfängt nun den Ajax-Request mit dem Parameter Land=Deutschland und checkt die Datenbank nach allen eingetragenen Bundesländer und sendet diese in einer Liste zurück.
Javascript: Empfängt vom Server eine Liste von allen Bundesländern die Deutschland hat und stellt diese in der zweiten Auswahlbox zum auswählen zur Verfügung.

Nun wiederholt sich das ganze nochmals mit dem zusätzlichen Parameter des ausgewählten Bundeslandes und gibt dort alle vorhanden Städte zurück.

Selbstverständlich wäre es einfacher das ganze ohne Ajax zu machen und einfach alle Werte in der HTML Datei oder in einer dict im JS Code zur Verfügung zu stellen.
Erstmal danke für die Antwort, ich würde alles auch in html etc machen, jedoch werden zich dropdowns geplant, und das wäre unheimlich viel schreibarbeit, ergo alles aus datenbank.

Wie das mit Ajax funktioniert weiß ich mittlerweile schon, jedoch habe ich keine Ahnung wie ich dies in meinem Quellcode verwirklichen soll.
SanSanICF is offline  
Old 06/22/2015, 15:39   #4
 
MrDami123's Avatar
 
elite*gold: 56
Join Date: Oct 2010
Posts: 3,409
Received Thanks: 1,219
Quote:
Originally Posted by SanSanICF View Post
Wie das mit Ajax funktioniert weiß ich mittlerweile schon, jedoch habe ich keine Ahnung wie ich dies in meinem Quellcode verwirklichen soll.
Lese dir nochmals mein Beispiel durch. Du könntest (solltest) für die Ajax-Anfragen jQuery Ajax verweden.
MrDami123 is offline  
Old 06/22/2015, 15:41   #5
 
elite*gold: 0
Join Date: Sep 2013
Posts: 12
Received Thanks: 3
Quote:
Originally Posted by MrDami123 View Post
Versuch es mal mit jQuery um das ganze etwas übersichtlicher zu gestalten.

Hast du dir den Ajax-Request vom Tutorial angeschaut?
Code:
http://www.plus2net.com/php_tutorial/ajax-dd3ck.php?country=&state=&city=&id=0.8539794085081667
Country, State und City werden dem Request jeweils bei Auswahl hinzugefügt und gesendet.
D.h. du musst jeweils eine Funktion in JS(Frontend) und PHP(Backend) schreiben, die die Auswahl erkennt und die jeweiligen Werte zurückgibt.

Beispiel
Javascript: Wenn Land ausgewählt wird, sende Ajax-Request an Server mit dem jeweiligen ausgewählten Land als Parameter. website.com/ajax.php?land=Deutschland
PHP: Der Server empfängt nun den Ajax-Request mit dem Parameter Land=Deutschland und checkt die Datenbank nach allen eingetragenen Bundesländer und sendet diese in einer Liste zurück.
Javascript: Empfängt vom Server eine Liste von allen Bundesländern die Deutschland hat und stellt diese in der zweiten Auswahlbox zum auswählen zur Verfügung.

Nun wiederholt sich das ganze nochmals mit dem zusätzlichen Parameter des ausgewählten Bundeslandes und gibt dort alle vorhanden Städte zurück.

Selbstverständlich wäre es einfacher das ganze ohne Ajax zu machen und einfach alle Werte in der HTML Datei oder in einer dict im JS Code zur Verfügung zu stellen. Oder als eine Zwischenvariante falls sich die Werte oft ändern eine PHP-Funktion schreiben, die alle Werte aus der Datenbank zurückgibt und die bei Seitenaufruf per Ajax laden.
Quote:
Originally Posted by MrDami123 View Post
Lese dir nochmals mein Beispiel durch. Du könntest (solltest) für die Ajax-Anfragen jQuery Ajax verweden.
ja danke ich weiß, nur wie gesagt habe ich beim verwirklichen von diesem, mit jQuery ajax nur probleme bekommen.. :/

habe mir viele Video angeguckt, jedoch funktioniert es bei mir einfach nicht
SanSanICF is offline  
Old 06/22/2015, 15:46   #6
 
MrDami123's Avatar
 
elite*gold: 56
Join Date: Oct 2010
Posts: 3,409
Received Thanks: 1,219
Quote:
Originally Posted by SanSanICF View Post
ja danke ich weiß, nur wie gesagt habe ich beim verwirklichen von diesem, mit jQuery ajax nur probleme bekommen.. :/

habe mir viele Video angeguckt, jedoch funktioniert es bei mir einfach nicht
Tja ich kann dir versichern das ich auch die ein oder andere lange Nacht benötigt hab bis ich das ganze verstanden und anwenden konnte.

Try. Fail. Repeat.
MrDami123 is offline  
Thanks
1 User
Reply


Similar Threads Similar Threads
Matrix über Dropdown Menu
02/04/2015 - .NET Languages - 2 Replies
Hallo, habe für die Uni ein Projekt zuerstellen. Dabei soll ich einen MatrixRechner mit ansehnlicher GUI erstellen. Nun war meine Idee, über ein Dropdown-Menü diese zuerstellen, sprich ich wähle 3x3 aus im Menu und die Gui erstellt darauf hin eine 3x3 Matrix. Dies muss laut Vorgaben von 1x1 - 6x6 funktionieren. Die GUI habe ich auch bereits erstellt doch wie gebe ich jetzt dem Menu seine Funktionen / mache die Matrix, welche ausfüllbar sein muss sichtbar? LG und Danke im Voraus für...
IE.au3 Dropdown menu and submit
07/09/2014 - AutoIt - 0 Replies
Okay so I'm still pretty new with Autoit. I recently decided to mess around with the IE.au3 UDF. I'm stumped. Currently I've been able to create a new browser and navigate to a webpage. I also figured out how to attach my script to an existing IE browser. What I'm currently stumped on is I can't figure out how to select a dropdown menu. On a website I'm on there is a dropdown menu. You click it and all the options pop down (typical menu). I want to be able to select a certain item from...
[S] Hilfe für Dropdown-Menu
05/06/2013 - Web Development - 4 Replies
Hay, Ich suche eine Personen sie sich gut mit CSS3 und Dropdown menu's auskennen. Die auch so nett sein würde und mir ein CSS-Dropdown menu coden würde. Bitte behaltet eure Tutorials für euch ich habe schon einige ausprobiert, jedoch bekomme ich es nicht so hin wie ich es möchte. Ich bekomme es nur hin das alles Verbuggt und verschoben aussieht. Hierbei handelt es sich nur um rein den CCS code der geschrieben werden
[Suche] Hilfe für ein DropDown-Menu
01/18/2013 - Web Development - 5 Replies
Hey, Ich komme nicht mehr weiter ich versuche seit stunden ein ordentliches DropDown Menu zu erstellen jedoch schaffe ich nicht mehr als das hässliche ding hier. Würde einer so nett sein und mir helfen ? ist mein erster versuch und bitte keine links zu iwelchen seiten für DropDown Menus aus den seiten werde ich auch nicht schlauer als ich jetzt schon bin.
[Ajax] Menu, Untermenü etc.
12/05/2007 - General Coding - 3 Replies
Moinsen, jemand fragte mich ob ich ein Menü wie auf der Seite SAP Deutschland hinbekommte und ich neinte ab. Meine Frage ist nun ob solch ein Menü mit Ajax gemacht wird, und ob mir jemand vllt nen kleinen anstoß geben könnte. ty



All times are GMT +2. The time now is 10:14.


Powered by vBulletin®
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2024 elitepvpers All Rights Reserved.