Afficher la notification d'un nouveau MP par popup
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Afficher la notification d'un nouveau MP par popup
Bonjour,
Veuillez m'excuser si je me trompe d'endroit ou si la réponse a déjà été donnée, mais je ne l'ai pas trouvé.
Mon problème est le suivant:
Sur un forum phpBB3 créé il y a quelques jours, j'aimerais qu'un popup bien visible apparaisse lors de l'arrivé d'un nouveau message privé.
Soit le "1message" qui clignote
Soit et je préfère un popup qui apparaitrait soit sur le côté, soit en plein milieu
Comment puis-je m'y prendre ?
D'avance merci pour votre réponse
Amnézix
Veuillez m'excuser si je me trompe d'endroit ou si la réponse a déjà été donnée, mais je ne l'ai pas trouvé.
Mon problème est le suivant:
Sur un forum phpBB3 créé il y a quelques jours, j'aimerais qu'un popup bien visible apparaisse lors de l'arrivé d'un nouveau message privé.
Soit le "1message" qui clignote
Soit et je préfère un popup qui apparaitrait soit sur le côté, soit en plein milieu
Comment puis-je m'y prendre ?
D'avance merci pour votre réponse
Amnézix
Dernière édition par Amnézix le Mar 24 Juin 2014 - 15:11, édité 1 fois
Invité- Invité
Re: Afficher la notification d'un nouveau MP par popup
Bonjour,
C'est déjà possible, vérifiez dans :
- votre "profil / préférences, qu'à la ligne "Ouverture d'une Pop-Up lors de nouveaux Messages Privés", il soit coché OUI.
- votre "profil / notifications", que les options soient correctement sélectionnées.
=> Tutoriel Nouvelle fonctionnalité : Choix entre mails et/ou notifications.
Cordialement.
C'est déjà possible, vérifiez dans :
- votre "profil / préférences, qu'à la ligne "Ouverture d'une Pop-Up lors de nouveaux Messages Privés", il soit coché OUI.
- votre "profil / notifications", que les options soient correctement sélectionnées.
=> Tutoriel Nouvelle fonctionnalité : Choix entre mails et/ou notifications.
Cordialement.
Re: Afficher la notification d'un nouveau MP par popup
Chacha a écrit:Bonjour,
C'est déjà possible, vérifiez dans :
- votre "profil / préférences, qu'à la ligne "Ouverture d'une Pop-Up lors de nouveaux Messages Privés", il soit coché OUI.
- votre "profil / notifications", que les options soient correctement sélectionnées.
=> Tutoriel Nouvelle fonctionnalité : Choix entre mails et/ou notifications.
Cordialement.
Effectivement les réglages semblent opérationnels, je reçois la popup, mais c'est très/trop discrêt
- Serait-il possible de faire en sorte que ce soit plus visible ?? Pas du son, comme déjà référencé dans un autre sujet, la plupart des pc ont le son coupé en permanence.
- Il est notifié à côté de l'option "Certains templates peuvent ouvrir une nouvelle fenêtre pour vous informer de l'arrivée de nouveaux messages privés". Ca devrait donc être faisable non ??
Invité- Invité
Re: Afficher la notification d'un nouveau MP par popup
Ce n'est pas un réglage d'une option du panneau d'administration, je déplace votre sujet dans la section "Gérer l'apparence de son forum" afin de recevoir une réponse d'un membre ayant les compétences nécessaires.Amnézix a écrit:Effectivement les réglages semblent opérationnels, je reçois la popup, mais c'est très/trop discrêt
- Serait-il possible de faire en sorte que ce soit plus visible ?? Pas du son, comme déjà référencé dans un autre sujet, la plupart des pc ont le son coupé en permanence.
- Il est notifié à côté de l'option "Certains templates peuvent ouvrir une nouvelle fenêtre pour vous informer de l'arrivée de nouveaux messages privés". Ca devrait donc être faisable non ??
Cordialement.
Re: Afficher la notification d'un nouveau MP par popup
Bonjour Amnézix,
J'ai un script avec effet fancybox qui traine dans mes dossiers
Le js à installer dans la gestion des javascrits en cochant sur toutes les pages
Si tu souhaites modifier l'images, il faut la remplacer dans cette partie
le css
Le résultat
J'ai un script avec effet fancybox qui traine dans mes dossiers
Le js à installer dans la gestion des javascrits en cochant sur toutes les pages
- Code:
(function(u,q,e){var l=e(u),r=e(q),a=e.fancybox=function(){a.open.apply(this,arguments)},s=!1,t=null;e.extend(a,{version:"2.0.4",defaults:{padding:15,margin:20,width:800,height:600,minWidth:200,minHeight:200,maxWidth:9999,maxHeight:9999,autoSize:!0,fitToView:!0,aspectRatio:!1,topRatio:0.5,fixed:!e.browser.msie||6<e.browser.version||!q.documentElement.hasOwnProperty("ontouchstart"),scrolling:"auto",wrapCSS:"fancybox-default",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,modal:!1,loop:!0,ajax:{},keys:{next:[13,32,34,39,40],prev:[8,33,37,38],close:[27]},tpl:{wrap:'<div class="fancybox-wrap"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe class="fancybox-iframe" name="fancybox-frame{rnd}" frameborder="0" hspace="0" '+(e.browser.msie?'allowtransparency="true""':"")+' scrolling="{scrolling}" src="{href}"></iframe>',swf:'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{href}" /><embed src="{href}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="100%" height="100%" wmode="transparent"></embed></object>',error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<div title="Close" class="fancybox-item fancybox-close"></div>',next:'<a title="Next" class="fancybox-item fancybox-next"><span></span></a>',prev:'<a title="Previous" class="fancybox-item fancybox-prev"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:300,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:300,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:{speedIn:0,speedOut:300,opacity:0.8,css:{cursor:"pointer"},closeClick:!0},title:{type:"float"}}},group:{},opts:{},coming:null,current:null,isOpen:!1,isOpened:!1,wrap:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(b,c){e.isArray(b)||(b=[b]);if(b.length)a.close(!0),a.opts=e.extend(!0,{},a.defaults,c),a.group=b,a._start(a.opts.index||0)},cancel:function(){if(!(a.coming&&!1===a.trigger("onCancel"))&&(a.coming=null,a.hideLoading(),a.ajaxLoad&&a.ajaxLoad.abort(),a.ajaxLoad=null,a.imgPreload))a.imgPreload.onload=a.imgPreload.onabort=a.imgPreload.onerror=null},close:function(b){a.cancel();if(a.current&&!1!==a.trigger("beforeClose"))a.unbindEvents(),!a.isOpen||b&&!0===b[0]?(e(".fancybox-wrap").stop().trigger("onReset").remove(),a._afterZoomOut()):(a.isOpen=a.isOpened=!1,e(".fancybox-item").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.closeMethod]())},play:function(b){var c=function(){clearTimeout(a.player.timer)},d=function(){c();if(a.current&&a.player.isActive)a.player.timer=setTimeout(a.next,a.current.playSpeed)},g=function(){c();e("body").unbind(".player");a.player.isActive=!1;a.trigger("onPlayEnd")};if(a.player.isActive||b&&!1===b[0])g();else if(a.current&&(a.current.loop||a.current.index<a.group.length-1))a.player.isActive=!0,e("body").bind({"afterShow.player onUpdate.player":d,"onCancel.player beforeClose.player":g,"beforeLoad.player":c}),d(),a.trigger("onPlayStart")},next:function(){a.current&&a.jumpto(a.current.index+1)},prev:function(){a.current&&a.jumpto(a.current.index-1)},jumpto:function(b){a.current&&(b=parseInt(b,10),1<a.group.length&&a.current.loop&&(b>=a.group.length?b=0:0>b&&(b=a.group.length-1)),"undefined"!==typeof a.group[b]&&(a.cancel(),a._start(b)))},reposition:function(b){a.isOpen&&a.wrap.css(a._getPosition(b))},update:function(){a.isOpen&&(s||(t=setInterval(function(){if(s&&(s=!1,clearTimeout(t),a.current)){if(a.current.autoSize)a.inner.height("auto"),a.current.height=a.inner.height();a._setDimension();a.current.canGrow&&a.inner.height("auto");a.reposition();a.trigger("onUpdate")}},100)),s=!0)},toggle:function(){if(a.isOpen)a.current.fitToView=!a.current.fitToView,a.update()},hideLoading:function(){e("#fancybox-loading").remove()},showLoading:function(){a.hideLoading();e('<div id="fancybox-loading"></div>').click(a.cancel).appendTo("body")},getViewport:function(){return{x:l.scrollLeft(),y:l.scrollTop(),w:l.width(),h:l.height()}},unbindEvents:function(){a.wrap&&a.wrap.unbind(".fb");r.unbind(".fb");l.unbind(".fb")},bindEvents:function(){var b=a.current,c=b.keys;b&&(l.bind("resize.fb, orientationchange.fb",a.update),c&&r.bind("keydown.fb",function(b){var g;if(!b.ctrlKey&&!b.altKey&&!b.shiftKey&&!b.metaKey&&0>e.inArray(b.target.tagName.toLowerCase(),["input","textarea","select","button"]))g=b.keyCode,-1<e.inArray(g,c.close)?(a.close(),b.preventDefault()):-1<e.inArray(g,c.next)?(a.next(),b.preventDefault()):-1<e.inArray(g,c.prev)&&(a.prev(),b.preventDefault())}),e.fn.mousewheel&&b.mouseWheel&&1<a.group.length&&a.wrap.bind("mousewheel.fb",function(b,c){var f=e(b.target).get(0);if(0===f.clientHeight||f.scrollHeight===f.clientHeight)b.preventDefault(),a[0<c?"prev":"next"]()}))},trigger:function(b){var c,d=a[-1<e.inArray(b,["onCancel","beforeLoad","afterLoad"])?"coming":"current"];if(d){e.isFunction(d[b])&&(c=d[b].apply(d,Array.prototype.slice.call(arguments,1)));if(!1===c)return!1;d.helpers&&e.each(d.helpers,function(c,f){if(f&&"undefined"!==typeof a.helpers[c]&&e.isFunction(a.helpers[c][b]))a.helpers[c][b](f,d)});e.event.trigger(b+".fb")}},isImage:function(a){return a&&a.match(/\.(jpg|gif|png|bmp|jpeg)(.*)?jQuery/i)},isSWF:function(a){return a&&a.match(/\.(swf)(.*)?jQuery/i)},_start:function(b){var c={},d=a.group[b]||null,g,f,k;if("object"===typeof d&&(d.nodeType||d instanceof e))g=!0,e.metadata&&(c=e(d).metadata());c=e.extend(!0,{},a.opts,{index:b,element:d},e.isPlainObject(d)?d:c);e.each(["href","title","content","type"],function(b,f){c[f]=a.opts[f]||g&&e(d).attr(f)||c[f]||null});if("number"===typeof c.margin)c.margin=[c.margin,c.margin,c.margin,c.margin];c.modal&&e.extend(!0,c,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,keys:null,helpers:{overlay:{css:{cursor:"auto"},closeClick:!1}}});a.coming=c;if(!1===a.trigger("beforeLoad"))a.coming=null;else{f=c.type;b=c.href;if(!f)g&&(k=e(d).data("fancybox-type"),!k&&d.className&&(f=(k=d.className.match(/fancybox\.(\w+)/))?k[1]:null)),!f&&b&&(a.isImage(b)?f="image":a.isSWF(b)?f="swf":b.match(/^#/)&&(f="inline")),f||(f=g?"inline":"html"),c.type=f;"inline"===f||"html"===f?(c.content=c.content||("inline"===f&&b?e(b):d),c.content.length||(f=null)):(c.href=b||d,c.href||(f=null));c.group=a.group;"image"===f?a._loadImage():"ajax"===f?a._loadAjax():f?a._afterLoad():a._error("type")}},_error:function(b){e.extend(a.coming,{type:"html",autoSize:!0,minHeight:"0",hasError:b,content:a.coming.tpl.error});a._afterLoad()},_loadImage:function(){a.imgPreload=new Image;a.imgPreload.onload=function(){this.onload=this.onerror=null;a.coming.width=this.width;a.coming.height=this.height;a._afterLoad()};a.imgPreload.onerror=function(){this.onload=this.onerror=null;a._error("image")};a.imgPreload.src=a.coming.href;a.imgPreload.complete||a.showLoading()},_loadAjax:function(){a.showLoading();a.ajaxLoad=e.ajax(e.extend({},a.coming.ajax,{url:a.coming.href,error:function(b,c){"abort"!==c?a._error("ajax",b):a.hideLoading()},success:function(b,c){if("success"===c)a.coming.content=b,a._afterLoad()}}))},_preload:function(){var b=a.group,c=a.current.index,d=function(b){if(b&&a.isImage(b))(new Image).src=b};1<b.length&&(d(e(b[c+1]||b[0]).attr("href")),d(e(b[c-1]||b[b.length-1]).attr("href")))},_afterLoad:function(){a.hideLoading();!a.coming||!1===a.trigger("afterLoad",a.current)?a.coming=!1:(a.isOpened?(e(".fancybox-item").remove(),a.wrap.stop(!0).removeClass("fancybox-opened"),a.inner.css("overflow","hidden"),a.transitions[a.current.prevMethod]()):(e(".fancybox-wrap").stop().trigger("onReset").remove(),a.trigger("afterClose")),a.unbindEvents(),a.isOpen=!1,a.current=a.coming,a.coming=!1,a.wrap=e(a.current.tpl.wrap).addClass("fancybox-tmp "+a.current.wrapCSS).appendTo("body"),a.outer=e(".fancybox-outer",a.wrap).css("padding",a.current.padding+"px"),a.inner=e(".fancybox-inner",a.wrap),a._setContent(),a.trigger("beforeShow"),a._setDimension(),a.wrap.hide().removeClass("fancybox-tmp"),a.bindEvents(),a._preload(),a.transitions[a.isOpened?a.current.nextMethod:a.current.openMethod]())},_setContent:function(){var b,c,d=a.current,g=d.type;switch(g){case"inline":case"ajax":case"html":b=d.content;"inline"===g&&b instanceof e&&(b=b.show().detach(),b.parent().hasClass("fancybox-inner")&&b.parents(".fancybox-wrap").trigger("onReset").remove(),e(a.wrap).bind("onReset",function(){b.appendTo("body").hide()}));if(d.autoSize)c=e('<div class="fancybox-tmp"></div>').appendTo(e("body")).append(b),d.width=c.outerWidth(),d.height=c.outerHeight(!0),b=c.contents().detach(),c.remove();break;case"image":b=d.tpl.image.replace("{href}",d.href);d.aspectRatio=!0;break;case"swf":b=d.tpl.swf.replace(/\{width\}/g,d.width).replace(/\{height\}/g,d.height).replace(/\{href\}/g,d.href);break;case"iframe":b=d.tpl.iframe.replace("{href}",d.href).replace("{scrolling}",d.scrolling).replace("{rnd}",(new Date).getTime())}if(-1<e.inArray(g,["image","swf","iframe"]))d.autoSize=!1,d.scrolling=!1;a.inner.append(b)},_setDimension:function(){var b=a.wrap,c=a.outer,d=a.inner,g=a.current,f=a.getViewport(),k=g.margin,i=2*g.padding,h=g.width+i,j=g.height+i,l=g.width/g.height,o=g.maxWidth,m=g.maxHeight,n=g.minWidth,p=g.minHeight;f.w-=k[1]+k[3];f.h-=k[0]+k[2];-1<h.toString().indexOf("%")&&(h=f.w*parseFloat(h)/100);-1<j.toString().indexOf("%")&&(j=f.h*parseFloat(j)/100);g.fitToView&&(o=Math.min(f.w,o),m=Math.min(f.h,m));n=Math.min(h,n);p=Math.min(h,p);o=Math.max(n,o);m=Math.max(p,m);g.aspectRatio?(h>o&&(h=o,j=(h-i)/l+i),j>m&&(j=m,h=(j-i)*l+i),h<n&&(h=n,j=(h-i)/l+i),j<p&&(j=p,h=(j-i)*l+i)):(h=Math.max(n,Math.min(h,o)),j=Math.max(p,Math.min(j,m)));h=Math.round(h);j=Math.round(j);e(b.add(c).add(d)).width("auto").height("auto");d.width(h-i).height(j-i);b.width(h);k=b.height();if(h>o||k>m)for(;(h>o||k>m)&&h>n&&k>p;)j-=10,g.aspectRatio?(h=Math.round((j-i)*l+i),h<n&&(h=n,j=(h-i)/l+i)):h-=10,d.width(h-i).height(j-i),b.width(h),k=b.height();g.dim={width:h,height:k};g.canGrow=g.autoSize&&j>p&&j<m;g.canShrink=!1;g.canExpand=!1;if(h-i<g.width||j-i<g.height)g.canExpand=!0;else if((h>f.w||k>f.h)&&h>n&&j>p)g.canShrink=!0;b=k-i;a.innerSpace=b-d.height();a.outerSpace=b-c.height()},_getPosition:function(b){var c=a.current,d=a.getViewport(),e=c.margin,f=a.wrap.width()+e[1]+e[3],k=a.wrap.height()+e[0]+e[2],i={position:"absolute",top:e[0]+d.y,left:e[3]+d.x};if(c.fixed&&(!b||!1===b[0])&&k<=d.h&&f<=d.w)i={position:"fixed",top:e[0],left:e[3]};i.top=Math.ceil(Math.max(i.top,i.top+(d.h-k)*c.topRatio))+"px";i.left=Math.ceil(Math.max(i.left,i.left+0.5*(d.w-f)))+"px";return i},_afterZoomIn:function(){var b=a.current;a.isOpen=a.isOpened=!0;a.wrap.addClass("fancybox-opened").css("overflow","visible");a.update();a.inner.css("overflow","auto"===b.scrolling?"auto":"yes"===b.scrolling?"scroll":"hidden");if(b.closeClick||b.nextClick)a.inner.css("cursor","pointer").bind("click.fb",b.nextClick?a.next:a.close);b.closeBtn&&e(b.tpl.closeBtn).appendTo(a.wrap).bind("click.fb",a.close);b.arrows&&1<a.group.length&&((b.loop||0<b.index)&&e(b.tpl.prev).appendTo(a.wrap).bind("click.fb",a.prev),(b.loop||b.index<a.group.length-1)&&e(b.tpl.next).appendTo(a.wrap).bind("click.fb",a.next));a.trigger("afterShow");if(a.opts.autoPlay&&!a.player.isActive)a.opts.autoPlay=!1,a.play()},_afterZoomOut:function(){a.trigger("afterClose");a.wrap.trigger("onReset").remove();e.extend(a,{group:{},opts:{},current:null,isOpened:!1,isOpen:!1,wrap:null,outer:null,inner:null})}});a.transitions={getOrigPosition:function(){var b=a.current.element,c={},d=50,g=50,f;b&&b.nodeName&&e(b).is(":visible")?(f=e(b).find("img:first"),f.length?(c=f.offset(),d=f.outerWidth(),g=f.outerHeight()):c=e(b).offset()):(b=a.getViewport(),c.top=b.y+0.5*(b.h-g),c.left=b.x+0.5*(b.w-d));return c={top:Math.ceil(c.top)+"px",left:Math.ceil(c.left)+"px",width:Math.ceil(d)+"px",height:Math.ceil(g)+"px"}},step:function(b,c){var d,e,f;if("width"===c.prop||"height"===c.prop)e=f=Math.ceil(b-2*a.current.padding),"height"===c.prop&&(d=(b-c.start)/(c.end-c.start),c.start>c.end&&(d=1-d),e-=a.innerSpace*d,f-=a.outerSpace*d),a.inner[c.prop](e),a.outer[c.prop](f)},zoomIn:function(){var b=a.wrap,c=a.current,d,g;d=c.dim;if("elastic"===c.openEffect){g=e.extend({},d,a._getPosition(!0));delete g.position;d=this.getOrigPosition();if(c.openOpacity)d.opacity=0,g.opacity=1;b.css(d).show().animate(g,{duration:c.openSpeed,easing:c.openEasing,step:this.step,complete:a._afterZoomIn})}else b.css(e.extend({},d,a._getPosition())),"fade"===c.openEffect?b.fadeIn(c.openSpeed,a._afterZoomIn):(b.show(),a._afterZoomIn())},zoomOut:function(){var b=a.wrap,c=a.current,d;if("elastic"===c.closeEffect){"fixed"===b.css("position")&&b.css(a._getPosition(!0));d=this.getOrigPosition();if(c.closeOpacity)d.opacity=0;b.animate(d,{duration:c.closeSpeed,easing:c.closeEasing,step:this.step,complete:a._afterZoomOut})}else b.fadeOut("fade"===c.closeEffect?c.closeSpeed:0,a._afterZoomOut)},changeIn:function(){var b=a.wrap,c=a.current,d;"elastic"===c.nextEffect?(d=a._getPosition(!0),d.opacity=0,d.top=parseInt(d.top,10)-200+"px",b.css(d).show().animate({opacity:1,top:"+=200px"},{duration:c.nextSpeed,complete:a._afterZoomIn})):(b.css(a._getPosition()),"fade"===c.nextEffect?b.hide().fadeIn(c.nextSpeed,a._afterZoomIn):(b.show(),a._afterZoomIn()))},changeOut:function(){var b=a.wrap,c=a.current,d=function(){e(this).trigger("onReset").remove()};b.removeClass("fancybox-opened");"elastic"===c.prevEffect?b.animate({opacity:0,top:"+=200px"},{duration:c.prevSpeed,complete:d}):b.fadeOut("fade"===c.prevEffect?c.prevSpeed:0,d)}};a.helpers.overlay={overlay:null,update:function(){var a,c;this.overlay.width(0).height(0);e.browser.msie?(a=Math.max(q.documentElement.scrollWidth,q.body.scrollWidth),c=Math.max(q.documentElement.offsetWidth,q.body.offsetWidth),a=a<c?l.width():a):a=r.width();this.overlay.width(a).height(r.height())},beforeShow:function(b){if(!this.overlay)this.overlay=e('<div id="fancybox-overlay"></div>').css(b.css||{background:"black"}).appendTo("body"),this.update(),b.closeClick&&this.overlay.bind("click.fb",a.close),l.bind("resize.fb",e.proxy(this.update,this)),this.overlay.fadeTo(b.speedIn||"fast",b.opacity||1)},onUpdate:function(){this.update()},afterClose:function(a){this.overlay&&this.overlay.fadeOut(a.speedOut||"fast",function(){e(this).remove()});this.overlay=null}};a.helpers.title={beforeShow:function(b){var c;if(c=a.current.title)c=e('<div class="fancybox-title fancybox-title-'+b.type+'-wrap">'+c+"</div>").appendTo("body"),"float"===b.type&&(c.width(c.width()),c.wrapInner('<span class="child"></span>'),a.current.margin[2]+=Math.abs(parseInt(c.css("margin-bottom"),10))),c.appendTo("over"===b.type?a.inner:"outside"===b.type?a.wrap:a.outer)}};e.fn.fancybox=function(b){function c(b){var c=[],i,h=this.rel;if(!b.ctrlKey&&!b.altKey&&!b.shiftKey&&!b.metaKey)b.preventDefault(),b=e(this).data("fancybox-group"),"undefined"!==typeof b?i=b?"data-fancybox-group":!1:h&&""!==h&&"nofollow"!==h&&(b=h,i="rel"),i&&(c=g.length?e(g).filter("["+i+'="'+b+'"]'):e("["+i+'="'+b+'"]')),c.length?(d.index=c.index(this),a.open(c.get(),d)):a.open(this,d)}var d=b||{},g=this.selector||"";g?r.undelegate(g,"click.fb-start").delegate(g,"click.fb-start",c):e(this).unbind("click.fb-start").bind("click.fb-start",c);return this}})(window,document,jQuery);(function(jQuery){var F=jQuery.fancybox;F.helpers.buttons={tpl:'<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:jQuery.fancybox.close();"></a></li></ul></div>',list:null,buttons:{},update:function(){var toggle=this.buttons.toggle.removeClass('btnDisabled btnToggleOn');if(F.current.canShrink){toggle.addClass('btnToggleOn')}else if(!F.current.canExpand){toggle.addClass('btnDisabled')}},beforeLoad:function(opts){if(F.group.length<2){F.coming.helpers.buttons=false;F.coming.closeBtn=true;return}F.coming.margin[opts.position==='bottom'?2:0]+=30},onPlayStart:function(){if(this.list){this.buttons.play.attr('title','Pause slideshow').addClass('btnPlayOn')}},onPlayEnd:function(){if(this.list){this.buttons.play.attr('title','Start slideshow').removeClass('btnPlayOn')}},afterShow:function(opts){var buttons;if(!this.list){this.list=jQuery(opts.tpl||this.tpl).addClass(opts.position||'top').appendTo('body');this.buttons={prev:this.list.find('.btnPrev').click(F.prev),next:this.list.find('.btnNext').click(F.next),play:this.list.find('.btnPlay').click(F.play),toggle:this.list.find('.btnToggle').click(F.toggle)}}buttons=this.buttons;if(F.current.index>0||F.current.loop){buttons.prev.removeClass('btnDisabled')}else{buttons.prev.addClass('btnDisabled')}if(F.current.loop||F.current.index<F.group.length-1){buttons.next.removeClass('btnDisabled');buttons.play.removeClass('btnDisabled')}else{buttons.next.addClass('btnDisabled');buttons.play.addClass('btnDisabled')}this.update()},onUpdate:function(){this.update()},beforeClose:function(){if(this.list){this.list.remove()}this.list=null;this.buttons={}}}}(jQuery));(function(d){function e(a){var b=a||window.event,c=[].slice.call(arguments,1),f=0,e=0,g=0,a=d.event.fix(b);a.type="mousewheel";b.wheelDelta&&(f=b.wheelDelta/120);b.detail&&(f=-b.detail/3);g=f;b.axis!==void 0&&b.axis===b.HORIZONTAL_AXIS&&(g=0,e=-1*f);b.wheelDeltaY!==void 0&&(g=b.wheelDeltaY/120);b.wheelDeltaX!==void 0&&(e=-1*b.wheelDeltaX/120);c.unshift(a,f,e,g);return(d.event.dispatch||d.event.handle).apply(this,c)}var c=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks)for(var h=c.length;h;)d.event.fixHooks[c[--h]]=d.event.mouseHooks;d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=c.length;a;)this.addEventListener(c[--a],e,false);else this.onmousewheel=e},teardown:function(){if(this.removeEventListener)for(var a=c.length;a;)this.removeEventListener(c[--a],e,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);var CopyrightNoticeEn='Copyright  by FmVi. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from baivong (baivong@ymail.com). This entire copyright notice must remain in the original, copied, or modified script';var CopyrightNoticeVi='Bản quyá»n  FmVi. Giữ toà n quyá»n. Việc sá» dụng, sá»a đổi , và / hoặc phân phối mã nà y mà không được phÃp trá»±c tiếp từ baivong (baivong@ymail.com) là không được phÃp. Toà n bá» thông báo bản quyá»n nà y phải được giữ nguyên khi sao chÃp, hoặc sá»a đổi';function fancyfmvi(){jQuery(".entry-content a[hrefjQuery='.jpeg'], .entry-content a[hrefjQuery='.bmp'], .entry-content a[hrefjQuery='.jpg'], .entry-content a[hrefjQuery='.png'], .entry-content a[hrefjQuery='.gif']").each(function(){var glink=jQuery(this).parents(".post").find(".posthead").attr("id");jQuery(this).attr({"class":"fancyimg-fmvi","data-fancybox-group":glink});fancyimage()});jQuery(".entry-content").find("img").not("img[src*='imgfast.net/users']").each(function(){var gimg=jQuery(this).parents(".post").find(".posthead").attr("id");jQuery(this).load(function(){if((jQuery(this).attr("class")!="not-fancyImg")&&(jQuery(this).attr("src")!="http://i48.servimg.com/u/f48/16/58/89/73/errorf10.jpg")&&(jQuery(this).attr("src")!="http://i48.servimg.com/u/f48/16/58/89/73/flag_r10.png")&&(jQuery(this).attr("src").indexOf("https")!="0")){var imgfancy=jQuery(this).attr("src");jQuery(this).replaceWith('<a title="Click để xem kÃch thÆ°á»›c tháºt" alt="www.fmvi.vn" data-fancybox-group="'+gimg+'" class="fancyimg-fmvi" href="'+imgfancy+'"><img src="'+imgfancy+'" /></a>');fancyimage()}})});jQuery("a[href^='http://www.youtube'][href*='v=']").each(function(){var linkytb=jQuery(this);var ax=linkytb.attr("href").slice(linkytb.attr("href").indexOf("v=")+2,linkytb.attr("href").indexOf("v=")+13);if(linkytb.attr("href").indexOf("list=")!=-1){var ay=linkytb.attr("href").slice(linkytb.attr("href").indexOf("list=")+5)+"&";var by=ay.slice(0,ay.indexOf("&"));linkytb.replaceWith('<p align="center"><a style="position: relative" class="fancy-ytbFmvi fancybox.iframe" href="http://www.youtube.com/embed/videoseries?list='+by+'&hl=vi_VN&autoplay=1"><img class="not-fancyImg" src="http://i1.ytimg.com/vi/'+ax+'/0.jpg" /><span class="iconPlayer"></span></a></p>')}else{linkytb.replaceWith('<p align="center"><a style="position: relative" class="fancy-ytbFmvi fancybox.iframe" href="http://www.youtube.com/v/'+ax+'&hl=vi_VN&autoplay=1"><img class="not-fancyImg" src="http://i1.ytimg.com/vi/'+ax+'/0.jpg" /><span class="iconPlayer"></span></a></p>')}});jQuery(".fancy-ytbFmvi").fancybox({width:640,height:390,fitToView:false,autoSize:false,closeClick:false,openEffect:'none',closeEffect:'none'})}function fancyimage(){jQuery(".fancyimg-fmvi").fancybox({openSpeed:'slow',closeSpeed:'slow',minWidth:32,minHeight:32,openEffect:'elastic',closeEffect:'elastic',prevEffect:'fade',nextEffect:'fade',closeBtn:false,helpers:{title:{type:'inline'},buttons:{}}})}jQuery(function(){if(jQuery("#i_icon_mini_new_message").length){var tinmoi=jQuery("#i_icon_mini_new_message").attr("alt").match(/[0-9]+/);jQuery.fancybox('<div id="FMvi-pm" style="width: 220px;text-align: center"><a href="/privmsg?folder=inbox"><img style="cursor:pointer" width="154" height="178" onmouseout="this.src=\'http://i48.servimg.com/u/f48/16/58/89/73/e-mail11.png\'" src="http://i48.servimg.com/u/f48/16/58/89/73/e-mail11.png" onmouseover="this.src=\'http://i48.servimg.com/u/f48/16/58/89/73/email_11.png\'" /></a><p style="padding-top: 10px" class="closeWIndowF">Vous avez reçu <font color="blue">'+tinmoi+'</font>nouveau(x) messages(s).</p></div>')}})
Si tu souhaites modifier l'images, il faut la remplacer dans cette partie
- Code:
<a href="/privmsg?folder=inbox"><img style="cursor:pointer" width="154" height="178" onmouseout="this.src=\'http://i48.servimg.com/u/f48/16/58/89/73/e-mail11.png\'" src="http://i48.servimg.com/u/f48/16/58/89/73/e-mail11.png" onmouseover="this.src=\'http://i48.servimg.com/u/f48/16/58/89/73/email_11.png\'" /></a>
le css
- Code:
/* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
Le résultat
Re: Afficher la notification d'un nouveau MP par popup
Ça a l'air super sympa... :-)
Maintenant je t'exprime ce que j'ai dans ma tête. C'est super cool ce truc mais... Euh, c'est ou les trucs dont il me parle
Je vais un peu chercher quand meme mais si tu sais m'indiquer le menu, tu me serais t'une aide supplémentaire.
D'avance un super grand merci
Amnézix
Maintenant je t'exprime ce que j'ai dans ma tête. C'est super cool ce truc mais... Euh, c'est ou les trucs dont il me parle
Je vais un peu chercher quand meme mais si tu sais m'indiquer le menu, tu me serais t'une aide supplémentaire.
D'avance un super grand merci
Amnézix
Invité- Invité
Re: Afficher la notification d'un nouveau MP par popup
Un petit tour dans le forum intitulé "questions et réponses fréquentes" :
Pour le javascript lire ce tutoriel :
https://forum.forumactif.com/t311791-gestion-des-codes-javascript
Pour le css lire ce tutoriel :
https://forum.forumactif.com/t301866-le-css-comment-ca-marche
Pour le javascript lire ce tutoriel :
https://forum.forumactif.com/t311791-gestion-des-codes-javascript
Pour le css lire ce tutoriel :
https://forum.forumactif.com/t301866-le-css-comment-ca-marche
Re: Afficher la notification d'un nouveau MP par popup
Bien sympa comme truc, fonctionne très bien. Merci !demeter1 a écrit:Bonjour Amnézix,
J'ai un script avec effet fancybox qui traine dans mes dossiers
.....
Re: Afficher la notification d'un nouveau MP par popup
AlainD a écrit:Bien sympa comme truc, fonctionne très bien. Merci !demeter1 a écrit:Bonjour Amnézix,
J'ai un script avec effet fancybox qui traine dans mes dossiers
.....
dommage que ça ne marche pas sur phpbb2 , j'ai essayé aussi !
pas grave !
bizzz
Re: Afficher la notification d'un nouveau MP par popup
A première vue, çà semble bon... Je laisse le soin aux meilleurs que moi le soin d'approfondir le soucis.
Re: Afficher la notification d'un nouveau MP par popup
Bonjour,
Je reviens un peu vers vous pour vous tenir informer de l'évolution.
Je m'attendais a avoir un popup plein écran lorsque je suis connecté sur le forum mais apparemment ce popup fonctionne lorsque l'on se connecte et que nous avons un MP en attente.
Donc le popup fonctionne quand on passe du mode OFFLINE en mode ONLINE.
Au final, c'est peut-être pas plus mal, ca gêne moins quand on est actif sur le forum et qu'on recoit régulièrement des MP.
Merci à tous pour vos interventions
Amnézix
Je reviens un peu vers vous pour vous tenir informer de l'évolution.
Je m'attendais a avoir un popup plein écran lorsque je suis connecté sur le forum mais apparemment ce popup fonctionne lorsque l'on se connecte et que nous avons un MP en attente.
Donc le popup fonctionne quand on passe du mode OFFLINE en mode ONLINE.
Au final, c'est peut-être pas plus mal, ca gêne moins quand on est actif sur le forum et qu'on recoit régulièrement des MP.
Merci à tous pour vos interventions
Amnézix
Invité- Invité
Sujets similaires
» (1081) Problème de notifications mails des messages (Retard)
» Comment afficher un popup d'inscription?
» Comment afficher un popup dans le cas où le visiteur est japonnais ?
» Personnaliser la Popup d'avertissement de nouveau message privé
» Désactivé popup nouveau message privé
» Comment afficher un popup d'inscription?
» Comment afficher un popup dans le cas où le visiteur est japonnais ?
» Personnaliser la Popup d'avertissement de nouveau message privé
» Désactivé popup nouveau message privé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum