Javascript input box create and event problem. (Create an input type dynamically.)

i use this code:

function addElementurl(){
var element = document.createElement("input");
element.setAttribute("type", "input");
element.setAttribute("value", "");
element.setAttribute("name", "website");
element.setAttribute("id", "website");
element.setAttribute("onblur", fieldBlur('addurl.php','editurl'));
var foo = document.getElementById("editurl");
var olddiv = document.getElementById("olddiv");
foo.removeChild(olddiv);
foo.appendChild(element);
}

call :

<span id="editurl"><span id="olddiv" onclick="addElementurl();">Add one</span></span></div>

i want when i click Add one it remove and show input box.

last when i leave or enter keyboard input box remove save data database and show it there.

my code when i click Add one this time come onblur event after data enter.

plz help me where the problem

 

any want help now iwant

i want when i click Add one it remove and show input box.

last when i leave or enter keyboard input box remove.

help me and earn $

 

Work is already done, in fact i have sent you video recorded demonstration, because its a frontend codings and can be easily downloaded, i have been waiting for your payment, but still waiting, You didn't come online again .. please come online, make a payment, and receive your file thanks!