It is currently Fri 30 Sep 2016 - 10:19 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 316, 17, 1823, 24, 25  >

[Tuto] POPUP persistante de notification en DHTML
Author Message
Ceres


Joined: 12 Aug 2007
Posts: 37

PostPosted: Wed 17 Jun 2009 - 23:30    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour

 Mon probleme, la pub n'est plus dynamique, je joint le code en entier pour y voir plus
 
 la pub prends toute la page, mon image perso n'est plus cadrée

Code: Sélectionner - Agrandir

/* ============ Popub pour Inviter =========== */
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 10 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar1").style.visibility="hidden"
}

function staticbar1(){
barheight=document.getElementById("topbar1").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar1");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar1, false);
else if (window.attachEvent)
window.attachEvent("onload", staticbar1);
else if (document.getElementById)
(window.onload=staticbar1);

</script>


<style type="text/css">
#topbar1 {
position:absolute;
background-color : #eaedf4;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 20;
opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
}
</style>


/* === Fin === pop pub premiere partie avant head */
<!-- END switch_enable_pm_popup -->


/* apres body */
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

/* voici le reste */
<!-- IF S_USER_LEVEL == "ANONYMOUS" -->  

<div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
</a></span>
<table border="0" width="100%" style="border-collapse: collapse">
<tr><td>
/*
<img src="http://img40.xooimage.com/files/9/a/c/ti002537--feeb42.jpg" border="0">
*/
</td>
<td align="center"><span style="color:#3253A4;"><b> Bienvenue <br />Veuillez vous <a href="/profile.php?mode=register">inscrire</a> ou vous
<a href="/login.php">connecter</a></b></span></td></tr>
</table></div>

<!-- ENDIF -->




Les details en commentaire dans le code
je ne comprends tous fonctionnais et après .....
meme en recopiant le code original du tuto, marche plus, je suis sur FF et IE8 idem

merci
a+
Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 18 Jun 2009 - 09:07    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

sur le forum de ton profil je ne vois pas de soucis avec la pub elle a toujours les même dimensions
_______________________


Forum
Author Message
keke64


Offline
Guest




PostPosted: Fri 3 Jul 2009 - 00:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonsoir,

Dans le thème MylElegance, il y' a aucun <body> sauf <body bgcolor ....  Mais cela correspond pas.

Alors où dois-je placer le code de variante n°1: sans image?


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 3 Jul 2009 - 01:07    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour
Justement c'est ça le body dans votre template Smile

<body bgcolor ...

Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
keke64


Offline
Guest




PostPosted: Fri 3 Jul 2009 - 01:13    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Ah oui? Ça me parait bizarre. Merci. 

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 3 Jul 2009 - 01:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Non pas inquiétude... c'est juste que votre balise body contient des variables rien de plus.
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
keke64


Offline
Guest




PostPosted: Fri 3 Jul 2009 - 01:34    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Merci beaucoup! 

Author Message
Forum-Pub


Offline
Guest




PostPosted: Sat 4 Jul 2009 - 18:23    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Tutoriel ne fonctionne pas pour mon forum..

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 4 Jul 2009 - 18:26    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

tu fais bien comme indiqué dans le tuto
tu mets bien les code aux endroits indiqué

sinon si tu as trop de script dans les templates ça peut en bloquer certains
_______________________


Forum
Author Message
bellerose
Membre


Offline
Membre

Joined: 14 Dec 2005
Posts: 34
Point(s): 34
Moyenne: 1.00

PostPosted: Sun 19 Jul 2009 - 00:31    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonsoir. bon j'ai regarder votre poste et vous avez faites du changement
le quelle des code qui est bon , je voudrais avoir celui que tu vois nouveau message mais pas celui qui reste toujours si il est pas lu


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 19 Jul 2009 - 11:12    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

tu dois appliqué la méthode qui commence ici

Quote:
I. 2. popup coulissante de notification d'MP

prise en compte de la notification en anglais

_______________________


Forum
Author Message
fanathitude
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 72
Point(s): 72
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sun 19 Jul 2009 - 14:26    Post subject: Re: [Tuto] POPUP persistante de notification en DHTML Reply with quote

altair wrote:


Ouvrir overall_header.tpl

Ajouter avant </head>

Code: Sélectionner - Agrandir

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 10 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar1").style.visibility="hidden"
}

function staticbar1(){
barheight=document.getElementById("topbar1").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar1");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar1, false);
else if (window.attachEvent)
window.attachEvent("onload", staticbar1);
else if (document.getElementById)
(window.onload=staticbar1);

</script>


Ajoutez également avant </head>

Code: Sélectionner - Agrandir

<style type="text/css">
#topbar1 {
position:absolute;
background-color : #eaedf4; 
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 20;
opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
}
</style>





Variante 2 : avec une image



Ajoutez après <body>

Code: Sélectionner - Agrandir

<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

<div align="center" id="topbar1" style="opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img42.xooimage.com/files/1/0/9/close-67f4aa.gif" align="right" border="0">
</a></span>
<table border="0" width="100%" style="border-collapse: collapse">
 <tr>
  <td><img src="http://img2.xooimage.com/votre-image.gif" border="0"></td>
  <td align="center"><span style="color:#3253A4;"><b> Bienvenue humble visiteur <br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span></td>
 </tr>
</table></div> 

<!-- ENDIF -->  


à remplacer dans le code par l'adresse de votre image
Code: Sélectionner - Agrandir

http://img2.xooimage.com/votre-image.gif







bonjour fais ceci cela marche pas pourquoi????



Forum
Author Message
fanathitude
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 72
Point(s): 72
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sun 19 Jul 2009 - 14:28    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Embarassed désolée je savais pas il fallait etre deconnecter pour y voir!
nickel cela marche


Forum
Author Message
snoopy93


Offline
Guest




PostPosted: Wed 22 Jul 2009 - 16:11    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

altair wrote:
II. Version statique (fixe)

II. 1. POPUP de notification de nouveaux messages privés

II. 1. A - popup persistante translucide (s'affiche toujours tant que le message n'a pas était lus)


Ouvrez overall_header.tpl

Seulement si vous avez ce code, Cherchez et effacez
Ouvrez overall_header.tpl

Seulement si vous avez ce code, Cherchez et effacez
Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->


Ajoutez après <body> ( code 1)
Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->

<table class="pmlinepop" id="new_pm_popup" cellspacing="0" cellpadding="0" style="border-collapse:collapse; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
  <tr>
     <td style="height:60px; width:300px;" align="center">
   <a href="" onClick="getElementById('new_pm_popup').style.display = 'none'; return false;">
    <img style="position: absolute; left: 276px; top: 2px;" alt="" src="http://img5.xooimage.com/files/i/c/icon_delete-36ebc.gif" width="16" height="18" border="0" /></a>
   <a href="{U_PRIVATEMSGS}" class="gen" align="center">{PRIVATE_MESSAGE_INFO}</a></td>
  </tr>
</table>

<script language="javascript" type="text/javascript">
<!--
for (i=1; i<100; i++) {
alerte = "{PRIVATE_MESSAGE_INFO}";
if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message")
{
document.getElementById('new_pm_popup').style.display = 'inline';
}
}
//-->
</script>

<!-- END switch_enable_pm_popup --> 


Ajoutez avant </head>
Code: Sélectionner - Agrandir
<style>
.pmlinepop {
   position : absolute;
   background-color : #eaedf4;
   border : 1px solid #006699;
   text-align : center;
   top : 20px;
   left : 30px;
   height : 60px;
   width : 300px;
   display: none;
}
</style> 




Je viens d'essayer ce code sur mon forum (ColinBlue)
Il ne reste pas clignotant si le membre à pas lu son message.
 
Merci d'avance pour l'aide que vous saurez m'apporter

Cordialement Jérôme


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 22 Jul 2009 - 18:19    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

ici
Code: Sélectionner - Agrandir

<a href="{U_PRIVATEMSGS}" class="gen" align="center">{PRIVATE_MESSAGE_INFO}</a>

tu mets comme ça

<a href="{U_PRIVATEMSGS}" class="gen" align="center"><blink>{PRIVATE_MESSAGE_INFO}</blink></a>

_______________________


Forum
Author Message
snoopy93


Offline
Guest




PostPosted: Thu 23 Jul 2009 - 11:53    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

C'est présent au départ



mais ne persiste pas Sad

Mon template tout fraichement remodifié, au cas stp :


 En suivant : II. 1. A - popup persistante translucide (s'affiche toujours tant que le message n'a pas était lus)
Code: Sélectionner - Agrandir



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
/* Functions that swaps images. */
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

/* Functions that handle preload. */
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
<meta name="verify-v1" content="OhOHa+Dy0HU8u+pyOc4ogsZ/5D2G/FbY0AH5GW9hoXM=" >
<meta name="author" content="team-apc.com" />
<meta name="identifier-url" content="http://www.team-apc.com/index.php" />
<meta name="copyright" content="team-apc" />
<meta name="subject" content="Auto Passion Cantalienne" />
<meta name="Date-creation-ddmmyyyy" content="08052009" />
<meta name="Ranking" content="General" />
<meta name="Content-Language" content="fr" />
<meta name="abstract" content="APC à était créé afin de regrouper des Passionnés d'Autos sportives sur le Cantal et ses alentours. " />
<meta name="description" content="APC à était créé afin de regrouper des Passionnés d'Autos sportives sur le Cantal et ses alentours.  Disons le tout de suite, pour présenter une auto sur le forum, il ne faut pas qu'elle est subie de modifications esthétiques profondes (excepté les voitures ayant un but avec le sport automobile)" />
<meta name="Classification" content="auto, passion, cantalienne, sportive" />
<meta name="keywords" content="team, apc, team apc, auto, automobile, passion, voiture, cantal, cantalienne, auto passion 15, auto passion cantalienne, sportive, collection, sport," />
<meta name="dc.keywords" content="team, apc, team apc, auto, automobile, passion, voiture, cantal, cantalienne, auto passion 15, auto passion cantalienne, sportive, collection, sport," />
<meta name="revisit-after" content="7 days" />
<meta name="robots" content="index, follow" />

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
<title>{SITENAME}  <!-- IF PAGE_TITLE == "Index" --><!-- ELSE -->{PAGE_TITLE}<!-- 
ENDIF --></title>
<link rel="stylesheet" href="http://img10.xooimage.com/files/7/a/8/colinblue-5682d8.css" type="text/css" />
<style type="text/css">
<!--
td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom { background-image: url(http://img7.xooimage.com/files/c/e/cellpic1-31f84.gif) }
th { background-image: url(http://img5.xooimage.com/files/c/e/cellpic3-31f85.gif) }
td.rowpic { background-image: url(http://img.xooimage.com/files/); background-repeat: repeat-y }
-->

    <!-- BEGIN code_open --></span>
    <dl class="code"><dt><span class="postbody">{L_CODE}: <a href="javascript:void(0);" onclick="selectCode(this); return false;">Sélectionner</a> - <a href="javascript:void(0);" onclick="expandCode(this); return false;">Agrandir</a> / <a href="javascript:void(0);" onclick="reducCode(this); return false;">Réduire</a></span></dt><dd><div class="code">
    <!-- END code_open -->
    <!-- BEGIN code_close -->
    </div>
    </dd>
    </dl>
    <span class="postbody"><!-- END code_close -->

</style>
<link rel="shortcut icon" href="http://img36.imageshack.us/img36/3094/favicon.gif">
<script type="text/javascript">
function blinkIt() {
 if (!document.all) return;
 else {
   for(i=0;i<document.all.tags('blink').length;i++){
      s=document.all.tags('blink')[i];
      s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible';
   }
 }
}
setTimeout("setInterval('blinkIt()',500)",100);
</script>
    <style>
    .pmlinepop {
       position : absolute;
       background-color : #eaedf4;
       border : 1px solid #006699;
       text-align : center;
       top : 20px;
       left : 30px;
       height : 60px;
       width : 300px;
       display: none;
    }
    </style>
</head>
<body>
    <!-- BEGIN switch_enable_pm_popup -->

    <table class="pmlinepop" id="new_pm_popup" cellspacing="0" cellpadding="0" style="border-collapse:collapse; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
      <tr>
         <td style="height:60px; width:300px;" align="center">
       <a href="" onClick="getElementById('new_pm_popup').style.display = 'none'; return false;">
        <img style="position: absolute; left: 276px; top: 2px;" alt="" src="http://img5.xooimage.com/files/i/c/icon_delete-36ebc.gif" width="16" height="18" border="0" /></a>
       <a href="{U_PRIVATEMSGS}" class="gen" align="center"><blink>{PRIVATE_MESSAGE_INFO}</blink></a></td>
      </tr>
    </table>

    <script language="javascript" type="text/javascript">
    <!--
    for (i=1; i<100; i++) {
    alerte = "{PRIVATE_MESSAGE_INFO}";
    if ( alerte == "Vous avez "+i+" nouveaux messages" || alerte == "Vous avez 1 nouveau message")
    {
    document.getElementById('new_pm_popup').style.display = 'inline';
    }
    }
    //-->
    </script>

    <!-- END switch_enable_pm_popup -->
    <script type="text/javascript">

     /* Modifiez 800 ici par la largeur maximum que vous voulez
      */
     MAX_IMG_WIDTH = 800;

     function resizedImgClick(event) {
      event = (event || window.event);
      var img = Event.element(event);

      // L'image est dans un lien, on laisse le lien s'ouvrir
      if (img.up('a')) return;

      // L'image taille réelle est actuellement affichée, on la ferme
      if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
       fullImg.parentNode.removeChild(fullImg);
       Event.stop(event);
       return false;
      }

      // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
      $('img.resizedImgFull').each(function(elem) {
       elem.parentNode.removeChild(elem);
      });

      // On affiche l'image taille réelle
      var elem = $cE('img');
      elem.src=img.src;
      elem.setStyle({
       position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
      });
      elem.addClassName('resizedImgFull');
      elem.onclick=resizedImgClose;
      document.body.appendChild(elem);
      Event.stop(event);
      return false;
     }
     function resizedImgClose(event) {
      event = (event || window.event);
      var img = Event.element(event);
      img.parentNode.removeChild(img);
      Event.stop(event);
      return false;
     }
     function imgsize(maxwidth) {
      $$('.postbody img').each(function(img) {
       if (img.width <= maxwidth) return;
       img.width=maxwidth;
       img.style['cursor']='pointer';
       img.onclick=resizedImgClick;
      });
     }
     Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
    </script>
<a name="top" id="top"></a>

    <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td align="center"><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/6/b/b/sans-titre-9-ea6872.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr>
                <tr>
                    <td align="center" width="100%" valign="middle"><span class="maintitle"></span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                    <table cellspacing="0" cellpadding="2" border="0">
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr> 
<td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>&nbsp; • &nbsp;<a href="/portal.php">Portail</a>&nbsp; •&nbsp; <a href="{U_SEARCH}">{L_SEARCH}</a>
&nbsp;• &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>&nbsp; • 
&nbsp;<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp; • &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
&nbsp;• &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a>&nbsp; • &nbsp;

    <a href="{U_PRIVATEMSGS}" class="mainmenu">
    <!-- IF PRIVATE_MESSAGE_INFO == "Vous avez 1 nouveau message" -->
    <span style="color: red"><b><blink>Vous avez un nouveau message</blink></b></span> 
    <!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" -->
    Vous n’avez aucun nouveau message
    <!-- ELSEIF PRIVATE_MESSAGE_INFO == "Se connecter pour vérifier ses messages privés" -->
    Consulter sa messagerie privée
    <!-- ELSEIF PRIVATE_MESSAGE_INFO != "" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Vous avez 1 nouveau message" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Vous n’avez pas de nouveaux messages" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Se connecter pour vérifier ses messages privés" -->
    <font color=red><b><blink>Vous avez de nouveaux messages</blink></b></font>
    <!-- ELSE -->
    {PRIVATE_MESSAGE_INFO}
    <!-- ENDIF -->
    </a>&nbsp; 
• &nbsp;<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<!--========================= STOP COPYING THE HTML HERE =========================-->

<table width="100%" cellspacing="0" cellpadding="0" border="0" valign="bottom">                
<td align="center" width="100%" valign="bottom">
<table cellspacing="0" cellpadding="0" border="0" valign="bottom">
</table>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" valign="bottom">
<td align="center" valign="bottom">
 





EDIT : De plus, peut on associé ces 2 combinaisons :

I. 2. popup coulissante de notification d'MP
II. 1. A - popup persistante translucide (s'affiche toujours tant que le message n'a pas était lus)

Car j'aimerais bien quelle soit coulissante et persistante Wink

@+ Jérôme


Author Message
Contenu Sponsorisé





PostPosted: Today at 10:19    Post subject: [Tuto] POPUP persistante de notification en DHTML

Display posts from previous:   
Reply to topic Page 17 of 25 Goto page: <  1, 2, 316, 17, 1823, 24, 25  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401