Geklonte Elemente gehen nach neuem Aufbau der Site verloren

[caballero82]

Hallo,

ich habe ein Formular, dessen Elemente ich klone. Nach dem ich das Formular abschicke, werden die Daten auch richtig in der DB abgespeichert. Nachdem die Seite neu geladen ist, sollen die Eingabeelemente (Textfelder und Selectboxen) auch wieder mit dem entsprechenden Inhalt ausgegeben werden.

Mein Problem ist, dass ich nicht weiss, wie ich es schaffe, dass die geklonten Elemente wieder erzeugt werden (bis alle Datensätze aus der Tabelle eingelesen sind).

Bisheriger Java Script:
<script type="text/javascript">
function clone_this(button,objid){
var clone_me = document.getElementById(objid).cloneNode(true);

// Im Parent-DIV vor dem Kindknoten "button" einhängen
button.parentNode.insertBefore(clone_me, button);
}

</script>

Mein Hmtl-Code:

<form action="index.php?id=23&profileTab=1&save=1" name="editform" method="post">
...
<div class="experiencebox">
	<div class="profilehead">header</div>
    <div class="h2profilehead">subheader</div>
		<div id="clonedTag">
			<table>
				<tr>
					<td>Name</td>
					<td>position</td>
					<td>www</td>
				</tr>
				<tr>
					<td>
						<input name="EP[tx_common_company][name][]" value="" size="30" type="text">
					</td>
					<td>
						<input name="EP[tx_common_company][position][]" value="" size="30" type="text">
					</td>
					<td>
						<input name="EP[tx_common_company][www][]" value="" size="30" type="text">
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td>start monat</td>
					<td>start jahr</td>
					<td>ende monat</td>
					<td>ende jahr</td>
				</tr>
				<tr>
					<td>
                                          <select name="EP[tx_common_company][start_year][]">
                                             <option value="1">1912</option>
                                         </select>
                                        </td>
					<td>
                                          <select name="EP[tx_common_company][end_year][]">
                                             <option value="1">1931</option>
                                         </select>
                                        </td>
				</tr>
			</table>
		</div>
                <input value="erweitern" onclick="clone_this(this,'clonedTag')" type="button">
		<a href="javascript: document.editform.submit()">
                    <img src="fileadmin/website/images/icons/ic_save.gif"> Save changes
                </a>
</div>
...
</form>

hier mein php-code, mit dem die die Standardelemente wieder inklusive Inhalt erzeugt werden:

		$sql = $GLOBALS['TYPO3_DB']->SELECTquery(
		               $item,         // SELECT ...
		               $table,     // FROM ...
		               "$userAttribut = ".$GLOBALS["TSFE"]->fe_user->user["uid"],    // WHERE...
		               '',            // GROUP BY...
		               '',    // ORDER BY...
		               ''           // LIMIT ...
		           );


			 	if($table == "tx_common_company" or $table == "tx_common_education")
			 	{
			 	  	echo $sql;

				 	  while($row = $GLOBALS['TYPO3_DB']->sql_fetch_assoc($result))
				 	  {
							$misc = '<input type="text" name="EP['.$table.']['.$item.'][]" value="'.htmlspecialchars($row[$item]).'" '.$size.'>';
						}

				}

Bin dankbar für jede Hilfe

 

[Sven Mintel]

JS ist dafür nicht das richtige Mittel, da es keine Kenntnis von dem hat, was vor dem Neuladen vor sich ging.

Du sendest ja das Formular...somit auch die geklonten Felder:
Du kannst also mit PHP problemlos ermitteln, welche Felder mit welchem Inhalt vorhanden waren und wieviele davon.... es wäre also das Einfachste, wenn du das Ganze gleich serverseitig erstellst.