Add item to MySql without leaving a webpage

[feraswheel]

Hey guys. I got a few things i need help with please.

1 ) I want to add items to a database (comments) while not leaving the same page.

2 ) I want comments (max 20 comments per page) to be visible. With Next and Previous (+numbers) inbetween them, But once clicked, i dont want it to refresh/go to a new page. I want it to just update the current fields.

If you can help me it would be MUCH appreciated!
Thank you so much.

[egami]

You'll need to learn a little about AJAX and CSS.

[macek]

You must use some JavaScript ,.. I recommend to use jQuery ( jQuery POST - http://api.jquery.com/jQuery.post/ and jQuery LOAD - http://api.jquery.com/load/ )

[webinfopedia]

Here am posted an article called submit a form without refreshing a web page. Hope that it will help you.
Here is the article link
http://www.webinfopedia.com/registration-form-in-php.html
Am using Ajax to submit the form

Code: Select all

<script type="text/javascript">
                $(document).ready(function()
                {
                $("#register").click(function(){
                var element = $(this);
                var Id = element.attr("id");
                var loadplacecomment = $("#message");
               
                var username = $("#username").val();
                var password = $("#password").val();
                var email = $("#email").val();
                var mobile = $("#mobile").val();
                var dataString = 'username='+ username + '&password='+ password + '&email='+ email +'&mobile='+ mobile;
                //alert(dataString);
                if(username==''|| password=='' || email=='' || mobile=='')
                {
                alert("Please Enter all the Fields");
                }
                else
                {
                $("#flash").show();
                $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> loading.....');
               
                $.ajax({
                type: "POST",
                url: "ajaxinsert.php",
                data: dataString,
                cache: false,
                success: function(html){
            loadplacecomment.html('');
                $("#message").append(html);
                $("#flash").hide();
                }
                });
                }
                return false;});});
                </script>

Thank You.

[isaiahiroko]

From what i've heard, learning AJAX is your best option. I think it can perform many magics.