JS - Input Felder - Auswahlkästen - MySQL
lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen
anfangen
aussage
boxen
code
datenbank
datum
fehlermeldung
feld
guter anfang
halber code
inhalt
input
jemand
kleine korrekturen
kleinigkeit
niemand
nummer
sicher jemanden
teil
zweiten teil
-
Einen wunderschönen guten Abend.
Ich habe auf einer Seite mal gesehen dass man etwas in Input Felder einfügen kann ohne es bestätigen zu müssen.
In meinem Fall, sollten die "Texte" aus einer MySQL Datenbank stammen, was das ganze vllt ein bisschen erschwert.
Aber wenn jemand ein funktionierendes Script in JS hat, wäre dies auch schon ein guter Anfang :)
http://img202.imageshack.us/img202/1425/scriptc.png
so in etwa.
Leider habe ich noch nicht mit JS angefangen und wegen diesen Kleinigkeiten hab ich es auch nicht vor. Für soetwas gibt es ja immer so nette Coms wie hier :)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Warum ist es eingentlich so schwer, eine Frage so zu formulieren, dass sie auf Anhieb verstanden werden kann? Was Du genau willst, ist aus Deinem Beitrag leider nicht ersichtlich. Ich vermute, dass Du eine DrowDown-Box mit Inhalt bestücken willst (nicht ein Input-Feld). Aus dieser Box soll dann ein Wert ausgewählt werden können. Der Code dazu ist:
<select name=mytextarea> <option name=one value=one> one </option> <option name=two value=two> two </option> <option name=three value=three> three </option> </select>
Hierzu benötigt man KEIN Javascript. Außerdem gehört dieser Beitrag nicht unter "Sonstige Programmiersprachen".
Die Werte (in diesem Beispiel one, two, three) kannst Du natürlich z.B. mittels PHP aus Deiner Datenbank lesen und beim Aufbau der HTML-Seite dort einfügen.
Solltest Du das nicht gemeint haben, dann versuche noch einmal verständlicher zu erläutern, was Du meinst.
LG
BigBaer -
also,
ich möchte dass man eben aus so einer auswahlbox eine id (wie im bild) auswählt und dann die dazugehörigen daten aus der mysql tabelle automatisch ein so einem input feld erscheint.
und dass das sofort geschieht braucht man meiner meinung nach js -
<html> <head> <title>Unbenannt</title> <script type="text/javascript"> function fill() { auswahl = document.Testform.tst.value ; document.Testform.output.value = auswahl; } </script> </head> <body> <form name="Testform" action="#zielseite" method="POST"> <select name="tst" on onChange="fill()"> <option value="0">sfdgsfdg</option> <option value="1">sgdsgs</option> <option value="2">sdgsgsdfgs</option> <option value="3">sgsgs</option> <option value="4">sgsgsgsg</option> </select> <input type="Text" name="output" value="hier wird eingefügt" size="20"> </form> </body> </html>
Das wäre ein Beispielcode wie mit js der Wert im inputfeld geändert wird.
Es wäre dann 'nur' noch nötig das option-feld dynamisch mit php erstellen zu lassen indem die Werte aus der Datenbank gelesen werden.
Da sie ja schrieben:
portal715 schrieb:
Leider habe ich noch nicht mit JS angefangen und wegen diesen Kleinigkeiten hab ich es auch nicht vor. Für soetwas gibt es ja immer so nette Coms wie hier :)
werden sie ja sicher jemanden dafür finden.
-
ah okay, und mit 2 input felder?
-
portal715 schrieb:
ah okay, und mit 2 input felder?
<html> <head> <title>Unbenannt</title> <script type="text/javascript"> function fill() { var feld1 = ['feld1','hallo','usw','sadfg','sadfgd']; var feld2 = ['feld2','du','usf','sdg','sadfg']; auswahl = document.Testform.tst.value ; document.Testform.output1.value = feld1[auswahl]; document.Testform.output2.value = feld2[auswahl]; } </script> </head> <body> <form name="Testform" action="#zielseite" method="POST"> <select name="tst" on onChange="fill()"> <option value="0">sfdgsfdg</option> <option value="1">sgdsgs</option> <option value="2">sdgsgsdfgs</option> <option value="3">sgsgs</option> <option value="4">sgsgsgsg</option> </select> <input type="Text" name="output1" value="hier wird eingefügt" size="20"> <input type="Text" name="output2" value="hier wird eingefügt" size="20"> </form> </body> </html> -
also, ich hab mal ein bisschen rumprobiert und hab n kleines Problemchen :)
<script type="text/javascript"> function fill() { <?php mysql_select_db("$db") or die ("Die Datenbank existiert nicht, bitte wende dich an den Serveradministrator bzw. Provider"); echo"var feld1=$row['titel']"; echo"var feld2=$row['inhalt']"; ?> auswahl = document.Testform.tst.value ; document.Testform.output1.value = feld1[auswahl]; document.Testform.output2.value = feld2[auswahl]; } </script> <form name="Testform" action="#zielseite" method="POST"> <select name="tst" on onChange="fill()"> <?php echo "<option value=".$row['id'].">".$row['id']."</option>"; ?> </select> <input type="Text" name="output1" size="20"> <input type="Text" name="output2" size="20"> </form>
Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in site.php on line 8
und ja das ganze connecten hab ich drinne :)
nur hier aus dem qt gekürzt...
irgendwie hab ich immer probleme mit den " ' . etc
vllt hat mir noch jemand ne erklärund wann ich was wie einsetze :)
-
echo "var feld1=['".$row['titel']."'];"; echo "var feld2=['".$row['inhalt']."'];";
ungetestet
oder der übersicht halber:
?> var feld1= ['<?php echo $row['titel']; ?>']; var feld2= ['<?php echo $row['inhalt']; ?>'];
auch ungetested
Beitrag zuletzt geändert: 20.9.2010 17:06:23 von simuliertes -
wunderbar, also zumindest mal keine fehlermeldung mehr....
jetzt müsste nur noch etwas in den feldern stehen :)
vllt haben wir noch einen fehler im "id" teil
*edit*
der erste teil funktionierte, der 2. wisoauchimmer nicht...
Code bis jetzt...
<script type="text/javascript"> function fill() { <?php mysql_select_db("$db") or die ("Die Datenbank existiert nicht, bitte wende dich an den Serveradministrator bzw. Provider"); echo "var feld1=['".$row['titel']."'];"; echo "var feld2=['".$row['inhalt']."'];"; ?> auswahl = document.Testform.tst.value ; document.Testform.output1.value = feld1[auswahl]; document.Testform.output2.value = feld2[auswahl]; } </script> <form name="Testform" action="#zielseite" method="POST"> <select name="tst" on onChange="fill()"> <?php $id = $row['id']; echo "<option value=".$id.">".$id."</option>"; ?> </select> <input type="Text" name="output1" size="20"> <input type="Text" name="output2" size="20"> </form>
Beitrag zuletzt geändert: 20.9.2010 19:10:28 von portal715 -
etwas konkreter bitte.
funktioniert nicht ist eine aussage mit der niemand was anfangen kann & was meinst Du mit ersten und zweiten teil.
2 kleine Korrekturen noch:
-Da hat sich bei mir ein Schreibfehler eingeschlichen zum Glück sind die meisten Browser ja fehlertolerant...
<select name="tst" onChange="fill()">
und
-Gänsefüßchen um das value-feld, ich nehme mal an das sind Nummern (?)
echo "<option value=\"".$id."\">".$id."</option>";
Beitrag zuletzt geändert: 20.9.2010 23:42:44 von simuliertes -
-Gänsefüßchen um das value-feld, ich nehme mal an das sind Nummern (?)
Jop, das ist die ID aus der MySQL Datenbank.
funktioniert nicht ist eine aussage mit der niemand was anfangen kann & was meinst Du mit ersten und zweiten teil.
meite damit eigentlich dein code
echo "var feld1=['".$row['titel']."'];"; echo "var feld2=['".$row['inhalt']."'];";
der funktionierte, der andere nicht..
so, jetzt noch kurz zum aktuellen problem.
habe glücklicherweise keine fehlermeldung aber es wird in dem auswahlfeld der id nichts angezeigt -> sie sind leer.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
