Nu sunteti conectat. Conectati-va sau inregistrati-va

[TUTORIAL]Pop-up previzualizare

In jos  Mesaj [Pagina 1 din 1]

1 [TUTORIAL]Pop-up previzualizare la data de Lun Mai 01, 2017 9:14 am

Justice

avatar
Moderator
Moderator
Previzualizare mesajele fara redirectionare catre alte pagini.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
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
http://board.rpgdynasty.com

2 Re: [TUTORIAL]Pop-up previzualizare la data de Lun Mai 01, 2017 12:06 pm

mihai


Moderator
Moderator
good job [Trebuie sa fiti inscris si conectat pentru a vedea acest link]!

http://http//forumgraphicspace.com

3 Re: [TUTORIAL]Pop-up previzualizare la data de Lun Mai 01, 2017 1:38 pm

Justice

avatar
Moderator
Moderator
Ms :)



King
http://board.rpgdynasty.com

Continut sponsorizat


Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum