Changeset 62 for branches/ajax_post_edit

Timestamp:

02/28/09 17:10:12 (3 years ago)

Author:

daris

Message:

ajax post edit: extension is using jquery now

Location:

branches/ajax_post_edit

Files:

• ajax_post_edit.js (modified) (12 diffs)
• manifest.xml (modified) (2 diffs)
• shadow.png (added)
• style (added)
• style.css (modified) (3 diffs)
• style/Oxygen (added)
• style/Oxygen/style.css (added)

branches/ajax_post_edit/ajax_post_edit.js

@@ -7 +7 @@
 /**********************************************************/
 
-// Detect Internet Explorer
-var ie = /msie/i.test (navigator.userAgent);
 
 /*
@@ -16 +14 @@
 {
         // checking if link 'Quick Edit' exists, if not exists user probably typed on adress bar javascript:ape_quick_edit(id)
-        if ($('edit' + id))
+        if ($('#edit' + id))
         {
                 // if other post is editing, cancel edit
@@ -34 +32 @@
                         ape_hide_menu();
                         ape_id = id;
-                        ape_temp_post = $('post' + ape_id).innerHTML;
-                        ape_show_loading_info();
-
-                        sendRequest('action=get&id=' + ape_id + '&csrf_token=' + ape['crsf_token'], function() {ape_on_ready_get_post()});
+                        ape_temp_post = $('#post' + ape_id).html();
+                        
+                        // Show loading info
+                        $('#post' + ape_id).html($('#post' + ape_id).html() + '<div style="float:right"><img src="' + base_url + '/extensions/ajax_post_edit/loading.gif"> ' + ape['Loading'] + '</div>');
+
+                        var values = {
+                                action: 'get',
+                                id: ape_id,
+                                csrf_token: ape['csrf_token']
+                        };
+                        $.post(ape_url, values, function(data) {ape_on_ready_get_post(data)});
                 }
         }
@@ -46 +51 @@
         Function executed after receiving post data
 */
