Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[moonlord]

stitzi ceva script ajax edit-in-place fara folosirea prototype sau jquery?

[Copyright]

Uite aici un exemplu banal, trebuie sa mai adaugi doar salvarea in baza de date via Ajax.

Cod:
function setEditableText(){
   var elems = document.body.getElementsByTagName("*");
   for(var i = 0, n = elems.length; i < n; i++){
      if(elems[i].className == "editable"){         
      
         elems[i].ondblclick = function(){
            var edit = document.createElement('input');
            edit.setAttribute("type", "text");
            edit.setAttribute("value", this.innerHTML);
            this.parentNode.insertBefore(edit,this);
            this.parentNode.removeChild(this);
            
            edit.onblur = function(){
               var text = document.createElement('span');
               text.appendChild(document.createTextNode(this.value));
               text.setAttribute("class", "editable");                              
               this.parentNode.insertBefore(text,this);
               this.parentNode.removeChild(this);
               setEditableText(); 
            }
         }
      }
   }   
}
window.onload = setEditableText;

................................................

<span class="editable">Double-click me to edit my text!</span>


Later.

[moonlord]

ok merge, am incercat eu sa fac partea cu ajax dar nu`mi iese.
Cod:
function trimitere() {
    var date=document.getElementById('vlad').value; 
    var url = "vlad.php";
    var urlc = url+"?date=" + date ;
    http.open("GET",urlc,true);
    http.onreadystatechange = useHttpResponse;
    http.send(null);
    }
function useHttpResponse() {
    if (http.readyState == 4) {
        if(http.status == 200) {
            var timeValue = http.responseText;
            document.getElementById('text').innerHTML = timeValue;
        }
    }
}


am mai adaugat la functia de sus edit.setAttribute("id", "vlad"); . Dar stiu ca nu avea cum sa mearga ca poate is mai multe field`uri si le da la toate id="vlad". Deci knd apas pe buton primesc eroarea asta in bugzilla:document.getElementById("vlad") has no properties
[Break on this error] var date=document.getElementById('vlad').value;

Presupun pt ca functia onblur face removeChild...

[andrei009]

uite aici un tutorial care foloseste jquery

[moonlord]

am precizat mai sus ca vreau fara jquery...

[Copyright]

moonlord a scris: am mai adaugat la functia de sus edit.setAttribute("id", "vlad"); . Dar stiu ca nu avea cum sa mearga ca poate is mai multe field`uri si le da la toate id="vlad". Deci knd apas pe buton primesc eroarea asta in bugzilla:document.getElementById("vlad") has no properties
[Break on this error] var date=document.getElementById('vlad').value;

Presupun pt ca functia onblur face removeChild...

Nu inteleg de ce te complici cu id-uri, cand e mult mai usor sa folosesti direct referinta catre elementul respectiv pe evenimentul onblur.

Cod: edit.onblur = function(){
    var text = document.createElement('span');
    text.appendChild(document.createTextNode(this.value));
    text.setAttribute("class", "editable");
    this.parentNode.insertBefore(text,this);
    this.parentNode.removeChild(this);
    setEditableText();
   
    http = ...creaza obiectul xmlHttp
    http.open("GET", "vlad.php?date="+this.value, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4 && http.status == 200) {
            text.innerHTML = http.responseText;
        }
    }
    http.send(null);
    }
}
Later.

[moonlord]

da...era simplu asa , nu m`am gandit :) ms mult ;)

[moonlord]

merge, doar ca imi introduce in baza de date de 2 ori aceasi valoare. De ex: daca vreau sa introduc valoarea Vlad, o introduce de 2 ori

[PHPRomania Bot]