Välja antal "INPUT" rutor

firstchoiceMedlem sedan okt. 2001615 inlägg

Frågan1 mars 2005 20:54#1

jag har ett formulär där det ingår en:

   <INPUT TYPE="FILE" NAME="FILE1" SIZE="50"><BR>

finns det möjlighet att tex lägga massa sådana här i en div tag och gömma dem, och sen utifrån hur många användaren väljer så visas det antalet.

att den skickar iväg tomma har ingen betydelse
bara att den skall visa det antalet som besökaren väljer

nitro2k01Medlem sedan aug. 20039 340 inlägg

2 mars 2005 17:48#2

En liten bugg har skriptet dock: Om du väljer en fil i en ruta och sedan gömmer den kommer filen ändå skickas.

<head>
<style>
.filecontainer	{display: none;}

</style>
<script><!--
inputs="";
displayanyway = " style=\"display: block;\" ";
maxinputs=50;
mininputs=5;
visibleinputs = 5;

for (i=0; i<maxinputs; i++){
	inputs += "<div " + ( (i<mininputs)?displayanyway:"" ) + " class=\"filecontainer\" id=\"filecontainer" + i + "\"><input type=\"file\" name=\"file" + i + "\"/></div>";
}

function lessinputs(bynumber){
	visibleinputs-=bynumber;
	fixvisibility();
}

function moreinputs(bynumber){
	visibleinputs+=bynumber;
	fixvisibility();
}

function fixvisibility(){
	if (visibleinputs<mininputs)
		visibleinputs=mininputs;

	if (visibleinputs>maxinputs)
		visibleinputs=maxinputs;

	window.status = visibleinputs;

	for(i=0; i<maxinputs; i++){
		document.getElementById("filecontainer" + i).style.display=(i<visibleinputs)?"block":"none";

	}
}

--></script>
</head>
<body>

<form>

<a href="javascript:;;" onclick="lessinputs(5);">-5</a> - <a href="javascript:;;" onclick="lessinputs(1);">-1</a> - <a href="javascript:;;" onclick="moreinputs(1);">+1</a> - <a href="javascript:;;" onclick="moreinputs(5);">+5</a>
<script><!--
document.write(inputs);
--></script>

</form>

</body>

firstchoiceMedlem sedan okt. 2001615 inlägg

2 mars 2005 20:01#3

fick tyvärr inte det att fungera i IE6
blir bara en tom sida när jag trycker på länkarna (+,-)