FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 19 users online :: 0 Registered, 0 Hidden and 19 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

About Add Reply & New Topic button (popup form)

View previous topic View next topic Go down

omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3217
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 13 Nov 2017, 20:31

@Ange Tuteur i'm trying to write a code make reply and new topic form popup when click on ADD REPLY IMG or NEW TOPIC 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"/>');
    }
    });
});

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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