Button: Wert übertragen und speichern

basti9422

Lt. Junior Grade
Dabei seit
Jan. 2012
Beiträge
401
Moin Leute!

Ich habe folgendes Problem.

Ich baue zurzeit eine Homepage aus reinen Übungszwecken um halt zu üben^^

Man soll halt Fast Food Ketten bewerten können, deshalb habe ich sozusagen 5 Burger zur Auswahl (anstatt von Sternen).

Hier mal um nen Überblick zu bekommen:


PHP:
<div>
							<button id="buttonburger1" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/barger.png');changeImg('barger2','../pics/barger.png');changeImg('barger1','../pics/burger.png')"><img id="barger1" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger2" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/barger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger2" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger3" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/barger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger3" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger4" onclick="changeImg('barger5','../pics/barger.png');changeImg('barger4','../pics/burger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger4" class="bwbarger" src="../pics/barger.png"></button>
							<button id="buttonburger5" onclick="changeImg('barger5','../pics/burger.png');changeImg('barger4','../pics/burger.png');changeImg('barger3','../pics/burger.png');changeImg('barger2','../pics/burger.png');changeImg('barger1','../pics/burger.png')"><img id="barger5" class="bwbarger" src="../pics/barger.png"></button>
						</div>

So das geht alles, dass man halt den 3. Burger auswählt und die anderen 2 davor auch Farbig werden. (burger.png =farbig, barger.png=grau)

Jetzt will ich aber, dass die Buttons einen bestimmten Wert bekommen, damit ich die per PHP in die Datenbank abspeichern kann und später den Durchschnitt errechnen kann.

Aber wie?

EDIT: Das hier ist das Formular dazu, mit einem Textfeld für die Rezension und einen submit sowie reset Button.

PHP:
				<form name="Formular" class="bwform" action="../insertcomment.php" method="post" onsubmit="return chkFormular()">
						<textarea class="bwtextarea" name="bwtext" type="text" cols="50" rows="10" maxlength="1000" placeholder="Wie finden Sie Jim Block?"></textarea>
						<input class="absendenbutton" name="Absenden" type="submit" value="Bewerten"/>
						<input class="löschbutton" name="Löschen" type="reset" value="Löschen"/>
					</form>
 
Zuletzt bearbeitet:

Yuuri

Fleet Admiral
Dabei seit
Okt. 2010
Beiträge
12.681
Buttons haben keinen Wert, dazu brauchst du schon irgend ein Eingabefeld (input, select, textarea).
 

Bisumaruku

Lt. Commander
Dabei seit
Nov. 2006
Beiträge
1.816
Buttons haben keinen Wert, dazu brauchst du schon irgend ein Eingabefeld (input, select, textarea).
Quark! Muss nur ein value in den Button-Tag und ein name wäre auch nicht schlecht.
Würde beim ersten Burger dann halt value="1" und beim 2. value="2" usw. machen.

/Edit: Achso und statt <button> würde ich <input type="submit"> nehmen.
 

Suxxess

Vice Admiral
Dabei seit
Feb. 2005
Beiträge
6.816
In der Datei "insertcomment.php" kannst du die übertragenden Variablen dann übergeben.

$bwtext=$_POST[bwtext]

Und danach halt die Verbindung zur Datenbank aufbauen und den Wert dort speichern.
Einfach mal durcharbeiten, dass ist das kleine 1*1.
http://www.schattenbaum.net/php/mstart.php
 

Yuuri

Fleet Admiral
Dabei seit
Okt. 2010
Beiträge
12.681
@ braumeister: Was ist daran Quark? Der Kontext dieses Aufbaus, ist so schon mal für die Katz. Wenn man daraus ein anständiges Formular machen will, sollte er irgendwo ein verstecktes Input-Feld unterbringen, welches er mit einem Wert beim OnClick der Buttons füllt. Der Wert im Button bringt ihm nichts, da er im Formular dann beim Abschicken nicht übertragen wird, da eben jener Button nicht gedrückt wurde, sondern der Submit-Button des Formulars. Zumal sind die Buttons anscheinend nicht mal im Formular drin, ergo ergibt ein Wert in dem Button gar kein Sinn.
 

gaunt

Lt. Commander
Dabei seit
Aug. 2007
Beiträge
2.005
Für die Sterne oder eben Burger würde ich das Raty Plugin nehmen. Damit sparst du dir vieeel Arbeit!
Das Plugin sorgt von selbst dafür das die richtige Anzahl an Sternen angezeigt wird und das die Daten auch brauchbar übertragen werden können.
Java Scrip Teil:
PHP:
$('#ButtonID').raty({ path: 'pfadZuDenBildern/images', scoreName: 'feldName', number: 6, readOnly: true, score: 3, hints: ['sehr schlecht', 'schlecht', 'ausreichend', 'befriedigend', 'gut', 'sehr gut'] });
HTML Teil:
PHP:
<div id="ButtonID"></div>
So einfach geht das. Hover und alles ist dabei und das Plugin ist gut konfigurierbar. Aussehen (z.B. Sterne durch Burger ersetzen) machst du über CSS.
 

basti9422

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Jan. 2012
Beiträge
401
Okay danke erstmal!
 
Zuletzt bearbeitet:
Top