vb.org Archive - View Single Post - Ajax - Edit-in-place prob ( html )

Mixtoon · #1 07-01-2008, 01:22 PM

Hi,

I have a code which helps me to edit a text and save it to database.

the files I have:

articles.html

PHP Code:


			
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<script type="text/javascript" src="prototype.js"></script>



<script type="text/javascript">



    function init()

    {

        Event.observe("edit", "click", function(e){ edit_in_place() });



        Event.observe("save", "click", function(e){ save() });



        Event.observe("cancel", "click", function(e){ cancel() });

    }



    function edit_in_place()

    {

        $("save_settings").style.display = "inline";



        $("edit_settings").style.display = "none";



        var article_title = '<input type="text" name="article_title" id="article_title"';

        article_title += 'size="30" value="'+$("title").innerHTML+'" >';

        

        $("title").innerHTML = article_title;

        





    }

    

    function save()

    {

        new Ajax.Request("articles.php", 

            {

                method: "post",

                postBody: "title="+$F("article_title")+

                "&uid=1"+"&save="+$F("save"),

                onComplete: show 

            }

        );

    }



    function show(res)

    {

        $("title").innerHTML = $("article_title").value;

        $("save_settings").style.display = "none";

        $("edit_settings").style.display = "inline";

    }



    function cancel()

    {

        $("title").innerHTML = "Edit the article title here...";

        $("save_settings").style.display = "none";

        $("edit_settings").style.display = "inline";

    }



</script>



</head>



<body onload="init()">

    <div>Title:</div>

    <span id="title">

        Edit the article title here...

    </span>

    

    <span id="edit_settings">

        <input type="button" id="edit" name="edit" value="edit" >        

    </span>

    

    <span id="save_settings" style="display:none">

        <input type="button" id="save" name="save" value="save">&nbsp;

        <input type="button" id="cancel" name="cancel" value="cancel">

    </span>

</body>



</html>

prototype.js

and articles.php which conatin the orders to save the text in the database.

the problem is I don't want any body to enter html code,

I mean if some one edit the text and write:

<b>test</b>

it should give him this:
<b>test</b>

and NOT:
test

so how to do that?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03086 seconds Memory Usage 1,803KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD_SHOWPOST (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_php (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_box (1)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit_info (1)postbit (1)postbit_onlinestatus (1)postbit_wrapper (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit reputationlevel showthread	Included Files: ./showpost.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showpost_start bbcode_fetch_tags bbcode_create postbit_factory showpost_post postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start showpost_complete
Messages: