Ergebnis 1 bis 1 von 1
  1. #1
    jack-x ist offline Eroberer
    registriert
    11-03-2007
    Beiträge
    67

    Layout verändert sich nach Formular absenden

    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.



    Mit php generiertes AJAX:
    HTML-Code:
    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-Code:
    /* 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;
    }
    Geändert von jack-x (22-08-2009 um 14:14 Uhr) Grund: Falsches CSS reinkopiert

Ähnliche Themen

  1. Ajax und PHP: Formular absenden
    Von dondon im Forum Allgemeines
    Antworten: 10
    Letzter Beitrag: 05-11-2008, 15:14
  2. Formular via JS Absenden
    Von MauroNegro im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 25-04-2008, 23:04
  3. formular über ajax absenden
    Von laza86 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 31-10-2007, 14:42
  4. Enter-Taste Formular absenden
    Von ZcMaster im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 20-09-2005, 09:17
  5. formular layout
    Von sanchez im Forum Allgemeines
    Antworten: 7
    Letzter Beitrag: 01-08-2002, 16:21

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •