• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Layout verändert sich nach Formular absenden

jack-x

New member
hallo

ich lass mit AJAX in eine neue Zeile in einer Tabelle generieren. in dieser Zeile werden dann verschiedene Formulare zur Auswahl per Reiter angeboten. Die Zeile mit den Reitern sieht beim ersten Aufruf korrekt aus.
Wird aber das Formular abgeschickt, taucht ein kleiner Rand um den aktiven Reiter auf.

layoutfehler.png


Mit php generiertes AJAX:
HTML:
function CreateFormRow(RowId, Action, FieldsInList)
{
	if (!RowId)
	{
		RowId = "new";
	}
	if (!FieldsInList)
	{
		FieldsInList = 1;
	}
	if (ActiveRow)
	{
		delrow = document.getElementById(ActiveRow);
		delrow.parentNode.removeChild(delrow.nextSibling);
		if (RowId == ActiveRow)
		{
			RowId = "";
		};
	}
	if (ActiveRow && ActiveRow != RowId)
	{
		new_values = new Object();
		error      = new Object();
	}
	ActiveRow = RowId;
	if (RowId)
	{
		rowele = document.getElementById(RowId);
		newele           = document.createElement("tr");
  	newele.className = "nomouse"+rowele.className.replace(/hover/g, "");
		document.getElementById("list").insertBefore(newele, rowele.nextSibling);
			cellele               = document.createElement("td");
			cellele.colSpan       = FieldsInList;
			cellele.align         = "center";
			cellele.style.padding = "5px";
			newele.appendChild(cellele);
				tableele             = document.createElement("table");
				tableele.cellSpacing = "0";
				tableele.cellPadding = "0";
				tableele.className = "FormFrame";
				cellele.appendChild(tableele);
					tbodyele = document.createElement("tbody");
					tableele.appendChild(tbodyele);
						trele = document.createElement("tr");
						tbodyele.appendChild(trele);
							tdele           = document.createElement("td");
							tdele.className = "FormHeaderBG";
							trele.appendChild(tdele);
								tabtableele             = document.createElement("table");
								tabtableele.name        = RowId;
								tabtableele.width       = "100%";
								tabtableele.cellSpacing = "0";
								tabtableele.cellPadding = "1";
								tdele.appendChild(tabtableele);
									tabtbodyele = document.createElement("tbody");
									tabtableele.appendChild(tabtbodyele);
										tabtrele    = document.createElement("tr");
										tabtrele.id = "FormularTabs";
										tabtbodyele.appendChild(tabtrele);
												tabtdele           = document.createElement("td");
												tabtdele.id        = "Tab1";
												tabtdele.width     = "33.333333333333%";
												tabtrele.appendChild(tabtdele);
													divele           = document.createElement("div");
													divele.name      = "1";
													divele.className = "FormHeaderTab";
													_addEventHandler(divele, "click", InitForm);
													tabtdele.appendChild(divele);
													tabele = document.createTextNode("Benutzer");
													divele.appendChild(tabele);
												tabtdele           = document.createElement("td");
												tabtdele.id        = "Tab2";
												tabtdele.width     = "33.333333333333%";
												tabtrele.appendChild(tabtdele);
													divele           = document.createElement("div");
													divele.name      = "2";
													divele.className = "FormHeaderTab";
													_addEventHandler(divele, "click", InitForm);
													tabtdele.appendChild(divele);
													tabele = document.createTextNode("Benutzergruppe");
													divele.appendChild(tabele);
												tabtdele           = document.createElement("td");
												tabtdele.id        = "Tab3";
												tabtdele.width     = "33.333333333333%";
												tabtrele.appendChild(tabtdele);
													divele           = document.createElement("div");
													divele.name      = "3";
													divele.className = "FormHeaderTab";
													_addEventHandler(divele, "click", InitForm);
													tabtdele.appendChild(divele);
													tabele = document.createTextNode("Zugriffsrechte");
													divele.appendChild(tabele);
						trele = document.createElement("tr");
						tbodyele.appendChild(trele);
							tdele               = document.createElement("td");
							tdele.id            = "FormularField";
							tdele.style.padding = "4px";
							trele.appendChild(tdele);
		InitForm("2")
	}
}

Mit php wird dieses CSS generiert:
HTML:
/* Formulare */
.FormFrame
{
	width: 737px;
	background: #BED6F7;
	border: solid 1px #000000;
}
.FormHeaderBG
{
	width: 100%;
	background: #527EBB;
	border-bottom: solid 1px #000000;
	float: left;
}
.FormHeaderTabActive
{
	background: #EE9433;
}
.FormHeaderTab
{
	background: url(../image/layout/formulartab.png) right repeat-y;
	text-align: left;
	padding: 2px;
	padding-left: 10px;
	color: #FFFFFF;
	cursor: pointer;
}
 
Zuletzt bearbeitet:
Zurück
Oben