Note that there are some explanatory texts on larger screens.

plurals
  1. POJS Input box more of them?
    text
    copied!<p>I have a profile.php, where each user in the community have their profile. Now i want to do something smart out of the editing, so i wish to do so when you click on a field it turns to a input and then you can edit it the field.. (example: www.azzyh.dk, click on "Click ME") Anyways, </p> <p>I know how to do this already, heres a script:</p> <pre><code>&lt;script language="JavaScript"&gt; function createObject() { var request_type; var browser = navigator.appName; if(browser == "Microsoft Internet Explorer"){ request_type = new ActiveXObject("Microsoft.XMLHTTP"); }else{ request_type = new XMLHttpRequest(); } return request_type; } var http = createObject(); function myEditable(e, act) { if (act == 'click') { // lav indholdet af span om til et input felt og sæt et onblue event på den e.innerHTML = '&lt;input type="text" value="'+e.innerHTML+'" onblur="myEditable(this, \'edit\')" /&gt;'; // fjern span onclick eventen e.onclick = null; } else if (act == 'edit') { var nocache = 0; // hent span elementet igen var parentElement = e.parentNode; // Opdater span teksten, e.value er den nye værdi parentElement.innerHTML = e.value; nocache = Math.random(); var tekstny= e.value; http.open('get', 'editsave.php?tekstny='+tekstny+'&amp;nocache = '+nocache); http.onreadystatechange = insertReply; http.send(null); // placer onclick eventen igen på span elementet (function(e){ e.onclick = function() { myEditable(e, 'click'); }; })(parentElement); } function insertReply() { if(http.readyState == 4){ var response = http.responseText; // else if login is ok show a message: "Site added+ site URL". document.getElementById('insert_response').innerHTML = ''+response; } } } &lt;/script&gt; &lt;p&gt; &lt;h1&gt;&lt;div align="center"&gt;&lt;span onclick="myEditable(this, 'click');"&gt;&lt;?=$row["felt"]; ?&gt;&lt;/span&gt;&lt;/h1&gt;&lt;/div&gt; &lt;/p&gt; &lt;div id="insert_response"&gt;Respons: &lt;/div&gt; </code></pre> <p>And this works good.</p> <p>But what i now want to is to add more fields to edit, and then make a submit button appear when you starts to edit a field.</p> <p>How should i do this?</p> <p>So if i have 5 fields it would output:</p> <pre><code>http.open('get', 'editsave.php?field1='+field1+'&amp;field2='+field2+'&amp;field3='+field3+'&amp;field4='+field4+'&amp;field5='+field5+'&amp;nocache = '+nocache); </code></pre> <p>Thank you stackoverflow community!</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload