Indsætte i ovenliggende div. (Ex. innerhtml)

<script type="text/javascript">
            function addInput(oElm){
                  var oNewInput = document.createElement('input');
                  oNewInput.setAttribute('type', 'text');
                  oElm.parentNode.appendChild(oNewInput);
              }
        </script>

...

<div><a href="#" onclick="addInput(this);">test</a><input type="text"></div>

og husk nu at glem alt om innerHTML :)

<ole>

splazz >> Et eksempel lige efter bogen! IE har dog et problem med name attributter, som den ikke kan sætte med setAttribute  :o|
    http://msdn.microsoft.com/en-us/library/ms536389(VS.85).aspx

Bemærk, hvad der står under Remarks:
Attributes can be included with the sTag as long as the entire string is valid HTML. To include the NAME attribute at run time on objects created with the createElement method, use the sTag .

Use the sTag to include attributes when form elements are created that will be reset using the reset method or a BUTTON with a TYPE attribute value of reset.

<script type="text/javascript">
Hvis du skal bruge name attributter (hvis det er en form, der skal sendes), kan du gøre noget i stil med:

var sUa = navigator.userAgent.toLowerCase(),
ie = (sUa.indexOf("msie")>-1&&sUa.indexOf("opera")<0);

function addInput(oElm, sName){
    var oNewInput = document.createElement( ie ? "<input name='"+sName+"'>" : "input" );
    oNewInput.setAttribute('name', sName);
    oNewInput.setAttribute('type', 'text');
    oElm.parentNode.appendChild(oNewInput); // Sidst i divet
    // oElm.parentNode.insertBefore(oNewInput, oElm.parentNode.firstChild); // Først i divet
    // oElm.parentNode.insertBefore(oNewInput, oElm); // Før linket
    // oElm.parentNode.insertBefore(oNewInput, oElm.nextSibling); // Efter linket
}
</script>

<div><a href="#" onclick="addInput(this, 'myNewInput');">test</a><input type="text"></div>

/mvh
</bole>

- hov ... scriptagget begynder et afsnit for tidigt  =)

-> ole - okay så :)

så hvis ie er sand opretter den inputtet inkl. navn og hvis ikke opretter den jo kun inputtet uden nogle attributer.

og hvis man anvender ie, så bliver denne linje bare "sprunget over":

    oNewInput.setAttribute('name', sName);

?

Superperfekt, første eksempel virkede som ønsket, så hvis du kaster et svar afsted :) Ole ligeså, så må jeg lige kaste lidt ekstra points rundt for den ekstra uddybning.

Havde godt læst lidt omkring at innerhtml var noget skidt (På oleboles side vist endda ;)), men det var lige hvad jeg kunne finde frem til uden videre, og da det blot er til internt brug er det ikke super vigtigt at det overholder alle mulige regler, så længe at det virker :P Men bestemt rart at det bliver lavet på den "rigtige" måde nu :)

Er der noget galt i at oprette på "IE" måden? document.createElement("<input name='"+sName+"'>");
Altså at skrive det hele i en lang smørre, i stedet for at angive det hele bagefter?

svar kommer her, så må ole lige besvare dit sidste spørgsmål, for det ved jeg ikke. :)

splazz >> Nej, linjen bliver sprunget over, men IE har på den anden side ikke noget imod den. Det 'sjove' er, at IE øjensynligt godt kan sætte attributten med setAttribute - den er der f.eks, når man spørger med getAttribute - men den virker ikke, når dokumentet efter en submit rammer serveren. Her eksisterer feltet ikke  :o|

melieha >> IE's måde at oprette elementer på er højst ustandardiseret, men man er nødt til det, indtil vi får XForms - hvilket nok vil ske sammen med indførelsen af XHTML 2.0.
DOM Level 2 og forms spiller i forvejen rigtig skidt sammen

-> ole - okay, skrammel!

Kampskrammel ...!

Hej begge to, og tusinde tak for hjælpen :) Det spiller bare super godt!

Jeg kunne ikke finde noget sted til at tildele spørgsmålet flere points, så de blev delt lige imellem jer.

tak for point, det er rigeligt med de 30 for mit vedkommende - det er jo ikke det det handler om :)

Tak for points - vi er alle tilfredse  ;o)