JS - Formulare bauen

Dave Waterstone · 25.01.2006, 10:48

Hi leute,
kann mir einer helfen?
Bin js newbi und verzweifel bald.

Alles was ich wollte ist eine auswahl box (integer werten), anhand dessen wert den der user setzt, input felder erscheinen.

Soll heißen, der user wählt 12 und ich erhalte darunter oder wo ich es nutzen möchte 12 mal <input type="text"....>

währe nett wenn mir da einer helfen kann und mir per email bescheid gibt.

vielleicht hat ja einer solch script rumliegen , weiß wo man es "klauen" könnte oder hat grad zuviel Zeit?

Buhmann · 25.01.2006, 15:26

Wenn du dich ein bisschen mit javascript auskennst, sollte das hier eingentlich als beispiel genügen ... muss nur umgebaut werden

Hab grad keine Zeit das selbst zu bauen ... bin im Praktikum im Büro... sind aber gerade alle ausgeflogen

Ich kanns evtl heut abend ma versuchen

Dave Waterstone · 25.01.2006, 15:35

Hm, ok..danke aber was soll ich denn umbauen? Hast ja nichts dagelassen^^

hab das nun so gebaut...

Code:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

function fuellen1(){
var a, b;
b = document.FORMULAR.nummer.options[document.FORMULAR.nummer.selectedIndex].value;
if (b != "none") {
	new_inhalt = "";
		for(a=1;a<=b;a++){
		
			new_inhalt = new_inhalt + "<tr><td>"+a+". Expedient:</td><td><input type=\"text\" name=\"expi"+a+"\"			value=\"\"></input></td><td><input type=\"text\" name=\"expi"+a+"_code\" value=\"\"></input></td><td><input type=\"text\" name=\"expi"+a+"_mail\" value=\"\"></input></td></tr> 
";
		}
		
	document.getElementsByName("preis").item(0).innerHTML += "<table>"+new_inhalt+"</table>";
 }                       
}
//-->
</SCRIPT>

<form name="FORMULAR">
<select name="nummer" onchange="fuellen1()">
<option value="none">none
<option value="1">1
<option value="10">10
<option value="20">20
</select>
 
<div name="preis"></div>
 
</form>

Buhmann · 25.01.2006, 16:06

arg dreck ... ich dachte ich hätte den link kopiert ... hier isser
http://de.selfhtml.org/javascript/ob...m#append_child

wo hab ich heute nur meine gedanken? ....

[EDIT]
Das versprochene Beispiel:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>Formular</title>
  <meta name="generator" content="Webweaver v1.6.7 [http://webweaver.ws]" />
  <script type="text/javascript">
function add_fields(number) {
        for(var i=0;i<number;i++) {
                var newbr = document.createElement("br");
                var newInput = document.createElement("input");
                newInput.name = "input[]";
                document.getElementById("felder").appendChild(newbr);
                document.getElementById("felder").appendChild(newInput);
        }

}
  </script>
 </head>
 <body>
  <form name="f" action="bla.php" method="post">
   <fieldset>
    <legend>Neue Felder Einfügen</legend>
    <input name="n" value="1" /> <input type="button" onclick="add_fields(document.f.n.value);" value="OK" />
   </fieldset>
   <fieldset id="felder">
    <legend>Felder</legend>
   </fieldset>
  </form>
 </body>
</html>

Chaos234 · 17.01.2010, 02:46

Ich weis, hier wurde seit sehr langem nix mehr geschrieben, aber ich habe ein Problem, was hier her passt, und um doppelt Threads zu vermeiden, mache ich hier einfach mal weiter, i. d. Hoffnung, dass mir einer helfen kann.

Zuerst folgender Code:

Code:

{include file='documentHeader' sandbox='false'}
<head>
	<title>{lang}wcf.vip.request{/lang} - {PAGE_TITLE}</title>
	{include file='headInclude' sandbox='false'} 
    
	 <style type="text/css">
	 	.vipexisting {
			width: 100%;
			text-align: center;
		}
	 </style>
	 <script type="text/javascript">
									function payment () {								
										if (document.Formular.vip[0].checked == true) {
											var newInput = document.write("<div class=\"formFieldLabel\"><label for=\"username\">{lang}wcf.vip.additionalmoney{/lang}<\/label><\/div><div class=\"formField\"><input type=\"text\" class=\"inputText\" name=\"additionalMoney\" id=\"additionalMoney\" value=\"{@VIP_12}\" tabindex=\"{counter name='tabindex'}\" \/>{if $errorField == 'additionalMoney'}<p class=\"innerError\">{if $errorType == 'format'}{lang}wcf.vip.additionalmoney.format{/lang}{/if}<\/p>{/if}</div><div class=\"formFieldDesc\"><p>{lang}wcf.vip.additionalmoney.description{/lang}<\/p><\/div>");
											newInput.name = "input[]";
											document.getElementById("felder").appendChild(newInput);
										}	else if (document.Formular.vip[1].checked == true) {
											var newInput = document.write("<div class=\"formFieldLabel\"><label for=\"username\">{lang}wcf.vip.additionalmoney{/lang}<\/label><\/div><div class=\"formField\"><input type=\"text\" class=\"inputText\" name=\"additionalMoney\" id=\"additionalMoney\" value=\"{@VIP_24}\" tabindex=\"{counter name='tabindex'}\" \/>{if $errorField == 'additionalMoney'}<p class=\"innerError\">{if $errorType == 'format'}{lang}wcf.vip.additionalmoney.format{/lang}{/if}<\/p>{/if}</div><div class=\"formFieldDesc\"><p>{lang}wcf.vip.additionalmoney.description{/lang}<\/p><\/div>");
											newInput.name = "input[]";
											document.getElementById("felder").appendChild(newInput);
										}	else {
										}
									}
								</script>
</head>

<body{if $templateName|isset} id="tpl{$templateName|ucfirst}"{/if}>
{include file='header' sandbox=false}

<div id="main">

	<div class="mainHeadline">
		<img src="{icon}vipL.png{/icon}" alt="" />
		<div class="headlineContainer">
			<h2>{lang}wcf.vip.request.title{/lang}</h2>
		</div>
	</div>
    
    {if $userMessages|isset}{@$userMessages}{/if}
	
	{if $errorField}
		<p class="error">{lang}wcf.global.form.error{/lang}</p>
	{/if}
		{if !$this->user->vipID}
		<form name="Formular" method="post" action="index.php?form=VIP" onsubmit="return chkFormular()">
    		<div class="border content">
				<div class="container-1">
					<fieldset>
						<legend>{lang}wcf.vip.information{/lang}</legend>
							<div class="formElement">
								<div class="formFieldLabel">
									<label for="name">{lang}wcf.vip.username{/lang}</label>
								</div>
								<div class="formField">
									<input type="text" name="usermanme" value="{$this->user->username}" />
								</div>
							</div>
                    		<div class="formElement">
								<div class="formFieldLabel">
									<label for="term">{lang}wcf.vip.term{/lang}</label>
								</div>
								<div class="formField">
										<input type="radio" name="vip" id="1" onclick="return payment()"> {lang}wcf.vip.12{/lang} <br />
										<input type="radio" name="vip" id="2" onclick="return payment()"> {lang}wcf.vip.24{/lang} <br />
								</div>
							</div>
							<div id="felder" class="formElement{if $errorField == 'additionalMoney'} formError{/if}">
								
							</div>
					</fieldset>
				</div>
			</div>
			<div class="formSubmit">
				<input type="submit" name="send" accesskey="s" value="{lang}wcf.vip.submit{/lang}" tabindex="{counter name='tabindex'}" />
				<input type="reset" name="reset" accesskey="r" value="{lang}wcf.global.button.reset{/lang}" tabindex="{counter name='tabindex'}" />
				{@SID_INPUT_TAG}
			</div>
    	</form>
	{else}
    	<div class="vipexisting">{lang}wcf.vip.existing{/lang}</div>
	{/if}
	
</div>

{include file='footer' sandbox=false}
</body>
</html>

Dieser Code beschreibt ein Template, was bei einem WBB-Plugin erzeugt/dargestellt werden soll.

