JavaScript Instant Edit med button?
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 = '<input type="text" value="'+e.innerHTML+'" />' +
'<input type="submit" value="Edit" name="Submit"' +
'onclick="myEditable(this, \'edit\')"/> ';
// 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+'&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;
}
}
}
1. Her er scriptet til at starte med, som jeg har problem med
2. http://jsbin.com/ofave for at gøre det lettere, så har jeg lavet en demo på JSBIN, klik på linket så kan i se hvordan scriptet virker.
3. Spørgsmål:
Det er sådan at jeg har dette script, som gør at du kan klikke på "field1" så bliver den til en input redigerings felt samt kommer der en submit button. Dette script VIRKER uden den der submit button, men jeg vil gerne have at scriptet ska virke MED submit button, Altså, at efter man har ændret teksten, så når man klikker på "Edit" (submit button) så ændres teksten og den ud fra "redigeringsmode".
Som sagt virker det UDEN den der button, og i kan se her hvordan det virker uden den button: http://jsbin.com/agoga der 'gemmer' den osv gennem med OnBlur.
Håber i forstod mig, på forhånd tak!!