+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: jQuery Select (/showthread.php?tid=21191)
jQuery Select - Storage-Base.de - 22.01.2012 16:36
Hallo,
ich bin derweil dabei ein Formular zu erstellen womit sich Feuerwehr Einsätze eintragen lassen. In der Datenbank sind Fahrzeuge sowie Anhänger eingetragen. Nun ist es ja so das meist nicht nur ein Fahrzeug sondern gleich die komplette Wehr oder mindestens mal ein Zug ausrückt, diese sind auch meist unterschiedlich ausgestattet. Bei einem Gebäudebrand z.B. rückt bei uns der GW-TS mit der Anhängeleiter aus, dazu fährt natürlich noch das TSF-W und das MTF mit.
Somit muss ich 3 Fahrzeuge in einem Formular eintragen können aber auch gleichzeitig noch zum GW-TS die Anhängeleiter angeben können, wobei das auch variieren kann da auch das TSF-W diese ziehen kann.
Jemand eine Idee wie ich das mit jQuery realisieren kann?
Danke!
RE: jQuery Select - d4f - 23.01.2012 13:01
Je nachdem wie du es realisieren willst, wuerde ich empfehlen es grafisch zu loesen:
Von jedem Fahrzeug ein Bild rein und Sonderausstattung (Anhaenger, zusaetzliche Teile) per Drag&Drop an ein Fahrzeug anhaengen.
Im Hintergrund dann ein Formular mit Feldarrays damit bauen (DOM-Manipulation), zb dass Fahrzeuge[] nachher die Fahrzeuge "tatuu", "tataa" und "tuututt" drin hat waehrend Fahrzeuge_Zusatz[] die Relation zwischen Fahrzeugen und Sonderausstattung hat.
Ist das was du suchst oder happert's an der technischen Realisierung? Bei letzterem => wo genau?
RE: jQuery Select - Storage-Base.de - 23.01.2012 13:07
Bei der Umsetzung hapert es vorallem
Das Grafische wäre nicht so das was ich gerne hätte. Es soll auch nicht ganz zu verspielt aussehen, schlicht aber mit JavaScript.
Mir wären 2 Dropdowns lieber wo in dem einen die Fahrzeuge stehen und im anderen die Anhänger, dann noch ein Button womit ich eine weitere Zeile mit den gleichen Dropdowns einfügen könnte, das wäre klasse - nur weiß ich nicht wie ich das realisieren soll.
Btw. Danke für die info.php - habe es mal getestet und noch ein paar Dinge bei uns verändert
RE: jQuery Select - Mave1993 - 23.01.2012 13:14
Es gibt eine Kategorie bei jqueryui die nennt sich selectable. Da kann Mann dann per Strg mehrer anklicken, bellt hilft die das weiter?
RE: jQuery Select - RiekMedia - 23.01.2012 13:23
@Storage-Base.de
Vielleicht kannst du damit was anfangen sein [Link: Registrierung erforderlich]
RE: jQuery Select - Storage-Base.de - 23.01.2012 14:33
@Voice-Sponsor
Da fehlt aber die Möglichkeit z.B. den GW-TS (Gerätewagen Tragkraftspritze) mit der AL (Anhängeleiter) zu verbinden.
@phpcode
So was bekomme ich auch selbst einfach hin, dafür brauche ich keine Vorlage
Was mir am liebsten wäre, wäre wenn ich die 2 Dropdowns hätte einmal mit Fahrzeugen und das andere mit Anhänger - soweit kein Problem. Dann würde ich gerne per Klick die gleiche Kombination (Dropdown mit Fahrzeugen und eines mit Anhänger) nochmal einfügen, so oft ich will. Dafür habe ich bisher jedoch keinen Lösungsansatz...
RE: jQuery Select - d4f - 23.01.2012 14:52
DropDowns sind auch nur jeweils ein Formularfeld. Nenn die jeweiligen Felder einfach Fahrzeug[] und Anhaenger[], dann kannst du (untested, aus dem Kopf) mit
Code:
$('ersteListe').clone().removeAttr("id").appendTo('Listen');
eine Liste beisetzen. Die div-Struktur waere:
Code:
<div id='Listen'>
<div id='ersteListe'>{LISTEN}</div>
</div>
In der Formularlogik (PHP?) hast du dann 2 Arrays Fahrzeug und Anhaenger wo die Listen von 0 bis n durchnumeriert sind.
RE: jQuery Select - Storage-Base.de - 23.01.2012 16:03
So nun kann ich zwar das Div Kopieren und die Selects übernimmt er auch, nur werden keine Daten empfangen.
Nach dem Absenden empfange ich erst mal alles mit print_r($_POST) und fahrzeug[] sowie anhaenger[] bleiben leer - habe ich gerade nen Denkfehler oder was ist da los!?
//EDIT: Facepalm... Hätte bestimmt schon alles viel früher geklappt wenn ich nicht diese verwenden würde:
PHP-Code:
// POST Filtern
foreach ($_POST as $key => $value) {
$_POST[$key] = mysql_real_escape_string($value);
}
// GET Filtern
foreach ($_GET as $key => $value) {
$_GET[$key] = mysql_real_escape_string($value);
}
Jemand ne Idee wie ich dieses dann weiterverwenden kann? ^^
RE: jQuery Select - d4f - 23.01.2012 16:13
Mittels Rekursion
PHP-Code:
function escapeArray(&$Array) {
foreach($Array as $Key=>$Value) {
if(is_array($Value)) escapeArray($Array[$Key]);
else $Array[$Key] = mysql_real_escape_string($Value);
}
}
Dann nur noch:
PHP-Code:
escapeArray($_POST);
escapeArray($_GET);
Es ist aber schrecklich unperformant alles zu escapen, escape es erst bei Bedarf, also vor dem Insert. Ich wuerde uebrigens -schon rein aus Uebersichtsgruenden- Mysqli mit prepared Statements empfehlen, dann entfaellt das escapen als praktischer Nebeneffekt.
PS: Der "fehlende" return ist uebrigens kein Fehler
RE: jQuery Select - Storage-Base.de - 23.01.2012 17:15
Kennst du dies bzgl. vielleicht noch eine einfach und gute class, welche mir das Leben damit vereinfacht?
RE: jQuery Select - d4f - 23.01.2012 19:15
Was vereinfacht? Mysql Prepared statements? Das ist bereits von sich aus eine Klasse:
[Link: Registrierung erforderlich]
RE: jQuery Select - Storage-Base.de - 23.01.2012 23:06
Ja danke das ist mir bekannt, aber eben um diesen ([Link: Registrierung erforderlich]) Konstrukt zu vermeiden.
So das ich mittels Klasse einfach nur den Query und die Variablen übergeben kann und es dann einfach gemacht wird und ich direkt den Output bekomme.
RE: jQuery Select - d4f - 23.01.2012 23:47
Meinste sowas? (Sollte funktionieren, ist auf die Schnelle zusammengebaut)
Benutzung ist identisch zu sprintf, nur brauch er das Datenbankobjekt dabei.
PHP-Code:
function mysprintf($DB,$Query) {
$Arguments = func_get_args();
//Entferne die 2 ersten; $DB und $Query
array_shift($Arguments);
array_shift($Arguments);
//real_escape die anderen:
foreach($Arguments as $Id=>$Argument) {
$Arguments[$Id] = $DB->real_escape_string($Argument);
}
array_unshift($Arguments,$Query);
return call_user_func_array('sprintf',$Arguments);
}
Alternativ setz ich auch oft eine Billigloesung ein;
PHP-Code:
function mre($DB,$String) {
return $DB->real_escape_string($String);
}
//oder prozedural
function mre($DB,$String) {
return mysqli_real_escape_string($DB,$String);
}
//oder Mysql
function mre($String) {
return mysql_real_escape_string($String);
}
Das kannst du dann so aufrufen. (DB ist hier ein Mysqli-Objekt)
PHP-Code:
$Result = $DB->query("SELECT * FROM `users` WHERE `user` = '".mre($DB,$_GET['username'])."' LIMIT 1");
RE: jQuery Select - Storage-Base.de - 24.01.2012 00:17
Genau so was ^^
Werde dann mal mein Script entsprechend umbauen.
Was mir da vorhin auch aufgefallen ist, ich kann nun beliebig viele Fahrzeuge hinzufügen, aber Löschen?!
Ich übergebe bei ID einen Timestamp, wie kann ich nun einen Löschen Button einfügen das dieser auch nur diesen Eintrag wieder löscht? Habe nun schon verschiedene Dinge probiert, aber leider hat keines zum Erfolg geführt.
Der erste Eintrag soll nicht zum Löschen verfügbar sein. Ich dachte ja eigentlich ich könnte einfach ein Div einfügen, welches hidden ist und beim Kopieren dann einfach Style entfernen, aber das führt nicht wirklich zum Erfolg...