The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Fast edit without refresh window!

+8
Rukiafan
fascicularia
TheCrow
Take Notes
udarsha45
developer.ryan
grow
JScript
12 posters

Go down

Fast edit without refresh window! Empty Fast edit without refresh window!

Post by JScript July 2nd 2015, 4:53 pm

Wow, this was my second code!!!


* Fast edit without refresh window!
* Version: 1.10292014-jq1.9.1 - ieiunium et dextera
* Made and Optimizations by JScript - 2013/11/12

In your ACP: Modules -> HTML&JAVASCRIPT -> JavaScript codes management -> [Create a new JavaScript]
Title *: <- Whatever you want
Placement : <- In the topics
Javascript Code * : <- Select, copy and paste the code below in this field:
Code:

/***
 * Fast edit without refresh window!
 * Version: 1.10292014-jq1.9.1 - ieiunium et dextera
 * Made and Optimizations by JScript - 2013/11/12
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
var sFE_oldMsg = '',
   oFE_msgID = 0,
   sFE_subject = '',
   iFE_lt = 0,
   sFE_post = 'Send',
   iFE_auth1 = 0,
   iFE_auth2 = 0;

window.onload = function() { // jQuery(function () {
   var sCSS = '' +
      '<style>' +
      '.input_submit.alt {' +
      'background: none repeat scroll 0 0 #E2E9F0;' +
      'border-color: #DAE2EA;' +
      'border-radius: 3px 3px 3px 3px;' +
      'border-style: solid;' +
      'border-width: 1px;' +
      'box-shadow: 0 1px 0 0 #EFF3F8 inset, 0 2px 3px rgba(0, 0, 0, 0.2);' +
      'color: #464646;' +
      'margin-left: 4px !important;' +
      'padding: 4px;' +
      'text-decoration: none;' +
      '}' +
      '.input_text, .fdfButton {' +
      'padding: 4px !important;' +
      'box-shadow: 0 1px 0 0 #EFF3F8 inset, 0 2px 3px rgba(0, 0, 0, 0.2);' +
      '}' +
      '.row2.desc {' +
      'background-color: #F1F6F9;' +
      'padding: 9px;' +
      'color: #777777;' +
      'font-size: 11px;' +
      '}' +
      '</style>';
   document.head.insertAdjacentHTML('beforeEnd', sCSS);

   jQuery('a[href*="mode=editpost"]').click(function(event) {
      event.preventDefault();
      var datahref = jQuery(this).attr('href');
      var post_ID = datahref.split('p=')[1].split('&')[0];
      /* Forum versions! */
      var phpBB2 = jQuery('#p' + post_ID).find('td .postbody div:eq(0)');
      var phpBB3 = jQuery('#p' + post_ID).find('div.content');
      var punbb = jQuery('#p' + post_ID).next().find('div.entry-content');
      var invision = jQuery('#p' + post_ID).find('div.post-entry');

      if (phpBB2.length) {
         oFE_msgID = phpBB2;
      } else if (phpBB3.length) {
         oFE_msgID = phpBB3;
      } else if (punbb.length) {
         oFE_msgID = punbb;
      } else if (invision.length) {
         oFE_msgID = invision;
      };
      fastEditMsg(post_ID);
   });
}; // });
/***
 * Fast edit post!
 * Function: fastEditMsg(post_ID);
 */
