<ole>
hatecaps >> Som gammel didgeridoo-spiller ved jeg, man i hvert fald kan blæse og trække vejret samtidigt ;-)
Prøv denne mother-fucker:
<html>
<head>
<script language="javascript">
<!--
var n = document.layers;
var ie = document.all;
if (n) {
visible='show';
hidden='hide';
}else if (ie) {
visible='visible';
hidden='hidden';
}
var check = 0;
function chTex(){
if (ie) {
if (check==0) {
lag1.innerHTML=mycont;
document.all("lag1").style.visibility=visible; document.all("lag0").style.visibility=hidden;
document.lag1.document.forms[1].elements[document.lag1.document.forms[1].length-3].focus();
check = 1;
}else{
lag0.innerHTML=mycont;
document.all("lag0").style.visibility=visible; document.all("lag1").style.visibility=hidden;
document.lag0.document.forms[1].elements[document.lag0.document.forms[1].length-3].focus();
check = 0;
}
}else if (n) {
if (check==0) {
document.lag1.document.write(mycont);
document.lag1.document.close();
document.layers["lag1"].visibility=visible; document.layers["lag0"].visibility=hidden;
document.lag1.document.forms[0].elements[document.lag1.document.forms[0].length-3].focus();
check = 1;
}else{
document.lag0.document.write(mycont);
document.lag0.document.close();
document.layers["lag0"].visibility=visible; document.layers["lag1"].visibility=hidden;
document.lag0.document.forms[0].elements[document.lag0.document.forms[0].length-3].focus();
check = 0;
}
}
}
var myValues = new Array();
var mycont = "";
var num = 0;
function makeCont(myNumber) {
if (check==0) {
lagId = 'lag0';
}else{
lagId = 'lag1';
}
with (document[lagId].document.forms[num]) {
for (i=0; i<length; i++){
myValues[i] = elements[i].value;
}
}
mycont = "<form name='minForm'>";
for (j=0; j<myValues.length; j++) {
k = j+1;
if (k<10) {
k = "0"+k;
}
mycont += "<input type='text' name='input"+k+"' value='"+myValues[j]+"'><br>";
}
k++;
for (l=k; l<(parseInt(k)+parseInt(myNumber)); l++) {
if (l<10) {
l = "0"+l;
}
mycont += "<input type='text' name='input"+l+"'><br>";
}
mycont += "</form><br>";
chTex();
if (ie) {
num = 1;
}
}
//-->
</script>
<style type="text/css">
.lag {position:absolute;
left: 210;
top: 10px;
width: 180px;
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 10px;
}
</style>
</head>
<body>
<p><a href="#" onclick="makeCont('3');">Lav 3 nye boxe her...</a></p>
<div id="lag0" style="z-index:0; visibility: visible" class="lag">
<br><form name="minForm">
<input type="text" name="input01"><br>
<input type="text" name="input02"><br>
<input type="text" name="input03"><br>
<input type="text" name="input04"><br>
</form>
</div>
<div id="lag1" style="z-index:0; visibility: hidden" class="lag">
</div>
</body>
</html>
Den fungerer X-browser. Jeg har testet på MacG3 med NS4.08 og IE4.5.
Der er ingen, der siger, det hele ikke kunne skrives lidt mere sexy, men her er det altså lige fra tegnebordet - mere for at vise, det KAN lade sig gøre ;-)
Der er en del mærkværdigheder i browsernes måde at fortolke forms i lag på (opdagede jeg...!), derfor vil den øvede JavaScripter nok undre sig over nogle af de ting, jeg skriver - men det er åbenbart nødvendigt!?!
Hovedideen er at lave to lag. Det ene indeholder en form med fire felter (det kunne være et hvilket som helst antal). Værdien af disse felter bankes ind i et array. Det andet lag er 'hidden'.
I det andet lag skrives en form med det antal elementer array'et indeholder - og med disse elementer som værdier. Formen kopieres med andre ord blot over i det andet lag. Inden den afsluttes med '</form>', skrives et antal nye felter - bestemt i funktions-kaldet. Til aller sidst gøres det første lag usynligt og det andet synligt.
Det samme kan så gentages den anden vej - over til det første lag, osv i én uendelighed.
Kunsten er bl.a. at kalde formen rigtigt...puha, den trak tænder ud...!
Man er åbenbart også nødt til at jonglere mellem to lag, da man øjensynligt ikke kan trække værdierne ud, gemme dem i et array og så skrive dem ind i samme lag i ét hug. Der sker mærkelige ting med hukommelsen...???
Du skal ændre visse steder i 'for' løkkerne, når du indsætter submitbutton eller andre form elementer. Hvis du ikke selv kan finde ud af det, må du gerne maile mig på:
oc@adr.dk
/VH
</bole>
