Login

01-16-2011, 09:28 PM

[eluser]psychoder[/eluser]
don't know where to put this... Jquery forum or codeigniter..

Controller

Code:
class Home extends Controller {

    function __construct() {

        parent::Controller();

        $this->load->helper('url');

        $this->load->model('model_home');

    }

    function index() {

        $this->load->view('view_home');

    }

    function log_in(){

        $uname = $_POST['name'];

        $pwd = $_POST['password'];

        echo json_encode($this->model_home->validate($uname, $pwd));

    }

}

Model

Code:
class Model_home extends Model {

    function __construct() {

        parent::Model();

    }

    function validate($uname, $pwd) {

        $this->db->from('accounts');

        $this->db->where(array('uname'=>$uname, 'password'=>$pwd));

        return (int)  $this->db->get()->num_rows();

    }

}

view

Code:
&lt;html&gt;

    &lt;head&gt;

        &lt;title&gt;

        &lt;/title&gt;

        &lt;link type="text/css" rel="stylesheet" href="&lt;?php echo base_url(); ?&gt;style/style.css"&gt;

        &lt;link type="text/css" rel="stylesheet" href="&lt;?php echo base_url(); ?&gt;style/ui-css/ui-lightness/jquery-ui-1.8.7.custom.css"&gt;

        [removed][removed]

        [removed][removed]

        [removed]

            $(document).ready(function(){

                //initialize log in form

                $('#dialog-form').dialog({

                    autoOpen: true,

                    modal: true,

                    draggable: false,

                    height: 300,

                    width: 400,

                    resizable: false,

                    buttons: {

                        'Log-in': function() {

                            $.post(

                                'index.php/home/log_in',

                                {name: $('#name').val(), password: $('#password').val()},

                                function (response) {

                                    if(response){

                                        alert(response);  //this is the problem

                                        $('#dialog').dialog('close');  //this is the problem

                                    } else {

                                        alert('invalid');

                                    }

                                },

                                'json'

                            );

                        } ,

                        'Cancel': function() {

                            $(this).dialog('close');

                        }

                    }

                });

            //end of initializing log in form

        });

        [removed]

        &lt;!--edit progress bar properties--&gt;

        &lt;style type="text/css"&gt;

            #progressbar {

                height: 20px;

                width: 300px;

                azimuth: center;

            }

        &lt;/style&gt;

    &lt;/head&gt;

    &lt;body&gt;

        <div id="dialog-form" title="Log-in Form">

            <p>Please supply the following information.</p>

            &lt;form&gt;

                <label for="name">Name</label>

                &lt;input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /&gt;&lt;br>

                <label for="password">Password</label>

                &lt;input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" /&gt;

            &lt;/form&gt;

        </div>

    &lt;/body&gt;

&lt;/html&gt;

the problem is...
the alert msgbox appears but the dialog do not close or hide...
any help would be greatly appreaciated...
regards...

01-16-2011, 10:32 PM

[eluser]Atharva[/eluser]
Try

Code:
$(this).dialog('close');

Also see if you are getting any error via firebug.

01-16-2011, 11:10 PM

[eluser]psychoder[/eluser]
thanks for the response....
done that already, but still the same..
no error in firebug...

what confused me is that in the button can cancel which closes the dialog,
the code works perfectly... ???

01-17-2011, 06:14 AM

[eluser]yorvik[/eluser]
You forgot to write you close function

Code:
close: function() {

        allFields.hide();

     => or allFields.removeClass(..);

}