fastEditMsg = function(post_ID) {
   if (isNaN(post_ID) || (jQuery('#p' + post_ID).length == 0)) {
      return false
   }

   sFE_oldMsg = oFE_msgID.html();

   var sHtml = '<div class="main-content topic">' +
      '<div class="post">' +
      '<div id="editor_' + post_ID + '">' +
      '<textarea cols="9" id="text_editor_textarea_' + post_ID + '" name="message" onclick="storeCaret(this)" onkeyup="storeCaret(this)" onselect="storeCaret(this)" rows="15" style="width: 98%; height: 250px;" tabindex="3" wrap="virtual">' +
      '\n\n\n\n\n\nLoading the message, please wait...</textarea>' +
      '<div class="row2 desc">' +
      'Reason for editing: <input type="text" value="" name="post_edit_reason_' + post_ID + '" id="post_edit_reason_' + post_ID + '" class="input_text" maxlength="250" size="35"> ' +
      '<input type="checkbox" value="1" id="add_edit_' + post_ID + '" name="add_edit_' + post_ID + '" style="vertical-align: middle ! important;"> <label for="add_edit_' + post_ID + '">Show \'Last edited by\'</label>' +
      '</div>' +
      '<fieldset class="submit" style="font-size: 13px !important; padding: 15px 6px; text-align: center; border: 0 none; background-color: #D1DDEA;">' +
      '<input class="button2 fdfButton" name="post" tabindex="6" type="button" value="Save Changes" onclick="fastEditSave(' + post_ID + ')"> ' +
      '<a class="input_submit alt" href="/post?p=' + post_ID + '&mode=editpost">Use Full Editor</a>' +
      ' or ' +
      '<a class="cancel" title="Cancel" href="javascript:void(0);" onclick="fastEditCancel(' + post_ID + ');">Cancel</a>' +
      '</fieldset>' +
      '</div>' +
      '</div>' +
      '</div>';
   oFE_msgID.html(sHtml);

   var text_area = jQuery('#text_editor_textarea_' + post_ID);
   text_area.val(sFE_oldMsg.replace(/<br\s?\/?>/g, "\n"));
   /* text_area.val(HtmlToBBCode(sFE_oldMsg)); */

   try {
      text_area.sceditor({
         locale: "pt",
         height: "250px",
         width: "auto",
         plugins: "bbcode",
         toolbar: "bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|servimg,image,link,youtube|size,color,font,removeformat|emoticon,date,time,maximize,source",
         parserOptions: {
            /*breakAfterBlock: false,*/
            /*removeEmptyTags: false, */
            /*fixInvalidNesting: false,*/
            /*fixInvalidChildren: false*/
         },
         style: "http://illiweb.com/rs3/85/frm/SCEditor/minified/jquery.sceditor.default.min.css",
         rtl: false,
         emoticonsEnabled: true,
         emoticonsCompat: true,
         /* emoticonsRoot: "",
         emoticonsURL: "/smilies.forum?f=9&mode=smilies_frame&t=1383011440" */
      });
      text_area.sceditor("instance").toggleSourceMode();
      text_area.sceditor("instance").focus();
      jQuery("a.sceditor-button-source").addClass("hover");
      /*jQuery.sceditor.ShowHideToolbarElements();*/

      var container = $('.sceditor-container');
      var ciframe = container.find('iframe');
      var ctextarea = container.find('textarea');
      ciframe.width(ciframe.width() - 9);
      ctextarea.width(ctextarea.width() - 9);
      jQuery('.sceditor-resize-cover').show();
   } catch (e) {
      if (typeof(console) != 'undefined') {
         console.error(e);
      }
   }

   jQuery.get("/post?p=" + post_ID + "&mode=editpost", function(data) {
      sFE_subject = jQuery(data).find('input[name="subject"]').val();
      var user_Msg = jQuery(data).find('#text_editor_textarea[name="message"]').val();
      text_area.val(user_Msg);
      text_area.sceditor('instance').val(user_Msg);

      iFE_lt = jQuery(data).find('input[name="lt"]').val();
      sFE_post = jQuery(data).find('input[name="post"]').val();

      var oTarget = jQuery(data).find('input[name="auth[]"]');
      iFE_auth1 = jQuery(oTarget[0]).val();
      iFE_auth2 = jQuery(oTarget[1]).val();
   }).done(function() {
      jQuery('.sceditor-resize-cover').hide();
   }).fail(function() {
      oFE_msgID.html(sFE_oldMsg);
      alert('Attention!\n\n An error occurred while requesting the edition of the post, wait 10 seconds and try editing again!');
   });
   jQuery('html,body').animate({
      scrollTop: jQuery('#p' + post_ID).offset().top
   }, 1200);
};
/***
 * Fast cancel post!
 * Function: fastEditCancel(post_ID);
 */
fastEditCancel = function(post_ID) {
   oFE_msgID.html(sFE_oldMsg);
   jQuery('html,body').animate({
      scrollTop: jQuery('#p' + post_ID).offset().top
   }, 400);
};
/***
 * Fast edit post!
 * Function: fastEditSave(post_ID);
 */
fastEditSave = function(post_ID) {
   if (isNaN(post_ID) || (jQuery('#p' + post_ID).length == 0)) {
      return false
   }

   var text_area = jQuery('#text_editor_textarea_' + post_ID);
   var edit_reason = '';
   text_area.sceditor("instance").toggleSourceMode();
   var user_Msg = text_area.sceditor('instance').val();
   var sHtml = text_area.sceditor('instance').getSourceEditorValue();

   if (jQuery('#add_edit_' + post_ID).is(':checked')) {
      edit_reason = jQuery('#post_edit_reason_' + post_ID).val();
   }

   oFE_msgID.html(sHtml);
   /*
   if (sHtml.indexOf('<code>') !== -1) {
      var tagCode = oFE_msgID.children('code');
      var sContent = tagCode.html();
      tagCode.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">expand</button><button style="display: none" onclick="punbbCollapse(this); return false;">collapse</button>  <button onclick="punbbSelect(this); return false;">select</button>  <button onclick="punbbPopup(this); return false;">popup</button>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;">?</button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
      tagCode.remove();
      jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
         jQuery.SyntaxHighlighter.init({
            'wrapLines': false
         })
      })
   }
   */

   jQuery.post("/post", {
      p: post_ID,
      lt: iFE_lt,
      auth: iFE_auth1,
      auth: iFE_auth2,
      mode: 'editpost',
      subject: sFE_subject,
      message: user_Msg,
      edit_reason: edit_reason,
      attach_sig: 1,
      notify: 0,
      post: sFE_post
   }).done(function() {
      /* */
   }).fail(function() {
      oFE_msgID.html(sFE_oldMsg);
      alert('Attention!\n\n There was an error saving editing the post, wait 10 seconds and try editing again!');
   });
   jQuery('html,body').animate({
      scrollTop: jQuery('#p' + post_ID).offset().top
   }, 400);
};

Result:
Fast edit without refresh window! Captur14

JS
JScript
JScript
Forumember

Male Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by grow August 12th 2015, 5:02 pm

Great code, but it doesn´t work correctly! When i click on the "Save changes" -button, nothing happens Fast edit without refresh window! Mouais

Any idea how this problem can be solved?
avatar
grow
New Member

Posts : 3
Reputation : 1
Language : german

http://teat.aktiv-forum.com/

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by developer.ryan August 30th 2015, 5:11 pm

It didn't work with me too
Problem when I click the "Save changes"
Never ask the ALT text

Do alternative?
developer.ryan
developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by udarsha45 September 12th 2015, 12:21 pm

Sadly this code doesn't work for some reason. Sad
udarsha45
udarsha45
Forumember

Male Posts : 626
Reputation : 9
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by Take Notes December 7th 2015, 5:24 am

I love this! If it works I'll add this for sure.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by TheCrow January 11th 2016, 11:29 am

Thanks JS!

This works perfectly! Smile


Fast edit without refresh window! Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by fascicularia January 24th 2016, 5:40 pm

Thank you for this tutorial .
Works perfectly utf8 but not Windows1252 ( alas, it turns all accented characters Sad ) .
avatar
fascicularia
Forumember

Posts : 172
Reputation : 1
Language : french

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by Rukiafan February 16th 2016, 1:59 am

Have the issues been ironed out yet? I'd love to add this feature on my Punbb forum, but it currently won't save changes when you try to edit a post...:|
Rukiafan
Rukiafan
Forumember

Posts : 329
Reputation : 9
Language : English

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by YoshiGM February 16th 2016, 2:24 am

Thanks for your help :3
You are awesome in Javascript
YoshiGM
YoshiGM
Active Poster

Male Posts : 1563
Reputation : 146
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by Rukiafan February 19th 2016, 7:57 pm

How strange? This feature works, but only in my blogs...what makes it so strange is my fourm body is pretty much unedited other than a little extra Javascript and CSS, but my blog body is heavily edited including its template! scratch
Rukiafan
Rukiafan
Forumember

Posts : 329
Reputation : 9
Language : English

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by Poser April 16th 2016, 9:11 am

Just dropped by in this to try it on my forum but it doesn't work at all.
Can this be fixed? #phpbb3


Sorry. It worked the second time I installed this on my forum.
Poser
Poser
Helper
Helper

Male Posts : 413
Reputation : 43
Language : English, Filipino
Location : @ohmpawatt

http://maristpress.forumotion.com/

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by Abdalah_98 May 16th 2016, 8:32 am

Worked on PUNBB but !!

There problem when change to editor mode !

see:

Fast edit without refresh window! Captur12
Abdalah_98
Abdalah_98
Forumember

Male Posts : 32
Reputation : 1
Language : EN,AR
Location : Earth :D

http://uteach.forum0.net/

Back to top Go down

Fast edit without refresh window! Empty Re: Fast edit without refresh window!

Post by SLGray February 23rd 2017, 8:02 am

This will no longer be supported by JScript: https://help.forumotion.com/t151137-in-memory-of-jscript-joao-carlos.


Fast edit without refresh window! Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum