Mika Tuupola

10 Responses to “PUT Support for Jeditable”

1. Caleb Cushing says:
   September 6th, 2008 at 10:25 AM

   Any chance you could post a small tutorial on what to put in your SSS (server side scripts) maybe in php?

   also is it possible to say for example to have jeditable applied to targets by class (e.g. $(”.edit”) ) but have it apply the same ‘name’ as the ‘id’ of the class it’s selected when posting? that way I only have to write the jeditable script once even though it’s going to send different names on different parts of the form.

2. Mika Tuupola says:
   September 6th, 2008 at 02:24 PM

   Good idea. In the meanwhile check the PHP code used in demos. They should be pretty self explanatory.

   There is also a tutorial on using Jeditable with CakePHP in Cakebaker.

   For the second question, you can (and you usually should) attach Jeditable to a class. For example .editable.

   <div class=”editable” id=”foo>Lorem ipsum</div>
   <div class=”editable” id=”bar>Dolor sit amet</div>

   You only need to attach to class, not id’s. When you edit the first div and submit data, following will be sent:

   id=foo&value=newtext
   

   When you edit second div and submit data, following will be sent:

   id=bar&value=newtext
   

   If you for some reason want to override this, just define id using submitdata parameter:

   $(".charcounter").editable("http://www.example.com/save.php", { 
       submitdata : {id : "something"}
   });
   

   That said, you usually do not want to override id. You need some unique identifier for saving and loading updates from database.

3. Caleb Cushing (xenoterracide) says:
   September 13th, 2008 at 02:08 AM

   I don’t want to override id. here’s an example of my code

   $(document).ready(function() {
       $("#concept").editable("save.php", {
           name    :   'concept',
           height  :   '20px',
           width   :   '100px'
       });
       $("#faction").editable("save.php", {
           name    :   'faction',
           height  :   '20px',
           width   :   '100px'
       });
       $("#template").editable("save.php", {
           name    :   'concept',
           height  :   '20px',
           width   :   '100px'
       });
   });
   

   so the normal string submitted is the id and the value but I basically want to refer to them in the php like this…

   $_POST[‘concept’];

   to do that I basically would want jeditable to send the same name as the id on the class it’s selecting.

4. Caleb Cushing (xenoterracide) says:
   September 13th, 2008 at 03:44 AM

   also I’m not sure I really understand how to use id=bar&value=newtext from a php perspective. I don’t think that can be accessed as $POST[‘bar’] can it? most of what I see is OOP for retrieving the data… I don’t really char about OOP… I think it adds complexity and bloat in most languages.

5. Caleb Cushing (xenoterracide) says:
   September 13th, 2008 at 03:45 AM

   also I’m not sure I really understand how to use id=bar&value=newtext from a php perspective. I don’t think that can be accessed as $POST[‘bar’] can it? most of what I see is OOP for retrieving the data… I don’t really care about OOP… I think it adds complexity and bloat in most languages.

6. Caleb Cushing (xenoterracide) says:
   September 13th, 2008 at 03:57 AM

   I get it now…

   javascript

   $(document).ready(function() {
       $(".edit").editable("save.php", {
           name    :   'edit',
           height  :   '20px',
           width   :   '100px'
       });
   

   <?php
       if (!empty($_POST['edit'])) {
           echo $_POST['edit'];
           unset($_POST['edit']);
   // to get the id and give it back
           echo $_POST['id'];
       }
   ?>
   

7. Mika Tuupola says:
   September 13th, 2008 at 01:26 PM

   Caleb: “also I’m not sure I really understand how to use id=bar&value=newtext from a php perspective. I don’t think that can be accessed as $POST[‘bar’] can it? most of what I see is OOP for retrieving the data. I don’t really char”

   There are some good tutorials about PHP and forms. If browser POSTs string id=bar&value=newtext that will be available in PHP as:

   print $_POST['id'];
   print $_POST['value'];
   

   A good way to debug what your browser is sending is doing something like:

   print "POST: ";
   print_r($_POST);
   print "GET: ";
   print_r($_GET);
   

   “to do that I basically would want jeditable to send the same name as the id on the class it’s selecting.”

   I still do not understand the sentence. However here is explanation one again.

   • By default Jeditable POST:s value of edited elements attribute id as $_POST[‘id’].
   • By default Jeditable POST:s the edited content in $_POST[‘value’].

   This means string submitted via POST to server looks like this:

   id=foo&value=newtext
   

   If this is not what you want you can alter the behaviour using id and name settings. These settings alter the name of the parameter submitted to server. For example:

   $(".editable").editable("http://www.example.com/save.php", { 
       id   : 'element_id',
       name : 'content'
   });
   

   With setting above following will be POST:ed to server.

   element_id=foo&newvalue=newtext
   

8. Simon says:
   September 19th, 2008 at 07:28 PM

   Hi there, many hanks for this. I’m trying to send the input to a mysql database with php. I’‘m struggling with the following code. How do I retrieve the user input and add it to my UPDATE query?

   <?php
   $txt = $_POST["value"]; // I guess this is where I'm going wrong
   
   $con = mysql_connect("localhost","user","password");
   if (!$con)
     {
     die('Could not connect: ' . mysql_error());
     }
   
   mysql_select_db("mydb", $con);
   
   mysql_query("UPDATE editinplace SET txt = '$txt' WHERE id='1' ");
   
   mysql_close($con);
   
   ?>
   

   Your help with this would be greatly appreciated.

   Simon

9. jamieorc says:
   November 13th, 2008 at 02:42 AM

   I’m trying out jeditable with Ruby on Rails 2.1. I’m having a problem generating a Rails resource-style URL. I need the target to be constructed from the base path like ”/categories/” plus the id of the item:

   target : ”/categories” + this.id

   The problem is that this.id is undefined.

   Any idea how I can solve this?

10. Mika Tuupola says:
    November 14th, 2008 at 12:44 PM

    jamieorc: Now when I think of it there is no easy way to do it. I have one idea of solution. Needs an update to Jeditable code. I try to make it during this weekend.

Leave a Reply