Nun findet man da oben 2 INPUT-Tags mit dem type="radio". Diese beinhalten 2 Auswahlmöglichkeiten; entweder VIP_12 oder VIP_24.

Nun wählt man z. B. VIP_12, dabei wird ein "onclick" aktiviert und das js im Header aktiviert. Natürlich funktioniert es, was den output angeht. Leider wird dieser nicht in dort angezeigt, wo er sollte, sondern auf einer neuen seite. Eigentlich soll nämlich der im JS definierte Output in:

Code:

<div id="felder" class="formElement{if $errorField == 'additionalMoney'} formError{/if}">
								
</div>

wiedergegeben werden.

Nun frag ich mich natürlich, wie das zu realisieren ist und, wo ich "deletChilde(newInput);" setzen muss, wenn ich zws. VIP_12/VIP_24 wechsle, da ja nur EIN Output aus dem JS angezeigt werden soll.

LG
Chaos234

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Snoopy Formulare absenden	helios	PHP-Fortgeschrittene	17	26.12.2008 12:55
Formulare: Login mit Kontrollstruktur	Jonas	PHP Tipps 2008	4	12.05.2008 10:34
php für mehrere formulare	tosalileo	PHP Tipps 2008	6	03.02.2008 18:41
Formulare automatisch ausfüllen lassen?	Marlboro	PHP Tipps 2008	4	23.08.2007 20:30
gehackte Formulare	seb-web	PHP-Fortgeschrittene	50	01.08.2006 15:59
Formulare verschachteln	R4v3r	HTML, Usability und Barrierefreiheit	8	16.01.2006 11:09
Array rekursiv bauen?	Anotherone	PHP Tipps 2007	4	04.11.2005 14:43
Mehrere Formulare auf einmal abschicken		PHP Tipps 2005-2	3	23.09.2005 10:31
Formulare Fehlerbehandlung (ausgefüllt/richtiges Format,...)		PHP Tipps 2005-2	2	04.09.2005 15:32
MS Acces Formulare retten		PHP Tipps 2005-2	12	13.08.2005 20:53
[Erledigt] zwei Formulare in einer Datei unterscheiden		PHP Tipps 2005-2	5	12.08.2005 19:37
[Erledigt] auf zwei Formulare in einen JS zugreifen		HTML, Usability und Barrierefreiheit	3	11.04.2005 18:42
Formulare mit <label> oder ne Tabelle		HTML, Usability und Barrierefreiheit	3	10.03.2005 21:35
Spamschutz / IP-Sperre für Formulare gesucht!		Beitragsarchiv	4	04.12.2004 17:29
Externe Formulare -per Php		PHP-Fortgeschrittene	5	20.10.2004 20:52

25.01.2006, 10:48
Dave Waterstone Benutzer Registriert seit: 15.01.2004 Beiträge: 68	JS - Formulare bauen Hi leute, kann mir einer helfen? Bin js newbi und verzweifel bald. Alles was ich wollte ist eine auswahl box (integer werten), anhand dessen wert den der user setzt, input felder erscheinen. Soll heißen, der user wählt 12 und ich erhalte darunter oder wo ich es nutzen möchte 12 mal <input type="text"....> währe nett wenn mir da einer helfen kann und mir per email bescheid gibt. vielleicht hat ja einer solch script rumliegen , weiß wo man es "klauen" könnte oder hat grad zuviel Zeit? __________________ .::Wenn das Rauskommt, wo ich überall reinkomme, komme ich da Rein, wo ich so schnell nicht mehr Rauskomme::. .:ie drei natürlichen Feinde des WebWorkers: Frischluft, Sonnenschein und das unerträgliche Gebrüll der Vögel.::


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.01.2006, 15:26
Buhmann Erfahrener Benutzer Registriert seit: 20.01.2005 Beiträge: 1.557 PHP-Kenntnisse: Fortgeschritten	Wenn du dich ein bisschen mit javascript auskennst, sollte das hier eingentlich als beispiel genügen ... muss nur umgebaut werden Hab grad keine Zeit das selbst zu bauen ... bin im Praktikum im Büro... sind aber gerade alle ausgeflogen Ich kanns evtl heut abend ma versuchen