Sorry. Habe dein post 16 gar nicht gesehen das du das da geschickt hast.
Ich schaue da mal rein
Beiträge von basti1012
-
-
Hier sind mittlerweile schon reichlich Codeschnipsel womit du es vielleicht hinbekommen könntest.
Ich habe auch schon ein funktionierendes Beispiel erstellt , doch wenn ich dir das Zeige wirst du sicherlich einfach Copy Paste machen.
Das bringt dann auch nichts , weil du im PHP Script auch was ändern musst.
Nach den PHP Skript habe ich auch schon paar mal gefragt, damit wir da mal gucken können, ob das auch so einfach anzupassen ist.
-
ich will das die unter Kategorien Slideshow usw. Genau so funzen
Was für nee Kategorien?
Dein Dropdown erkennt man erstens gar nicht als Menü.
Deine Links in den Dropdown Menü verlinken/verweisen auf gar nichts.
Im Dropdown Quelltext finde ich auch keine weiteren Links die man überhaupt weiter öffnen könnte.
Dein HTML Code ist Teilweise veraltet.
-
Das winzigste, was ich sehe, ist das Minuszeichen vor der 40, da muss ein Leerzeichen vor .
Also so
Codefont-size: calc(40px + (70 - 40) * ((100vw - 320px) / (1900 - 320)));Wenn das noch nicht reichte, dann gebe uns mal dein Link zu Seite, vielleicht ist das Problem woanders zu suchen.
Kann ja sein das ein andere font-size Wert das sofort wieder überschreibt
-
Oder gleich auf Ajax umstellen, dann aktualisiert er das ohne Seiten-Reload.
Jetzt hast du alles in eine Datei (Affenformular), oder?
Wie Stef schon sagte, hast du wahrscheinlich die rein folge falsch,
-
Das mit den Bildern vorladen habe ich hinbekommen und sieht ganz gut aus.
Richtig würde man das erst sehen wenn die Bilder sehr groß wären.
Habe jetzt Stundenlang versucht das mit der fetch API zumachen ,und endlich mal ein Ergebnis bekommen was klappt.
Glaube aber das da irgendwas falsch ist , weil habe sicherlich 20 verschiedene Möglichkeiten im Netz ausprobiert und keine hat richtig funktioniert.
Mein AJAX Jquery sag vorher so aus.
JavaScript
Alles anzeigen$.ajax({ type: "POST", data: { wohin: d.id }, url: "dein-php-script.php", success: function(data) { var response = JSON.parse(data); for (let i = 0; i < 9; i++){ document.getElementById('blick_feld' + (i + 1)) .innerHTML = '<img alt="'+i+'" src="images/' + response[i].gr + '_' + response[i].x + '.png" data-text="'+ response[i].hell + '">'; } } })Mit der fetch habe ich nur diese Version zum Laufen bekommnen.
JavaScript
Alles anzeigenconst params = { wohin: d.id, test: 'irgendein teststring' }; const options = { method: 'POST', body: JSON.stringify( params ) }; fetch( 'dein-php-script.php', options ) .then( response => response.json() ) .then( response => { for (let i = 0; i < 9; i++){ document.getElementById('blick_feld' + (i + 1)) .innerHTML = '<img alt="'+i+'" src="images/' + response[i].gr + '_' + response[i].x + '.png" data-text="'+ response[i].hell + '">'; } } );Ist das überhaupt der richtige Weg?
-
Du Hast um den <span> die komischen dünnen hoch Kommers vergessen
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="circle"> <div class="logo"> </div> <div class="text"> <p>LUPUS-Media - Erich Wolf - Creative Web-Design</p> </div> </div> <script> const text = document.querySelector('.text p'); text.innerHTML = text.innerText.split("").map( (char, i) => `<span style="transform:rotate(${i * 8.2}deg)">${char}</span>` ).join(""); </script> </body> </html> -
Ja, das kann ich verstehen.
Ich habe das mal nachgebaut und versucht mit der fetch API hinzubekommen.
Das hatte auf der schnelle nicht geklappt , da muss ich mich noch einlesen, hatte mit der fetch API noch nicht gearbeitet.
Habe dann jQuery Ajax genutzt und habe es hinbekommen.
Da ich noch nicht ganz verstanden habe wie die 9 Bilder berechnet werden , gebe ich im PHP Script 9 Zufallsbilder zurück.
Mir ist aufgefallen, ob man das so macht
Codefor (let i = 0; i < 9; i++) { document.getElementById('blick_feld' + (i + 1)) .innerHTML = '<img src="' + gr + (i + 1) + '_' + x[i] + '.png" ' + hell + ' draggable="false">'; }oder so
Codefor (let i = 0; i < 9; i++) { document.getElementById('blick_feld' + (i + 1)) .src='images/' + json_back[i].gr + '_' + json_back[i].x + '.png'; }Das der Austausch etwas ruckelt.
Gibt es eine Idee, das man die Bilder erst vorlädt oder so, und dann tauscht?
Hat die fetch API eigentlich Vorteile gegenüber JQuery Ajax?
-
Wenn du eine Taste drückst, kannst du ein Ajax Request ausführen und gleichzeitig die neuen Bilder zurückschicken lassen.
Das ist eigentlich kein Problem.
Deswegen frage ich nach den PHP Code.
Dann kann man vielleicht auch verstehen, was die anderen Buttons machen sollen und so weiter.
Außerdem muss de PHP Code geändert werden damit das Script von Sempervivum läuft.
Bevor du fragst,
Nein es geht nicht anders. Bzw. nicht sinnvoll anders.
Mit Den Script wird das Spiel flüssiger laufen , weil es weniger Datentransfer hat und nicht bei jeden Tastendruck die ganze Seite neu geladen werden muss
Dann könnte man auch mal schauen, ob man die Seite komplett anders oder neu machen kann
-
Ich muss ehrlich sagen, dass es mich nur noch mehr verwirrt.
Ich verstehe immer noch nicht was deine Tabelle aus Beitrag 2# damit Zutun hat?
Wenn du in der suchen.php nach Test suchst , soll die Ausgabe dann wie in #2 aussehen?
Die Inhalte der erzeugten Tabelle könnte man dann mit http://js-grid.com/ bearbeiten.
Damit weiß ich auch nix anzufangen
Ich habe eine Datenbank in der die Daten eingetragen werden, jetzt soll wenn die Daten gespeichert werden eine html Tabelle zu dieser id mit erstellt werden.
-
Oh.
Soll ich ehrlich sein, oder es schön reden?
Du lädst bei jeden klick der Pfeiltasten die ganze Seite neu.
Das ist da voll da neben.
Sempervivum hat in seinen Beitrag schon ein Script erstellt, was die ganzen Seiten neuladerei unnötig macht.
Was soll diese Einbinderei?
Code<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>Das sollte reichen
Codehttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.jsDein HTML hat über 300 Fehler, das ist zu viel.
Warum hast du 2-mal dieses Bedienfeld eingebaut?
Kurz gesagt. So ist es Mist.
Sempervivum hat dir den richtigen Weg schon gepostet.
Kannst du uns mal den Inhalt der Dateien posten (PHP)
https://gsbfun.de/rucksackschreiben.php
https://gsbfun.de/action/bewegen.php
https://gsbfun.de/main.php
Deine Felder mit den 6x8 Quadraten könnte man mit GRID erstellen.
Damit verschwindet der ganze Inline Style Mist , mit den festen Positionswerten.
Grid und fetch Api sind nicht meine Themen.
Ich gebe mal an Sempervivum weiter, vielleicht hat er da eine Idee für nee schnelle Hilfe.
Ich hätte jetzt gesagt das man sich erst die PHP Dateien anschaut , ob es auch anders geht, oder ohne Php.
Wo hast du das Script weg? Hast du das selber erstellt (HTML, JS,PHP und JS Dateien)
-
Ok hat sich erledigt, wahr zu langsam beim Schreiben.
EDIT:
Wie kommen eigentlich deine Tastenbefehle zu den PHP Script?
Da musst du ja auch schon Ajax oder so benutzen?
Das könntest du dann vielleicht in ein Request machen, senden und empfangen.
Dein PHP Script würde mich mal Interessieren.
Sowas könnte man auch nur mit Javascript erstellen.
-
So in etwa verstehe ich schon was das ist , bzw. was du da erstellen möchtest.
Ich verstehe das so.
Du klickst auf den Buttons ,oder Pfeiltasten und bewegst dich dann in den Bild weiter.
Bei jeden klick, bekommst du ein neues Bild angezeigt.
Sind das 9 Einzelbilder, die dann ein großes Bild ergeben?
Hast du mal ein Link zu der Seite, oder kannst den kompletten Code zeigen?
Wenn ich das jetzt richtig verstanden habe, würde ich das anders machen.
Ich denke mal das bei jeden klick neue Bilder angezeigt werden müssen.
Dazu würde ich Ajax nehmen.
Das holt nicht die Bilder, sondern nur den Inhalt von $gr $x6.
Das würde ich dann in einer JSON Datei speichern.(so sollte dann ein Minimum von Datentransfer entstehen).
Die JSON Datei wird von JS gelesen was die Links zu den Bildern zusammensetzt und den Inhalt der SRC Attributen wechselt.
Alles andere sollte beim Aufruf der Seite schon vorhanden sein.
Vielleicht bin ich auf den falschen weg , dazu müsste ich mal den Rest Code sehen , was der genau macht und wie du es zurzeit gemacht hast.
-
Du möchtest jetzt das die Echoausgabe richtig in Browser ankommt?
Oder noch irgendwas?
Und Ajax Anweisungen sehe ich nicht, da solltest du noch mehr Input geben.
Was steht den in $hell drinnen `?
Vielleicht erklärst du mal was du genau machen möchtest, ich denke das es anders einfacher gehen würde
-
Sky-Kay du solltest mal deine anderen Codes zeigen.
Datenbankstruktur.
PHP Scripte , da wo die Daten in der DB geschrieben werden?
Ggf. auch das was du für die Ausgabe der Daten nutzt.
Dann kann man das auch besser nachvollziehen was du da vor hast .
Deine Tabelle mit den ganzen mouseover und out kannst du auch einfacher halten.
Du nutzt ja schon jQuery, dann mach es da mit addClass ,bzw toogle.
Warum nutzt du jquery-1.5.2.min.js?
Fliegt dir 3.6.0 um die Ohren bei dem Code?
Bei mir irgendwie schon.
wenn die Farbe geändert wurde soll man das ganze auch noch speichern können.
Wie ?
Mit den Speicher Button der da ist?
<form method="post">
<input name="Submit2" type="submit" value="Speichern" /></form>So kommen dann aber keine geänderte Werte in der Datenbank an
Mit Ajax, der gleich ein Request sendet, wenn die Farbe geändert wurde?
Es gibt auch ein fertiges Plugin, was die Clientseitige Editierung der Tabellendaten direkt in der Tabelle macht.
Ich weiß den Namen nicht mehr. Sempervivum , kennst du das Plugin noch , du hattest da auch mal mitgearbeitet glaube ich.
Das war so ähnlich wie das hier
https://markcell.github.io/jquery-tabledit/#examples
Das könnte dir vielleicht um einiges ersparen.
Jetzt bist du dran und erklär dein Vorhaben mal genauer
Ich glaube das du hier zur Zeit falsch verstanden wirst.
-
Bei den durcheinander kann man nicht mal ein Test erstellen, da blickt man kaum durch, wann wo was geladen wird usw...
Da du das ja noch nicht Online hast, wäre eine Erklärung, oder Beispiel Seite von wem anders ganz gut.
Bist du sicher, dass du so viele Dateien brauchst?
Könnte mir vorstellen, dass es auch einfacher geht und dadurch auch schon einige Probleme von alleine verduften.
-
Das Thema wird irgendwie immer komplizierter und dein Code auch.
PHP("INSERT INTO xxx.pizzabestellung( // Ist das xxx richtig ? oder willst du was verschleiern ? $_POST["value"] // wo kommt den das value auf einmal her ?PDO ist nicht mein Fach,
PHP$stmt->bindParam(':Belag',$_POST["value"], PDO::PARAM_STR); foreach($_POST["Belag"] as $key => $value){ $stmt->execute(); }deswegen frage ich mal, ob das überhaupt so gehen kann ?
Selbst wenn du $_POST['value'] mit $value tauscht kann ich mir nicht vorstellen, dass es so geht.
-
in der php Datei
if(isset($_POST['Panel'])){
foreach($_POST['Panel'] as $key => $val){
}Er sendet, aber nach wie vor nur einen Wert.
PHP
Alles anzeigen<?php if(isset($_POST['cars'])){ foreach($_POST['cars'] as $key => $val){ echo "Auswahl $key = $val<br>"; } /* ohne schleife echo $_POST['cars'][0]; echo $_POST['cars'][1]; echo $_POST['cars'][2]; echo $_POST['cars'][3]; */ } ?>Meine Echoausgabe sagt was anderes.
Du musst die Werte in der Schleife abfragen.
Oder wie hier zusehen ist nach der Schleife, doch das ist nur sinnvoll, wenn du eine Feste Größe hast von select Menü.
Da die aber immer anders sein kann bei dir, musst du die Werte in der Schleife auslesen.
Du könntest aber auch das ganze Array als JSON speichern, doch da weiß ich nicht, ob du das schon kannst.
Kannst dich da ja mal einlesen
-
wähle ich hier 2 Produkte aus, schickt er nur eines und zwar das letzte als Eintrag in die DB.
Hast du dich schon mit der Console vertraut gemacht ?
Öffne die mal und teste hier das multiple Menü
https://www.w3schools.com/tags…e=tryhtml_select_multiple.
Ich würde es aber anders machen.
Das Menü so ändern
Code
Alles anzeigen<form action="/action_page.php" method="POST"> <label for="cars">Choose a car:</label> <select name="cars[]" id="cars" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <br><br> <input type="submit" value="Submit"> </form>Dann kannst du die Auswahl in PHP so auslesen
PHP
Alles anzeigen<?php if(isset($_POST['cars'])){ foreach($_POST['cars'] as $key => $val){ echo "Auswahl $key = $val<br>"; } /* ohne schleife echo $_POST['cars'][0]; echo $_POST['cars'][1]; echo $_POST['cars'][2]; echo $_POST['cars'][3]; */ } ?> -
Nein, dein Browser ist nicht Schrott: nth-child berücksichtigt alle Knoten, auch Textknoten, die durch Zeilenumbrüche und Leerzeichen entstehen. Verwendet man nth-of-type ist die Zählung wie man es erwartet.
Ok, danke. Da muss ich mich noch mal genauer reinlesen.
Wenn ich jetzt noch ein Main Element, als Parent nehme
Code<body> <main> <article>First</article> <article>Second</article> <article>Third</article> <article>Fourth</article> </main> </body>Scheint nth-child 1,2,3,4 wieder zu funktionieren.
Das verwirrt mich noch leicht.
Hatte das noch nie so gebraucht, deswegen ist mir das gar nicht bewusst gewesen das ich da noch nicht ganz durchblicke.
