Habe mir Deinen Code ehrlich gesagt nicht im Detail angesehen, kann also auch nicht sagen, wo der Fehler liegt.
Könnte morgen mal drüber schauen, wenns noch interessant ist?
Für mich wäre es noch sehr intressant :$
Beiträge von hunny design
-
-
Kann mir von euch jemand sagen, was ich nun genau Coden muss? ..
Komme hier leider nicht mehr ganz nach
-
Alles anzeigenHey,
ich habe jetzt was erstellt. Ich finde nur es komisch, dass die click-events auf den Links nicht funktioniert.
Die Links sollten doch nach der Ausgabe da sein im DOM?
form.html:
Alles anzeigenHTML- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Ajax Request mit Auswertung der Response</title>
- <script>
- window.onload = function(){
- var searchField = document.getElementById("searchField");
- searchField.addEventListener("keyup", sendChars);
- function sendChars(){
- var searchValue = new FormData(document.querySelector('form[name="searchForm"]'));
- console.log(searchValue);
- var request = new XMLHttpRequest();
- request.addEventListener("load", function(){
- document.getElementById("ausgabe").innerHTML = this.responseText;
- });
- request.open("POST", "form.php", true);
- request.send(searchValue);
- }
- var links = document.getElementsByClassName("productLinks");
- for(var i = 0; i < links.length; i++){
- links[i].addEventListener("click", function(){
- var outputField = document.getElementById("word");
- var linkValue = this.value;
- outputField.setAttribute("value", linkValue);
- });
- }
- }
- </script>
- </head>
- <body>
- <main>
- <form method="post" name="searchForm">
- <label>Search</label>
- <input type="search" name="searching" id="searchField">
- <label>Angeklicktes Wort:</label>
- <input type="text" id="word">
- </form>
- <div id="ausgabe">
- </div>
- </main>
- </body>
- </html>
form.php:
Alles anzeigenPHP- <?php
- if(isset($_POST["searching"])){
- $searchValue = $_POST["searching"];
- try{
- $dbv = new PDO("mysql:host=127.0.0.1;dbname=test;charset=utf8", "root", "");
- $dbv->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
- $searchValue = "%" . $searchValue . "%";
- $stmt = $dbv->prepare("SELECT productName FROM products WHERE productName LIKE :searchValue ");
- $stmt->bindParam(":searchValue", $searchValue);
- $stmt->execute();
- $products = $stmt->fetchAll(PDO::FETCH_ASSOC);
- echo "<ul>";
- foreach ($products as $key => $value) {
- echo "<li><a href='#' class='productLinks' value='". htmlspecialchars($value["productName"]) ."'>" . htmlspecialchars($value["productName"]) . "</a></li>";
- }
- echo "</ul>";
- } catch(EXCEPTION $e){
- echo "Fehler aufgetreten: " . $e->getMessage();
- }
- }
Okey, danke vielmal für dieses Beispiel.
Ich werde es nun versuchen in mein Projekt einzubinden.
Werde mich wenn ich es irgendwie geschafft habe wieder melden.
-
Alles anzeigen
Hey,
dies kannst du mit PHP, JS und Ajax erstellen.
Auf das Inputfeld intialisierst du ein keyup Event. Bei jedem keyup wird ein Request über Ajax zur PHP-Datei ausgeführt. In dieser PHP-Datei überprüfst du dann das gesendete Wort und führst eine DB-Abfrage mit Like durch. Dann werden dir alle Beiträge aus der Datenbank als Response wieder an das andere Script gesendet. Diese Response kannst du dann ausgeben z.b. als Link. Und diesem gibst du dann die Value des Suchwortes mit. Nun intialisierst du auf alle Links das click-Event und fragst die Value des gedrückten Links ab und gibst diesen dann im input feld aus.
Grüße,
Stef
Klingt für mich alles sehr logisch.
Leider habe ich ehrlich gesagt keine Ahnung wie wo was.
Kannst du mir echt dabei helfen oder einen Anfangs-Code erstellen/zeigen?
Wäre dir sehr dankbar.
Danke und Gruss
hunny design
-
Hi Leute,
Ich bin gerade an einem Projekt (mygiftlove) bei welchem man eine eigene Wunschliste erstellen kann.
Ich möchte nun, wenn man bei den Input Feldern etwas eingibt direkt die DB abgefragt wird und bei Ähnlichkeiten direkt unterhalb des Input Feldes das Ganze angezeigt wird.
Danach kann man diese "Vorschläge" auswählen und diese werden direkt ins Input Feld übertragen.
Ich denke mal mit JS und Ajax sollte dies möglich sein?
Kann mir da jemand helfen?
Habe ehrlich gesagt noch gar keinen Plan wie wo was zu machen ist.
Bin für jede Hilfestellung dankbar.
Danke und Gruss
hunny design
-
Alles anzeigen
Ich erkenne die Mühe, die Du Dir gemacht hast, muss aber dennoch fragen: Was ist für mich der Vorteil bei Dir eine Wunschliste zu erstellen, die ich mir in jedem Portal per Klick zusammenstellen kann?
Interessanter würde ich es finden, wenn Deine Wunschliste übergreifend ist.
Wenn man anhand von URLs Artikel und evtl. auch ein Bild zufügen kann.
Dann könnte man das als allgemeine Wunschliste über mehrere Portale, wie Amazon, eBay, oder auch Online-Shops nutzen.
Das hätte aus meiner Sicht mehr Potential, als eine Liste, die ich mit etwas Text selbst tippern muss.
EDIT: Deine Social-Links solltest Du mit einem target="_blank" versehen.
Es sei denn, Du willst, dass die Leute die Hauptseite verlassen?
Hi
Danke für deine Antwort.
Bei der Wunschliste würde ich sehr gerne meine DB-Tabelle als Vorschläge in einem Suggest machen leider bin ich da etwas überfordert.
Wenn mir da jemand helfen könnte oder Tutorials etc. zeigen könnte wäre ich froh!
Ja, hab ich vergessen.
-
Hey Leute,
Gibts es noch andere Meinungen etc.?
Habe nun einen Testaccount eingerichtet.
E-Mail: test@test.ch
Passwort: test
Bitte um weitere Meinungen!
-
Ohne den Quellcode zu kennen dürfte das schwer werden.
Und nein, ich werde mich nicht registrieren, um mir deine Seite genauer anzusehen.
Habs gerade herausgefunden an was es gelegen hat.
Leider hab ich da keine Testdaten für euch ist natürlich auf freiwilliger Basis!
-
Alles anzeigen
Hey,
die Seite sieht super aus. Top. Sehr gut gemacht.
Ein Fehler liegt, welcher mir aufgefallen ist, noch vor. Es ist ein UTF-8 Problem auf der Geschenkideenseite. Wenn man auf eine Geschenkidee klickt und sich das Modal öffnet dann kommen lauter ?.
Hast du den Testdaten fürs Login ?
Grüße,
Stef
Hi Stef,
Vielen Dank für dein Feedback.
Ja dies mit dem UTF-8 weiss ich bereits. Leider verstehe ich nicht ganz wieso dies so ist ...
Hoffe jemand kann da etwas dazu sagen?
Testdaten gibts nicht.
Kannst dich einfach registrieren und dann bist du auch dabei
Grüsse
hunny design
-
Hi zusammen,
Ich würde euch gern ein kleines Projekt von mir vorstellen.
Es handelt sich dabei um ein Online Wunschliste, Geschenkideen, Blog etc.
Mich würde eure ehrliche Meinung intressieren egal ob zu Layout, Design oder auch Inhalt.
Habe dieses Projekt gestartet um im Bereich Web einiges dazu zu lernen.
Link zu meinem kleinen Projekt: mygiftlove
-
Bei mir wird die ganze Seite neugeladen und nicht nur ein Teil..
Aber vielen Dank für den Tipp!
-
Hi,
Gerne würde ich nach einem Reload die aktuelle Scrollposition behalten.
Leider habe ich noch gar keine Ahnung wie dies realisierbar sein soll?
Kann mir da jemand helfen?
Danke und Gruss
-
Lies dir mal diesen Artikel durch, so kann man ebenfalls eine gute Struktur in ein Projekt bringen.
-
Hi,
Gibt es hier jemand der gerne ein Logo für mich designen möchte?
Nichts weltbewegendes jedoch bin ich dafür nicht geeignet..
Wär interessiert ist und mehr Details erfahren möchte, kann sich gerne per Nachricht bei mir melden.
Danke und Gruss
hunny design
-
Hierarchisch nach Funktionen etc.
Würde auch direkt die SEO mit einbeziehen da die URL (eventuell mit Pfad zu Template etc.) wichtig ist.
Ansonsten stark nach Projekt abhängig usw.
-
Einfach eine "normale" Tabelle?
Vorname Nachname Email Alter Max Muster maxmuster@email.de 30 Erika Mustemann erikam@gmx.net 50 Die Daten sind als Profil-Daten gedacht.. also sind für den User ersichtlich.
Gibt es da nicht eine "ansprechendere" Darstellung Idee?
-
Alles anzeigenWas meinst du den damit?
Wie hast du es den gemacht?
Was für User daten sind das den ?
1 Spalte =Namen
2 Spalte = Nachnamen
3.Spalte= Adresse
u.s.w
Oder wie und was hast du vor/gemacht.
Man müsste erst wissen welche Daten ausgegeben werden und wie viele ca. Dann kann man sich die besten gedanken ums Layout machen.
Tut mir leid hab ich vollkommen vergessen.
Der Aufbau ist mit einer Tabelle wie folgt:
Spalte 1 Spalte 2
Vorname Max
Nachname Muster
E-Mail test.test@test.test
Alter 30
Code 323233
Nun finde ich dies nicht sonderlich schön habe aber auch keine Ideen wie ich das cool und ansprechend gestalten könnte..
-
Hi,
Brauche mal wieder einen Gedankenanstoss von jemandem!
Ich habe User-Daten, welche ich auf einer Seite anzeigen möchte.
Nun habe ich dies mit einer Tabelle erledigt. Leider passt dies so gar nicht.
Was für coole Ideen/Möglichkeiten kennt Ihr um dies ansprechend umzusetzen?
Danke und Gruss
-
Alles anzeigen
Hey,
habe einfach mal den ganzen Code kopiert. Es funktioniert.
Du siehst doch, das in der class des div-blocks der Bildtyp steht. Ebenso steht in den Auswahlkriterien diese Bildtypen als data-filter. Dann fragt der nach dem Klick auf eine der Buttons den Wert vom Attribut data-filter ab. Nun hat er in dieser Variable den Wert, also den Bildtyp welcher angezeigt werden soll. Wenn nun value gleich all ist sollen alle Bilder ausgegeben werden, daher wird auch nichts aus der Auswahl entfernt. Nur wenn die value nicht gleich all ist dann entfernt er die Elemente die übereinstimmen und zeigt dann die Bilder an, die mit der Auswahl übereinstimmen.Siehe auch: http://api.jquery.com/not/ und http://api.jquery.com/filter/
Ach wie dumm von mir...
Hab jquery erst im Footer eingebunden gehabt.
Danke jedenfalls für deine Hilfe!
-
Kann mir jemand helfen?
Habe mein Ansatz von dieser Seite hier -> bootstrap gallery
Leider funktioniert es wie oben bereits erwähnt nicht so.
Weiss jemand wieso?
Wäre um jede Hilfe dankbar..