отправить форму из <div>html-значения в codeigneter - PullRequest
Новая
       6

отправить форму из <div>html-значения в codeigneter

0 голосов
/ 21 марта 2012

У меня проблема с использованием формы в codeigneter, когда нужно отправить значение из div html,

пример просмотра 

<label for="title">Title:</label>
<input type="text" class="form_field" id="title" name="title" size="30" value="<?php echo set_value('title', isset($default['title']) ? $default['title'] : ''); ?>" />
  <div class="form_field" name="contentbox" id="contentbox" contenteditable="true"> 
   <?php echo set_value('contentbox', isset($default['contentbox']) ? $default['contentbox'] : ''); ?></div>

в div id = "contentbox" установлен contenteditable = "true", и я получу динамическое значение,

Контроллер 

....

$data = array( 'title' => $this->input->post('title'),
           'content' => $this->input->post('contentbox'));
$this->my_model->add($data);

....

но в контроллере я не могу получить значение div id = "contentbox", у меня проблема с вводом в базу данных, когда я набираю "sometext" в div id = "contentbox", значение всегда "0"

1 Ответ

0 голосов
/ 22 марта 2012

Вы можете использовать плагин cookie jquery, чтобы получить токен CI csrf и включить его перед этой функцией

JQuery 

 (function($){

        var do_ajax = function(data, scope){

            // depending on your version of CI csrf token name will differ
            // newer versions of CI use the name in your application/config file

            data = {content : data, csrf_token : $.cookie('csrf_token')}

            $.ajax({
                url : BASE_PATH + 'some_class/some_method',
                data: data,
                context : scope,
                type : 'POST',
                dataType : 'json',
                success : function(callback){
                   //check the status first!

                   var $this = $(this);
                   $this.find(".msg").fadeIn();
                   $this.find("#contentbox").html(data);
                }
            });
        }

        var contents = {
            init: function(){
                if($("#editme"))
                   this.contentEditable();
            },
            contentEditable : function(){
                var scope    = $("#editme"),
                    eicon    = $(".icon-editable").hide(),
                    emessage = $(".msg").hide(),
                    econtent = $("#contentbox");

            econtent.hover(function(){
               eicon.show();
            }, function(){
               eicon.hide();
            });

            econtent.blur(function(){
               do_ajax($(this).html(), scope);
            });

            }        
        }

        $(function(){
            contents.init();
        });

    })(jQuery);

HTML 

<div id="editme" class="editme">
    <span class="icon-editable">✎</span>
    <span class="msg">Content updated!</span>
    <h4>Some relevant title</h4>
    <div id="contentbox" class="contentbox" contenteditable="true">
        This is editable...
    </div>
</div>

CSS 

div.editme{
    position:relative;
    background:#ffffff;
    padding:30px 8px 8px 8px;
}
span.icon-editable, span.msg{
    position:absolute;
    top:0;
}
span.icon-editable{
    left:0;
    border:1px solid #d1d1d1;
    border-top:0;
    border-left:0;
    font-size:1em;
    line-height:1.2em;
}
span.msg{
    right:0;
    font-size:0.8em;
    line-height:1.2em;
    color:#fafafa;
    background:green;
    padding:3px;
}

PHP 

class some_class extends Controller{

    public function some_method(){
        if($this->input->is_ajax_request())
        {
           $data = array(
               'content'  => $this->input->post('content')
           );

           if($this->my_model->add($data))
           {
              $responce = array(
                  'status' => 'ok'
              );
           }
           else
           {
              $responce = array(
                  'status' => 'notok'
              );
           }
           echo json_encode($responce);  
        }
        else
        {
           show_404();
        }
    }
}

Тестовая версия без AJAX-запроса НАЖМИТЕ ЗДЕСЬ

...