Opret textbox

AnyOne??

Hvordan skal du bruge det, for det er ikke svært at lave et element:

newInp = document.createElement('INPUT');
document.forms[0].appendChild(newInp);
newInp.type="text";
newInp.name="nyInput";
newInput.value="En ny text";
newInput.disabled=true;

-- men der skal være noget differentiering på indhold og navn ?-)

roenving> Er det IE eller X-browser?

Det er DOM-browser !-)

"newInput" skal være "newInp":
newInput.value="En ny text";
newInput.disabled=true;

har rettet det og det virker fint:

<script type="text/JavaScript">
<!--
function doit()
{
newInp = document.createElement('INPUT');
document.forms[0].appendChild(newInp);
newInp.type="text";
newInp.name="nyInput";
newInp.value="En ny text";

// har fjernet disabled=true.. man skal jo kunne skrive i feltet..? :-)

}
//-->
</script>

<form>
<input type="button" value="opret ny" onclick="doit()">
</form>


- Men hvordan justerer man placering (top og left)? :-)

Roenving, det virker, ang. navn og value, så har jeg ordnet det. Men kan det lade sig gøre at lave den hidden i stedet for text ?

For at det virker med "hidden" skal linie "document.forms[0].appendChild(newInp);" stå nederest:

newInp = document.createElement('INPUT');
newInp.type="hidden";
newInp.name="nyInput";
newInp.value="En ny text";
newInp.style.top = 200;
document.forms[0].appendChild(newInp);

linie "newInp.style.top = 200;" er en test jeg lavde.. det virker åbenbart ikke..


Se evt koden her: http://www.faqts.com/knowledge_base/view.phtml/aid/1785/fid/255

Gem koden i en html fil, og se scriptet.

Aha.. du kan selv bestemme hvor den skal oprettes henne, hvis du bruger:

newInp.style.position="absolute";
newInp.style.top = 200;
newInp.style.left = 20;

>>thesurfer

Husk _altid_ enhed på css-angivelser: '200px' !-)

-- og det er rigtigt, at input types er så forskellige, at type skal være angivet før append ...

OK :-)
Man skal så også huske at putte ' eller " tegn udenom :-)


Hvorfor kan man så ikke aflæse værdien af feltet? F.eks.:

<script type="text/JavaScript">
<!--
function doit()
{
newInp = document.createElement('INPUT');
newInp.type="text";
newInp.name="nyInput";
newInp.value="En ny text";
newInp.style.position="absolute";
newInp.style.top = "200px";
newInp.style.left = "20px";
document.forms[0].appendChild(newInp);
}
//-->
</script>

<form>
<input type="button" name="objnew" value="opret ny" onclick="doit()">
<input type="button" name="objalert" value="opret ny" onclick="alert(document.forms[0].nyInput.value)">
</form>

( Det skal lige siges, at "document.forms[0]" kan erstattes af "this.form".. )

Hvis man ikke kan aflæse værdien, er feltet jo værdiløst..?

OK.. underligt..
Man kan godt aflæse værdien, i Mozilla FireFox og Opera.. men ikke i Internet Explorer 6..?

Og du kan prøve denne:

<input type="button" name="objalert" value="vis ny" onclick="f=this.form.elements;txt='';for(i=0;f.length>i;i++)txt+=f[i].type+' - '+f[i].name+':\t'+f[i].value+'\n';alert(txt)">

Det virker fint :-)

I Internet Explorer, kan man altså ikke tilgå det nye element direkte..? man skal loop'e igennem formens elementer..?

Det var også min konklusion, men jeg vil tro, at det faktisk virker ved submit, men det kan jeg ikke lige prøve ...

Hehehe.. jeg har bare overtaget spm'et :-)

mini-me> Hvis du vil stille nogle spørgsmål, er du meget velkommen til gøre det :-)


.. det med submit fik jeg ikke helt.. du mener at oprette en submit knap..?

Ja, jeg tror at feltet kommer med ved submit af formen !-)

hehe.. det gør det sq :-)
Jeg klikkede på "opret ny"-knappen, og derefter på submit-knappen...

Eksempel:
<script type="text/JavaScript">
<!--
function doit()
{
newInp = document.createElement('INPUT');
newInp.type="hidden";
newInp.name="nyInput";
newInp.value="En ny text";
newInp.style.position="absolute";
newInp.style.top = "200px";
newInp.style.left = "20px";
document.forms[0].appendChild(newInp);
}
//-->
</script>

<form method="get">
<input type="button" name="objnew" value="opret ny" onclick="doit()">
<input type="button" name="objalert" value="vis ny" onclick="f=this.form.elements;txt='';for(i=0;f.length>i;i++)txt+=f[i].type+' - '+f[i].name+':\t'+f[i].value+'\n';alert(txt)">
<input type="submit" name="submit" value="Send">
</form>

Gav urlen:
?submit=Send&nyInput=En+ny+text

smid nogle svar så vi kan få lukket :P Jeg har fået det til at virke...

Velbekomme '-)

OK, her er et svar, for min kritik af roenvings kode ;-)
.. og "rettelser"/ideer..

-- og tak for point ;~}