Error in QuickReply JQuery Code

i'm trying to write a code make QuickReply popup when click on ADD REPLY IMG

Problem:
smiley-box and sceditor doesn't appear

preview img:

code:

Code:

$(function() {
  var postURL = $(".i_post").parent().attr("href"),
      replyURL = $(".i_reply").parent().attr("href");
  
      $('head').prepend('<style>div#quickreplyform_overlay{background-color:#333;height:100%;right:0;opacity:.7;position:fixed;top:0;width:100%;z-index:9999999}#quickreplyform{background: #FFF;position:fixed;border-radius: 5px;box-shadow: 2px 2px 10px #333;z-index:99999999;width:500px;right:50%;margin-right:-250px;top:20%;height:410px;overflow:auto}</style>');
  

    $('#content-container #main-content').prepend('<div id="quickreplyform" style="display:none;"><img src="https://i62.servimg.com/u/f62/18/32/73/91/loadin10.gif"/></div><div id="quickreplyform_overlay" style="display:none;"></div>');

    $('.i_reply').click(function() {
        $('#quickreplyform, #quickreplyform_overlay').fadeIn();
        $('#quickreplyform').load(''+replyURL+' form[action="/post"]');
        return false;
    });
    $('.i_post').click(function() {
        $('#quickreplyform, #quickreplyform_overlay').fadeIn();
        $('#quickreplyform').load(''+postURL+' form[action="/post"]');
        return false;
    });
    $(document).click(function(e) {
        if ($(e.target).closest('#quickreplyform').length === 0) {
            $('#quickreplyform, #quickreplyform_overlay').fadeOut();
          $('#quickreplyform').html('<img src="https://i62.servimg.com/u/f62/18/32/73/91/loadin10.gif"/>');
        }
    });
    $(document).keyup(function(e) {
    if (e.keyCode == 27) {
        $('#quickreplyform, #quickreplyform_overlay').fadeOut();
      $('#quickreplyform').html('<img src="https://i62.servimg.com/u/f62/18/32/73/91/loadin10.gif"/>');
    }
    });
});

Hello,
What is your forum version? Are you using another language for your forum except English?

yes i'm useing Arabic forums.

my forum version is PHPBB3

http://egyover.ahlamontada.com

So the issue is that the editor's toolbar does not appear?

SLGray wrote:So the issue is that the editor's toolbar does not appear?

yeah, aslo smiley-box


@Ange Tuteur

In the quick reply editor, there is no smiley box.  It is a button in the editor toolbar.

btw this is not quick reply box

@Ange Tuteur up

Hi,
I am trying to register on your forum but I can't activate my account to check it. It is displaying a message in arabic. I was translated in english with google translate and it says:

You have entered incorrect data for the username or password

Click here to try again

Click here to return home

I have entered correct my details but because the language is arabic while I am typing my details it reversing username and pass from left-to-right into right to left. Have you a test account to p.m to to check the codes?

i actived your acc you can log in now

Thank you, I have been connected.

Have you disabled quick reply feature?

On normal reply it is available on the left:



Also this forum's version looks like phpbb2.

yeah i disabled quick reply box i have permission you admin you can access cp now

sorry please try agian now you will know what i want now if u trying now

Thanks,
Tried some different ways to display the smiley box in the quick reply form but I was failed. Is there a tutorial about this?

no i wote that code but i had that problem

As I was checked the code is loading a quickreply form but it is loading correctly and it is not loading the sceditor's toolbar and smiley-box. Have you try to load the element of normal reply instead quick reply element in JS?

Update:
I tested now and disabled temporary the js and then when I am pressing the button reply everything is showing normal and smiley-box too. So the problem is located only in javascript.

yeah i know
i want when i click on reply button sceditor popup don't go to other page

so i wrote that JS code but i have that problem