-function ape_on_ready_get_post()
-{
-        var parsed_message = match(http.responseText, 'parsed_message');
+function ape_on_ready_get_post(data)
+{
+        var parsed_message = match(data, 'parsed_message');
 
         // If there aren't any errors
         if (parsed_message != '')
         {
-                var entry_content_html = http.responseText.substring(0, http.responseText.indexOf('<!-- END FORM -->'));
-                $('post' + ape_id).innerHTML = entry_content_html;
-
-                $('postedit').style.height = textAreaHeight + 'px';
-                $('postedit').focus();
+                var entry_content_html = data.substring(0, data.indexOf('<!-- END FORM -->'));
+                
+                
+                $('#post' + ape_id).fadeOut('fast', function() {
+                        $(this).html(entry_content_html);
+
+                        $('#postedit').height(textAreaHeight + 'px');
+
+                        $('#post' + ape_id).fadeIn('fast', function() { $('#postedit').focus(); } );
+                } );
+
                 return 1;
         }
 
-        if (http.responseText.substring(0, 12) == 'csrf_confirm')
-        {
-                response = http.responseText.split(':');
+        if (data.substring(0, 12) == 'csrf_confirm')
+        {
+                response = data.split(':');
                 if (confirm(response[1]))
                 {
-                        ape['crsf_token'] = response[2];
-                        sendRequest('action=get&id=' + ape_id + '&csrf_token=' + response[2], function() {ape_on_ready_get_post()});
+                        ape['csrf_token'] = response[2];
+
+                        var values = {
+                                action: 'get',
+                                id: ape_id,
+                                csrf_token: response[2]
+                        };
+                        $.post(ape_url, values, function(data) {ape_on_ready_get_post(data)});
                 }
         }
         else
-                alert(http.responseText);
+                alert(data);
         
-        $('post' + ape_id).innerHTML = ape_temp_post;
+        $('#post' + ape_id).html(ape_temp_post);
         id = -1;
 }
@@ -83 +100 @@
 function ape_update_post()
 {
-        ape_enable(false);
-
-        ape_update_url = 'action=update&id=' + ape_id + '&req_message=' + encodeURIComponent($('postedit').value) + '&utf=1';
-        if ($('fldsilent'))
-                ape_update_url += '&silent=' + ($('fldsilent').checked ? 1 : 0);
-
-        if ($('req_subject'))
-                ape_update_url += '&req_subject=' + encodeURIComponent($('req_subject').value);
-        
-        ape_update_url += '&csrf_token=' + ape['crsf_token'];
-
-        sendRequest(ape_update_url, function() {ape_on_ready_update_post()});
-        ape_show_saving_info();
+        $('#post_edit_form input, #post_edit_form textarea').attr('disabled', 'disabled');
+
+        ape_update_values = {
+                action: 'update',
+                id: ape_id,
+                req_message: $('#postedit').val(),
+                csrf_token: ape['csrf_token']
+        };
+
+        if ($('#fldsilent'))
+                ape_update_values['silent'] = $('#fldsilent').attr('checked') ? 1 : 0;
+
+        if ($('#req_subject'))
+                ape_update_values['req_subject'] = $('req_subject').val;
+
+        $.post(ape_url, ape_update_values, function(data) {ape_on_ready_update_post(data)});
+
+        // Show saving info
+        $('#edit_info').show();
 }
 
@@ -102 +125 @@
         Function executed after receiving update request
 */
-function ape_on_ready_update_post()
-{
-        var message = match(http.responseText, 'message');
+function ape_on_ready_update_post(data)
+{
+        var message = match(data, 'message');
         if (message != '')
         {
@@ -110 +133 @@
                 try
                 {
-                        pun_quote_posts[ape_id] = $('postedit').value;
+                        pun_quote_posts[ape_id] = $('#postedit').val;
                 }
                 catch (e) {}
         
-                var last_edit = match(http.responseText, 'last_edit');
+                var last_edit = match(data, 'last_edit');
 
                 var sig = '';
+                
                 if (ape_temp_post.toLowerCase().indexOf('<div class="sig-content">') != -1) // if post has signature
                         sig = ape_temp_post.substring(ape_temp_post.toLowerCase().indexOf('<div class="sig-content">')); // get it
-                $('post' + ape_id).innerHTML = message + last_edit + sig; // display post
-                ape_id = -1;
+                
+                // display post
+                $('#post' + ape_id).fadeOut('fast', function() {
+                        $('#post' + ape_id).html(message + last_edit + sig);
+                        $('#post' + ape_id).fadeIn('fast');
+                        ape_id = -1;
+                } ); 
                 return 1;
         }
 
 
-        var error = match(http.responseText, 'error');
-
+        var error = match(data, 'error');
         // if message has errors
         if (error != '')
         {
-                var cur_message = $('postedit').value;
+                var cur_message = $('#postedit').val();
 
                 // if recently displayed errors
-                if ($('edit-error'))
+                if (document.getElementById('edit-error'))
                 {
                         error = error.substring(error.indexOf('>')+1);
                         error = error.substring(0, error.lastIndexOf('</'));
-                        $('edit-error').innerHTML = error;
+                        $('#edit-error').html(error);
                 }
                 else
                 {
-                        if ($('fldsilent'))
-                                var cur_silent = $('fldsilent').checked;
-
-                        var entry_content = $('post' + ape_id); // post element
-                        var html = entry_content.innerHTML;
+                        if ($('#fldsilent'))
+                                var cur_silent = $('#fldsilent').checked;
+
+                        var html = $('#post' + ape_id).html();
                         var replace = html.substring(0, html.indexOf('<', 2));
                         html = html.replace(replace, replace + error);
-                        entry_content.innerHTML = html;
-
-                        $('postedit').value = cur_message;
-                        if ($('fldsilent'))
-                                $('fldsilent').checked = cur_silent;
-
-                }
-                ape_enable(true);
-                ape_hide_saving_info();
+                        $('#post' + ape_id).html(html);
+
+                        $('#postedit').val(cur_message);
+                        if ($('#fldsilent'))
+                                $('#fldsilent').attr('checked', cur_silent);
+
+                }
+                $('#post_edit_form input, #post_edit_form textarea').removeAttr('disabled');
+                
+                // Hide saving info
+                $('#edit_info').hide();
         }
         else
         {
-                if (http.responseText.substring(0, 12) == 'csrf_confirm')
-                {
-                        response = http.responseText.split(':');
+                if (data.substring(0, 12) == 'csrf_confirm')
+                {
+                        response = data.split(':');
                         if (confirm(response[1]))
                         {
-                                ape['crsf_token'] = response[2];
-                                sendRequest(ape_update_url.substring(0, ape_update_url.indexOf('&csrf_token=') + 12) + response[2], function() {ape_on_ready_update_post()});
+                                ape['csrf_token'] = response[2];
+                                ape_update_values['csrf_token'] = response[2];
+                                $.post(ape_url, ape_update_values, function(data) {ape_on_ready_update_post(data)});
                         }
                         else
                         {
-                                ape_enable(true);
-                                ape_hide_saving_info();
+                                $('#post_edit_form input, #post_edit_form textarea').removeAttr('disabled');
+                                
+                                // Hide saving info
+                                $('#edit_info').hide();
                         }
                 }
                 else
-                        alert(http.responseText);
+                        alert(data);
         }
 }
@@ -185 +217 @@
 function ape_cancel_edit()
 {
-        $('post' + ape_id).innerHTML = ape_temp_post;
-        ape_id = -1;
-}
-
-
-/*
-        Shows loading message (@ Loading...)
-*/
-function ape_show_loading_info()
-{
-        $('post' + ape_id).innerHTML += '<div style="float:right"><img src="' + base_url + '/extensions/ajax_post_edit/loading.gif"> ' + ape['Loading'] + '</div>';
-}
-
-
-/*
-        Shows saving message (@ Saving...)
-*/
-function ape_show_saving_info()
-{
-        $('edit_info').style.display = 'block';
-}
-
-/*
-        Hides saving information
-*/
-function ape_hide_saving_info()
-{
-        $('edit_info').style.display = 'none';
-}
-
-
-/*
-        ape_enable (or disable) form box
-*/
-function ape_enable(t)
-{
-        var enb = !t;
-        $('postedit').disabled = enb;
-        $('btn_updatePost').disabled = enb;
-        $('btn_cancelUpdate').disabled = enb;
-        $('btn_fullEdit').disabled = enb;
-        if ($('fldsilent'))
-                $('fldsilent').disabled = enb;
+        $('#post' + ape_id).fadeOut('fast', function() {
+                $('#post' + ape_id).html(ape_temp_post);
+                $('#post' + ape_id).fadeIn('fast');
+                ape_id = -1;
+        } );
 }
 
@@ -239 +233 @@
                 return;
 
-        var pos = findPos($('menu' + id));
-        pos[0] += $('menu' + id).offsetWidth;
-        pos[1] += $('menu' + id).offsetHeight + 3;
+        var pos = findPos(document.getElementById('menu' + id));
+        pos[0] += document.getElementById('menu' + id).offsetWidth;
+        pos[1] += document.getElementById('menu' + id).offsetHeight + 3;
 
         var menu = document.createElement('div');
         menu.setAttribute('id', 'menu');
 
-        menu.style.position = 'absolute';
         menu.style.left =  pos[0] + 'px';
         menu.style.top =  pos[1] + 'px';
 
-        menu.className = 'popup brd brd-page main-content';
+        menu.className = 'popup';
         menu.onmouseover = function () {ape_menu_hovered = true}
         menu.onmouseout = function () {ape_menu_hovered = false}
@@ -261 +254 @@
 
         document.body.appendChild(menu);
-
-        $('menu').style.left = pos[0] - $('menu').offsetWidth + 'px';
-
+        
+        $('#menu').fadeIn('fast');
+
+        document.getElementById('menu').style.left = pos[0] + 4 - document.getElementById('menu').clientWidth + 'px';
+        
         document.onclick = function() {
                         if (ape_menu_hovered == false)
@@ -276 +271 @@
 function ape_hide_menu()
 {
-        if ($('menu'))
-                document.body.removeChild($('menu'));
+        $('#menu').fadeOut('fast', function() { $(this).remove() } );
 }
 
@@ -321 +315 @@
 
 
-/*
-        Function sending ajax request
-        @data = data to send
-        @onready = function which will be executed after receiving data
-*/
-function sendRequest(data, onready)
-{
-        // Without this IE don't get second reply (i think there's something wrong with onreadystatechange function)
-        if (ie)
-                http = getHTTPObject();
-
-        http.onreadystatechange = function()
-        {
-                if (http.readyState == 4)
-                        onready();
-        };
-
-        http.open('POST', base_url + '/extensions/ajax_post_edit/edit.php', true);
-        http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8');
-
-        http.send(data);
-}
-
-
-/*
-        Function creating ajax request object
-*/
-function getHTTPObject()
-{
-        var xmlhttp;
-        /*@cc_on
-        @if (@_jscript_version >= 5)
-                try {
-                        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
-                } catch (e) {
-                        try {
-                                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
-                        } catch (E) {
-                                xmlhttp = false;
-                        }
-                }
-        @else
-                xmlhttp = false;
-        @end @*/
-        if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
-                try {
-                        xmlhttp = new XMLHttpRequest();
-                } catch (e) {
-                        xmlhttp = false;
-                }
-        }
-        return xmlhttp;
-}
-
-
-/*
-        Function returning element from elid
-*/
-function $(el_id)
-{
-        return document.getElementById(el_id);
-}
-
-
-var http = getHTTPObject();     // We create the HTTP Object
 var ape_temp_post;              // post message with html
 var ape_id = -1;                // currently edited post id
 var ape_menu_hovered = false;   // if menu is hovered
 var ape;
-var ape_update_url = '';
+var ape_update_values;
+var ape_url = base_url + '/extensions/ajax_post_edit/edit.php';

branches/ajax_post_edit/manifest.xml

@@ -32 +32 @@
 
         $ape = 'var base_url = \''.$base_url.'\';';
-        $ape .= "\n".'var ape = {\'crsf_token\' : \''.generate_form_token($ext_info['url'].'/edit.php').'\'';
+        $ape .= "\n".'var ape = {\'csrf_token\' : \''.generate_form_token($ext_info['url'].'/edit.php').'\'';
         $ape .= ', \'Loading\' : \''.$lang_ape['Loading'].'\'';
         $ape .= ', \'Quick edit\' : \''.$lang_ape['Quick Edit'].'\'';
@@ -39 +39 @@
         $ape .= '}';
 
-        $forum_head['ape_js'] = '<script type="text/javascript" src="'.$ext_info['url'].'/ajax_post_edit.js"></script>';
         $forum_head['ape_css'] = '<link rel="stylesheet" type="text/css" media="screen" href="'.$ext_info['url'].'/style.css" />';
-        $forum_head['ape_js2'] = '<script type="text/javascript">'."\n".$ape."\n".'</script>';
+        $forum_head['ape_js'] = '<script type="text/javascript">'."\n".$ape."\n".'</script>';
+        $forum_head['ape_js2'] = '<script type="text/javascript" src="'.$ext_info['url'].'/ajax_post_edit.js"></script>';
+
+        if (file_exists($ext_info['path'].'/style/'.$forum_user['style'].'/style.css'))
+                $forum_head['quick_search_css'] = '<link rel="stylesheet" type="text/css" media="screen" href="'.$ext_info['url'].'/style/'.$forum_user['style'].'/style.css" />';
+        else
+                $forum_head['quick_search_css'] = '<link rel="stylesheet" type="text/css" media="screen" href="'.$ext_info['url'].'/style/Oxygen/style.css" />';
+        
+        $forum_head['jquery_menu'] = '<script type="text/javascript" src="'.$ext_info['url'].'/jquery.menu.js"></script>';
 }
                                              ]]></hook>

branches/ajax_post_edit/style.css

@@ -1 +1 @@
 
 .popup {
-        background: #f1f1f1;
-        border: 1px solid #000 !important;
-        min-width: 0;
-        width: auto;
-        padding: 0px !important;
-/*      font-family: Verdana;
-        font-size: 11px;*/
+        background: transparent url(shadow.png) bottom right;
+        padding-right: 4px;
+        padding-bottom: 4px;
+        display: none;
+        position: absolute;
 }
 
 .popup ul {
+        background: #f1f1f1;
+        border: 1px solid #000;
         list-style: none;
         padding-left: 0px !important;
@@ -27 +27 @@
         padding: 5px 10px 5px 10px;
         display: block;
+        text-decoration: none;
 }
 
@@ -32 +33 @@
         padding: 0;
 }
+
+
+