AcasaAcasa  FAQFAQ  CautareCautare  MembriMembri  GrupuriGrupuri  InregistrareInregistrare  ConectareConectare  

Distribuiţi| .

[TUTORIAL]Pop-up previzualizare

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
R1bb0N
avatar
Mesaje : 151
Multumiri : 6
Puncte : 197
Varsta : 16

MesajSubiect: [TUTORIAL]Pop-up previzualizare Lun Mai 01, 2017 9:14 am

Previzualizare mesajele fara redirectionare catre alte pagini.

Codul functioneaza pe orice versiune, daca nu aveti template-uri modificate. Trebuie sa adaugati acest cod JavaScript cu plasamentul pe toate paginile:
Cod:

$(function(){
var popup={
marginleft:($("html").width()*5/100)/2,
add:function(nume,continut){
$("html").prepend("<div id='popup' style='top:-2000px;margin-right:"+popup.marginleft+" px' class='"+nume+"'><div id='top_nume'>"+nume+"<span class='close'>X</span></div><div id='continut'>"+continut+"</div></div>");
$("#popup").animate({top:"0px"});
$(".close").click(function(){popup.remove()})
},
remove:function(){
$("#popup").animate({top:"-2000px"}).remove()}
};
var body=$("body");
var css="<style>#popup{position:fixed;width:95%;background:#f0f0f0;margin-left:30px;z-index:999;height:90%;border:4px solid #d43737;}#top_nume{background:#2f2f2f;font-family:Consolas;padding:5px;color:#f0f0f0;}#continut{padding:5px;border-bottom:0px;max-height:94%;height:94%;overflow:auto;z-index:999;}.close {transition-duration:0.4s;float:right;background:#d43737;padding-left:4px;padding-right:4px;}.close:hover {background:#f0f0f0 !important;color:#d43737;cursor:pointer;}</style>";
var reg=/t\d+\-|post/;
var butt=$("input[value='Previzualizeaza'], input[value='Previzualizare']");
body.append(css);
if(reg.test(window.location.pathname) && butt.length!=0){
butt.click(function(e){
e.preventDefault();
var p=$("textarea").sceditor("instances").val();
popup.add("Previzualizare", (p=="")?"Mesajul tau este gol":p);
})
}
})


King
Of fuckin' everything
Sus In jos
http://board.rpgdynasty.com
mihai
avatar
Mesaje : 310
Multumiri : 0
Puncte : 509
Varsta : 19
Localitate : Graphic Space

MesajSubiect: Re: [TUTORIAL]Pop-up previzualizare Lun Mai 01, 2017 12:06 pm

good job @R1bb0N!
Sus In jos
http://help.forumgratuit.ro/
R1bb0N
avatar
Mesaje : 151
Multumiri : 6
Puncte : 197
Varsta : 16

MesajSubiect: Re: [TUTORIAL]Pop-up previzualizare Lun Mai 01, 2017 1:38 pm

Ms :)


King
Of fuckin' everything
Sus In jos
http://board.rpgdynasty.com
Continut sponsorizat

MesajSubiect: Re: [TUTORIAL]Pop-up previzualizare

Sus In jos

[TUTORIAL]Pop-up previzualizare

Vezi subiectul anterior Vezi subiectul urmator Sus
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Graphic Space :: Suport ForumGratuit :: Sectorul codurilor :: Coduri & Scripturi :: Javascript-