[Javascript] Move topic popup [Moderator panel improvement]

Port.forumgreek.com :: .:::OnlineDrive:::. :: Προγραμματισμός :: • Web Desinger :: • Forumotion

Σελίδα 1 από 1 • Μοιραστείτε

[Javascript] Move topic popup [Moderator panel improvement]

#1444

Port Admin
Admin: Αριθμός μηνυμάτων : 2657
Πόντοι : 6393
Ημερομηνία εγγραφής : 06/03/2017

Δημοσίευση Port Admin Πεμ Σεπ 14, 2017 10:27 pm

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

Κώδικας:: 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; }); });