Bewertungssystem umsetzten, aber wie?

S

schogun

Mitglied
Hallo erstmal,
ich hoffe ihr könnt mir helfen, ich hab für dieses Problem keinerlei Lösungsansätze im Netz gefunden.

Ich habe ein Formular (PHP, aber das ist nicht so wichtig)
Dort werden 10 Bilder angezeigt.
Nun sollen die 'user' diesen Bildern eine Platzierung zwischen 1 und 10 geben.

Hoffe soweit klar.
Nun möchte ich aber, das man jede Platzierung nur einmal vergeben kann. Wie kann ich das mit Javascript so umsetzten, das wenn ich Bild 1 z.b. Platz 10 gebe, das ich NICHT mehr die möglichkeit habe, einem anderen Bild den Platz 10 zu geben?

Schogun
 
Naja...wenns Radiobuttons sind...disable den entsprechenden Button, nachdem er benutzt wurde.

Ist es eine Auswalliste, entferne die entsprechene <option>, indem du sie auf NULL setzt(disablen geht bei <option>'s leider nicht browserübergreifend).

Dass du das Ganze trotzdem auch noch serverseitig prüfen musst, versteht sich von selbst.
 
Ja klar werd ich das serverseitig mit PHP noch überprüfen lassn, aber wie mache ich das nun?

Und was ist wenn ein user sich umentscheidet? Dann kann er die buttons ja nicht mehr anklicken weil sie disabled sind bei den anderen bildern?!
 
Ja gut, das könnte ich durch ein Reload der seite machen...

Damit wäre aber immernoch net geklärt wie ich am besten das disablen umsetzte, ich finde da keine lösung...
 
Man geht alle betreffenden Boxen ducrh und setzt ihre disabled-Eigenschaft auf true?:rolleyes:

Das Ganze liesse sich auch problemlos ohne JS bewerkstelligen... da bei gleichnamigen radio-Buttons automatisch immer nur einer ausgewählt sein kann.
 
Mhmmz das stimmt, ich müsste jedem bild dann eigentlich nur einen radiobutton mit dem name des platzes geben... und value wird dann die reihenfolge... Gute Idee :D
 
Also ich hole diesen Thread nocheinmal hoch, weil ich es zum verrecken nicht schaffe, es mit Javascript umzusetzten.

Habe euch hier mal den HTML Code des Formulares gepostet um das ganze evtl deutlicher zu machen.

HTML: 
<form action="" method="post" name="bewertung">
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 1</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_1" value="1"></td>
 <td> <input type="Radio" name="foto_1" value="2"></td>
 <td> <input type="Radio" name="foto_1" value="3"></td>
 <td> <input type="Radio" name="foto_1" value="4"></td>
 <td> <input type="Radio" name="foto_1" value="5"></td>
 <td> <input type="Radio" name="foto_1" value="6"></td>
 <td> <input type="Radio" name="foto_1" value="7"></td>
 <td> <input type="Radio" name="foto_1" value="8"></td>
 <td> <input type="Radio" name="foto_1" value="9"></td>
 <td> <input type="Radio" name="foto_1" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 2</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_2" value="1"></td>
 <td> <input type="Radio" name="foto_2" value="2"></td>
 <td> <input type="Radio" name="foto_2" value="3"></td>
 <td> <input type="Radio" name="foto_2" value="4"></td>
 <td> <input type="Radio" name="foto_2" value="5"></td>
 <td> <input type="Radio" name="foto_2" value="6"></td>
 <td> <input type="Radio" name="foto_2" value="7"></td>
 <td> <input type="Radio" name="foto_2" value="8"></td>
 <td> <input type="Radio" name="foto_2" value="9"></td>
 <td> <input type="Radio" name="foto_2" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 3</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_3" value="1"></td>
 <td> <input type="Radio" name="foto_3" value="2"></td>
 <td> <input type="Radio" name="foto_3" value="3"></td>
 <td> <input type="Radio" name="foto_3" value="4"></td>
 <td> <input type="Radio" name="foto_3" value="5"></td>
 <td> <input type="Radio" name="foto_3" value="6"></td>
 <td> <input type="Radio" name="foto_3" value="7"></td>
 <td> <input type="Radio" name="foto_3" value="8"></td>
 <td> <input type="Radio" name="foto_3" value="9"></td>
 <td> <input type="Radio" name="foto_3" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 4</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_4" value="1"></td>
 <td> <input type="Radio" name="foto_4" value="2"></td>
 <td> <input type="Radio" name="foto_4" value="3"></td>
 <td> <input type="Radio" name="foto_4" value="4"></td>
 <td> <input type="Radio" name="foto_4" value="5"></td>
 <td> <input type="Radio" name="foto_4" value="6"></td>
 <td> <input type="Radio" name="foto_4" value="7"></td>
 <td> <input type="Radio" name="foto_4" value="8"></td>
 <td> <input type="Radio" name="foto_4" value="9"></td>
 <td> <input type="Radio" name="foto_4" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 5</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_5" value="1"></td>
 <td> <input type="Radio" name="foto_5" value="2"></td>
 <td> <input type="Radio" name="foto_5" value="3"></td>
 <td> <input type="Radio" name="foto_5" value="4"></td>
 <td> <input type="Radio" name="foto_5" value="5"></td>
 <td> <input type="Radio" name="foto_5" value="6"></td>
 <td> <input type="Radio" name="foto_5" value="7"></td>
 <td> <input type="Radio" name="foto_5" value="8"></td>
 <td> <input type="Radio" name="foto_5" value="9"></td>
 <td> <input type="Radio" name="foto_5" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 6</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_6" value="1"></td>
 <td> <input type="Radio" name="foto_6" value="2"></td>
 <td> <input type="Radio" name="foto_6" value="3"></td>
 <td> <input type="Radio" name="foto_6" value="4"></td>
 <td> <input type="Radio" name="foto_6" value="5"></td>
 <td> <input type="Radio" name="foto_6" value="6"></td>
 <td> <input type="Radio" name="foto_6" value="7"></td>
 <td> <input type="Radio" name="foto_6" value="8"></td>
 <td> <input type="Radio" name="foto_6" value="9"></td>
 <td> <input type="Radio" name="foto_6" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 7</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_7" value="1"></td>
 <td> <input type="Radio" name="foto_7" value="2"></td>
 <td> <input type="Radio" name="foto_7" value="3"></td>
 <td> <input type="Radio" name="foto_7" value="4"></td>
 <td> <input type="Radio" name="foto_7" value="5"></td>
 <td> <input type="Radio" name="foto_7" value="6"></td>
 <td> <input type="Radio" name="foto_7" value="7"></td>
 <td> <input type="Radio" name="foto_7" value="8"></td>
 <td> <input type="Radio" name="foto_7" value="9"></td>
 <td> <input type="Radio" name="foto_7" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 8</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_8" value="1"></td>
 <td> <input type="Radio" name="foto_8" value="2"></td>
 <td> <input type="Radio" name="foto_8" value="3"></td>
 <td> <input type="Radio" name="foto_8" value="4"></td>
 <td> <input type="Radio" name="foto_8" value="5"></td>
 <td> <input type="Radio" name="foto_8" value="6"></td>
 <td> <input type="Radio" name="foto_8" value="7"></td>
 <td> <input type="Radio" name="foto_8" value="8"></td>
 <td> <input type="Radio" name="foto_8" value="9"></td>
 <td> <input type="Radio" name="foto_8" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 9</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_9" value="1"></td>
 <td> <input type="Radio" name="foto_9" value="2"></td>
 <td> <input type="Radio" name="foto_9" value="3"></td>
 <td> <input type="Radio" name="foto_9" value="4"></td>
 <td> <input type="Radio" name="foto_9" value="5"></td>
 <td> <input type="Radio" name="foto_9" value="6"></td>
 <td> <input type="Radio" name="foto_9" value="7"></td>
 <td> <input type="Radio" name="foto_9" value="8"></td>
 <td> <input type="Radio" name="foto_9" value="9"></td>
 <td> <input type="Radio" name="foto_9" value="10"></td>
</tr>
</table>
<br>
<table border="1">
<tr>
 <td colspan="10" align="center">Foto 10</td>
</tr>
<tr>
 <td> Platz 1</td>
 <td> Platz 2</td>
 <td> Platz 3</td>
 <td> Platz 4</td>
 <td> Platz 5</td>
 <td> Platz 6</td>
 <td> Platz 7</td>
 <td> Platz 8</td>
 <td> Platz 9</td>
 <td> Platz 10</td>
</tr>
<tr>
 <td> <input type="Radio" name="foto_10" value="1"></td>
 <td> <input type="Radio" name="foto_10" value="2"></td>
 <td> <input type="Radio" name="foto_10" value="3"></td>
 <td> <input type="Radio" name="foto_10" value="4"></td>
 <td> <input type="Radio" name="foto_10" value="5"></td>
 <td> <input type="Radio" name="foto_10" value="6"></td>
 <td> <input type="Radio" name="foto_10" value="7"></td>
 <td> <input type="Radio" name="foto_10" value="8"></td>
 <td> <input type="Radio" name="foto_10" value="9"></td>
 <td> <input type="Radio" name="foto_10" value="10"></td>
</tr>
</table>
<br>
</form>

Könnt ihr mir evlt doch helfen?
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück