[Javascript] Move topic popup [Moderator panel improvement]

Tutorial: Move topic popup [Moderator panel improvement]

Code:

[panda=js]    jQuery(function() {
        jQuery('a[href*="/modcp?mode=move&"]').click(function() {
            jQuery(this).hide();
            var imgMove = jQuery(this).find('img').attr('src');
            jQuery(this).after('<a href="#openModal"><img src="' + imgMove + '"</a>');
            t = "jQuery(this).closest('form').remove()";
            jQuery(this).after('<div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>Move Topic</h2><br/><br/> <form action="/modcp?tid=' + jQuery('input[name="tid"]:eq(0)').val() + '" method=post style=text-align:center;font-size:12px>Move to: <select name=new_forum id=movetopic>' + jQuery('select[name="selected_id"]:eq(0)').html() + '</select><br><br><input name=move_leave_shadow type=checkbox> Leave shadow topic in old forum?<br><br><input type=hidden name=mode value=move><input type=hidden name=t value="' + jQuery('input[name="t"]:eq(0)').val() + '"><input class=button2 type=submit name=confirm value=Yes> <input class=button2 type=submit name=cancel value=No onclick="' + t + ';return false"><br><br></form> </div> </div> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } #openModal {color:black!important;} #openModal h2 {font-size: 20px !important;text-align:center; font-weight: bold;}</style>');
            return false;
        });
    });

PunBB Design

If you have any questions related to this topic create a topic with the following title: Move topic popup [Moderator panel improvement]

Shadow wrote:[link="/t601-javascript-move-topic-popup-moderator-panel-improvement#3496"]

Tutorial: Move topic popup [Moderator panel improvement]

With this script, you can easily move the topic with a click on the move button without page refresh. The default button for move icon looks like
Credit goes to @Hancki

--> Tutorials, tips and tricks <--
Move topic popup [Moderator panel improvement]

1º - Javascript
Placement:In the topics.
Don't forget to click your move button twice!

Code:

[panda=js]    jQuery(function() {
        jQuery('a[href*="/modcp?mode=move&"]').click(function() {
            jQuery(this).hide();
            var imgMove = jQuery(this).find('img').attr('src');
            jQuery(this).after('<a href="#openModal"><img src="' + imgMove + '"</a>');
            t = "jQuery(this).closest('form').remove()";
            jQuery(this).after('<div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>Move Topic</h2><br/><br/> <form action="/modcp?tid=' + jQuery('input[name="tid"]:eq(0)').val() + '" method=post style=text-align:center;font-size:12px>Move to: <select name=new_forum id=movetopic>' + jQuery('select[name="selected_id"]:eq(0)').html() + '</select><br><br><input name=move_leave_shadow type=checkbox> Leave shadow topic in old forum?<br><br><input type=hidden name=mode value=move><input type=hidden name=t value="' + jQuery('input[name="t"]:eq(0)').val() + '"><input class=button2 type=submit name=confirm value=Yes> <input class=button2 type=submit name=cancel value=No onclick="' + t + ';return false"><br><br></form> </div> </div> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } #openModal {color:black!important;} #openModal h2 {font-size: 20px !important;text-align:center; font-weight: bold;}</style>');
            return false;
        });
    });

2º - Preview

---

PunBB Design

If you have any questions related to this topic create a topic with the following title: Move topic popup [Moderator panel improvement]

Shadow wrote:[link="/t601-javascript-move-topic-popup-moderator-panel-improvement#3496"]

Tutorial: Move topic popup [Moderator panel improvement]

With this script, you can easily move the topic with a click on the move button without page refresh. The default button for move icon looks like
Credit goes to @Hancki

--> Tutorials, tips and tricks <--
Move topic popup [Moderator panel improvement]

1º - Javascript
Placement:In the topics.
Don't forget to click your move button twice!

Code:

[panda=js]    jQuery(function() {
        jQuery('a[href*="/modcp?mode=move&"]').click(function() {
            jQuery(this).hide();
            var imgMove = jQuery(this).find('img').attr('src');
            jQuery(this).after('<a href="#openModal"><img src="' + imgMove + '"</a>');
            t = "jQuery(this).closest('form').remove()";
            jQuery(this).after('<div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>Move Topic</h2><br/><br/> <form action="/modcp?tid=' + jQuery('input[name="tid"]:eq(0)').val() + '" method=post style=text-align:center;font-size:12px>Move to: <select name=new_forum id=movetopic>' + jQuery('select[name="selected_id"]:eq(0)').html() + '</select><br><br><input name=move_leave_shadow type=checkbox> Leave shadow topic in old forum?<br><br><input type=hidden name=mode value=move><input type=hidden name=t value="' + jQuery('input[name="t"]:eq(0)').val() + '"><input class=button2 type=submit name=confirm value=Yes> <input class=button2 type=submit name=cancel value=No onclick="' + t + ';return false"><br><br></form> </div> </div> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } #openModal {color:black!important;} #openModal h2 {font-size: 20px !important;text-align:center; font-weight: bold;}</style>');
            return false;
        });
    });

2º - Preview

---

PunBB Design

If you have any questions related to this topic create a topic with the following title: Move topic popup [Moderator panel improvement]