It is currently Sun 25 Sep 2016 - 15:54 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 320, 21, 22, 23, 24, 25  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Sun 25 Oct 2009 - 20:33    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

bonjour

normalement tu as déjà le code pour centrer la fenêtre
Forum
Author Message
séb13


Offline
Guest




PostPosted: Sun 25 Oct 2009 - 20:41    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Dans le tuto d'origine???
Si c'est le cas, ça marche pas, j'ai la pop up en haut à gauche. En modifiant un peu X et Y, ça l'a centré, mais moyennement.
Sinon, que dois-je modifier?
Merci.


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 25 Oct 2009 - 20:48    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

comme tu l'as dis les X et Y tu essayes de trouver la bonne valeur pour la positionner comme toi tu veux
_______________________


Forum
Author Message
séb13


Offline
Guest




PostPosted: Sun 25 Oct 2009 - 20:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

OK, en fait, il n'existe pas une valeur qui peut définir automatiquement le centrage de la pop up???

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 25 Oct 2009 - 21:01    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

essayes dans les 500 500 mais je ne suis pas sur
_______________________


Forum
Author Message
séb13


Offline
Guest




PostPosted: Sun 25 Oct 2009 - 21:18    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

OK ça marche.
Merci beaucoup Thémalin!!!


Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 15:10    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour,pouvez vous me faire la variante 2 avec image pour mon forum svp ? je m'en sors pas !
voici l'adresse de l'image que je souhaite mettre http://hydre.prixdunet.com/images/orig/486/comparer-et-acheter-metre-roller-bricolage-innovation-486.jpg


Author Message
chris37
Membre


Offline
Membre

Joined: 24 Sep 2008
Posts: 69
Niveau:
Point(s): 77
Moyenne: 1.12
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 猪 Cochon

PostPosted: Sat 31 Oct 2009 - 15:26    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Cela te va ?

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://hydre.prixdunet.com/images/orig/486/comparer-et-acheter-metre-roller-bricolage-innovation-486.jpg" 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  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 -->  

_______________________
Mon [Tuto] sur Xooit, ,Cliquez

Site CONTRE la réforme scolaire 2014
[/b]


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 15:28    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

il faut que je le place à quel endroit ? j'ai oublié de vous demander undecided

Author Message
chris37
Membre


Offline
Membre

Joined: 24 Sep 2008
Posts: 69
Niveau:
Point(s): 77
Moyenne: 1.12
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 猪 Cochon

PostPosted: Sat 31 Oct 2009 - 15:38    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

après le <body>  Wink celui là normalement

quasiment en deuxième partie de ton template
Code: Sélectionner - Agrandir

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" onLoad="settitle()"> 

_______________________
Mon [Tuto] sur Xooit, ,Cliquez

Site CONTRE la réforme scolaire 2014
[/b]


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 15:45    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

oui c'est ca, mais je voudrais que ce soit à gauche de mon forum , et que ca descente en même temps que la barre ! Very Happy

PS: je veux exactement comme toi, mais avec l'image du mètre ! Smile


Author Message
chris37
Membre


Offline
Membre

Joined: 24 Sep 2008
Posts: 69
Niveau:
Point(s): 77
Moyenne: 1.12
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 猪 Cochon

PostPosted: Sat 31 Oct 2009 - 15:53    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

si tu veux le même que moi, le voici avec ton image :*
fais le test Wink
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://hydre.prixdunet.com/images/orig/486/comparer-et-acheter-metre-roller-bricolage-innovation-486.jpg" border="0"></td>
      <td align="center"><span style="color:#3253A4;"><b> Bienvenue visiteur sur le Forum Astuces-Brico <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 -->   

_______________________
Mon [Tuto] sur Xooit, ,Cliquez

Site CONTRE la réforme scolaire 2014
[/b]


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 16:06    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Rebonjour à tous ! Very Happy

Voilà j'ai réussi . Very Happy ca marche super , mais je voudrais centrer " bienvenue visiteur sur le forum astuces-brico ..... entre les 2 images. Comment faire ? Smile
merci


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 31 Oct 2009 - 19:16    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

mets comme ça
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 align="left" width="300"><img src="http://hydre.prixdunet.com/images/orig/486/comparer-et-acheter-metre-roller-bricolage-innovation-486.jpg" border="0"></td>
          <td align="center"><span style="color:#3253A4;"><b> Bienvenue visiteur sur le Forum Astuces-Brico <br />
    Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
     ou vous <a href="/login.php">connecter</a></b></span></td>
<td width="300">&nbsp;</td>
       </tr>
    </table></div>

<!-- ENDIF --> 

_______________________


Forum
Author Message
fleurierdu30


Offline
Guest




PostPosted: Sat 31 Oct 2009 - 19:42    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Merci beaucoup ca marche nickel !! Smile et pour que ca descende en même temps que le visiteur desend sur le forum il faut faire comment ?

voici mon template overall header en entier
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head><meta name="author" content="igon" />
<meta name="identifier-url" content="http://astuces-brico.xooit.com" />
<meta name="copyright" content="astuces-brico" />
<meta name="subject" content="bricolage" />
<meta name="Ranking" content="General" />
<meta name="Content-Language" content="france" />
<meta name="abstract" content="bienvenue sur le forum du bricolage pour tous ! " />
<meta name="description" content="Bienvenue sur le forum ASTUCES-BRICO pour tous ! de nombreuses rubriques sont présentes afin de favoriser l'échange entre les membres !!à trés bientôt" />
<meta name="Classification" content="bricolage,outils,materiel,travaux" />
<meta name="keywords" content="bricolage,materiel,outils" />
<meta name="revisit-after" content="7 days" />
<meta name="robots" content="index, follow" />

<meta name="google-site-verification" content="Ag6k6TA_mVpK9Tnl4WFrGtuQVgqs4ZFzA7OoFO8rBJ0" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img1.xooimage.com/files/i/m/images-249d7" type="text/css" -->
<style type="text/css">
<!--
/*
  CSS settings for aallixSilver... aallix.com
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
  background-color: {T_BODY_BGCOLOR};
  scrollbar-face-color: {T_TR_COLOR2};
  scrollbar-highlight-color: {T_TD_COLOR2};  scrollbar-shadow-color: {T_TR_COLOR2};
  scrollbar-3dlight-color: {T_TR_COLOR3};
  scrollbar-arrow-color:  {T_BODY_LINK};
  scrollbar-track-color: {T_TR_COLOR1};
  scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }
hr  { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline  { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline  { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1  { background-color: {T_TR_COLOR1}; }
td.row2  { background-color: {T_TR_COLOR2}; }
td.row3  { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
    background-color: {T_TD_COLOR2};
    background-image: url(http://img9.xooimage.com/files/c/e/cellpic2-30de9.jpg);
    background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th  {
  color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
  background-color: {T_BODY_LINK}; height: 25px;
  background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
      background-image: url(http://img9.xooimage.com/files/c/e/cellpic3-30dea.gif);
      background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
  background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow   { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right   { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft    { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop   { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle  {
  font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
  text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover  { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu    { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu    { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle    { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle    { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink    { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink   { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav      { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav      { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover    { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2  { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails    { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link  { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
  font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
  background-color: {T_TD_COLOR1}; border: {T_FONTCOLOR1}; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
  font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
  background-color: {T_TD_COLOR1}; border: {T_FONTCOLOR1}; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright    { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright    { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
  color : {T_BODY_TEXT};
  font: normal {T_FONTSIZE2}px {T_FONTFACE1};
  border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
  background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
  background-color : {T_TR_COLOR1};
  color : {T_BODY_TEXT};
  font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
  background-color : {T_TD_COLOR1};
  font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
  background-color : {T_TD_COLOR1};
  font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img4.xooimage.com/files/f/o/formie-30deb.css");
-->

/* The text input fields background colour */
input.post, textarea.post, select {
  background-color : #D1D1D1;
}

</style>
<!-- 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 -->

<script type="text/javascript">

/****************************************************
*          DOM Image rollover:
*    by Chris Poole
*    http://chrispoole.com
*               Script featured on http://www.dynamicdrive.com
*    Keep this notice intact to use it :-)
****************************************************/

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;

</script>

<STYLE TYPE="text/css">
<!--
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>

<script language="JavaScript">
<!--
function hideLoadingPage() {
  if (document.getElementById) {  // DOM3 = IE5, NS6
    document.getElementById('hidepage').style.visibility = 'hidden';
  }
  else {
    if (document.layers) {  // Netscape 4
      document.hidepage.visibility = 'hidden';
    }
    else {  // IE 4
      document.all.hidepage.style.visibility = 'hidden';
    }
  }
}
//  End -->
</script>

</head>

<!-- marginheight="0" leftmargin="0" topmargin="0" -->

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" marginheight="0" leftmargin="0" topmargin="0" onload="hideLoadingPage()" />
<!-- 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://www.somec.fr/media/client/vprod/v_boite-outils-bt-11-facom.jpg" align="right" border="0">
    </a></span>
    <table border="0" width="100%" style="border-collapse: collapse">
       <tr>
          <td align="left" width="300"><img src="http://upload.wikimedia.org/wikipedia/commons/0/02/Panneau_travaux.png" border="0"></td>
          <td align="center"><span style="color:#3253A4;"><b> Bienvenue visiteur sur le Forum Astuces-Brico <br />
    Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
     ou vous <a href="/login.php">connecter</a></b></span></td>
<td width="300">&nbsp;</td>
       </tr>
    </table></div>

<!-- ENDIF --> 
<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;">

<table width="100%" height="100%">
  <tr>
  <td align="center" valign="middle">
    <table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
      <tr>
      <td align="center" class="row1"><span class="genmed"><br /><b>Page Loading... please wait!</b><p><img src="http://img4.xooimage.com/files/l/o/loading-30def.gif"><p>The page still does not show? Click <a href="javascript:hideLoadingPage()">here</a><br />&nbsp;</span></td>
      </tr>
    </table>
  </td>
  </tr>
</table>

</div>

<a name="top"></a>

<table width="100%" cellpadding="5" cellspacing="1" border="0">
<tr><td>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
         
<tr> <td class="catHead" height="28"><span class="cattitle"><center>
<a href="{U_INDEX}">{L_INDEX}</a> ::
<a href="{U_FAQ}">{L_FAQ}</a> ::
<a href="{U_SEARCH}">{L_SEARCH}</a>
</span>
</td></tr>
 
<tr><td class="row1" align="center">

<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_members-30df0.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_groups-30df1.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>

<span class="mainmenu"> &nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-30df2.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_message-30df3.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-30df4.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span>
<!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_register-39acd.gif" border="0" alt="{L_REGISTER}" hspace="3" /><b>{L_REGISTER}</b></a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
</td></tr></table><br>


   <body>
<SCRIPT LANGUAGE="JavaScript">
<!--
var today=new Date();
var heure="";
function messagevariable() {
var time=today.getHours();
heure=""
if(time>=6 && time< 8)
heure="c'est l'heure du réveil !"
if(time>=8 && time<12)
heure="bonne matinée !"
if(time>=12 && time<13)
heure="bon appétit  !"
if(time>=13 && time<17)
heure="Bon apres-midi !"
if(time>=17 && time<22)
heure="Bonsoir !"
if(time>=22 || time<6)
heure="Bonne nuit à tous !"
}
// --></SCRIPT>
<span style="font-weight:bold;"><SCRIPT LANGUAGE="JavaScript">
<!--
messagevariable();
document.writeln(heure)
// -->
</SCRIPT></span>
</body>

    <!-- DEBUT DU SCRIPT -->
    <style type="text/css">
    .ejs_context_menuitems{padding-left:12px; padding-right:7px; }
    </style><script language="JavaScript1.2">
    /*
    Source du Script: Editeur Javascript (http://editeurjavascript.com)
    Script adapté pour: Xooit.com (http://www.xooit.com)
    */
    ejs_context_elemt = new Array;
    ejs_context_elemt[0] = "Page précédente|history.go(-1)";
    ejs_context_elemt[1] = "Page suivante|history.go(1)";
    ejs_context_elemt[2] = "";
    ejs_context_elemt[3] = 'Portail du forum|document.location.href=\'portal.php\'';
    ejs_context_elemt[4] = 'Index du forum|document.location.href=\'index.php\'';
    ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
    ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
    ejs_context_elemt[7] = "";
    ejs_context_elemt[8] = 'Connexion|document.location.href=\'login.php\'';
    ejs_context_elemt[9] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
    ejs_context_elemt[10] = 'Mon Profil|document.location.href=\'profile.php?mode=editprofile\'';
    ejs_context_elemt[11] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
    ejs_context_elemt[12] = "";
    ejs_context_elemt[13] = 'Rechercher|document.location.href=\'search.php\'';
    ejs_context_elemt[14] = 'Liste des Membres|document.location.href=\'memberlist.php\'';
    ejs_context_elemt[15] = 'Liste des Groupes|document.location.href=\'groupcp.php\'';
    ejs_context_elemt[16] = '';
    ejs_context_elemt[17] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
    ejs_context_elemt[18] = 'Statistiques|document.location.href=\'stats.php\'';
    ejs_context_elemt[19] = 'Top 10 des Posteurs|document.location.href=\'memberlist.php?mode=topten&order=DESC\'';
    ejs_context_elemt[20] = 'Top 50 des Posteurs|document.location.href=\'memberlist.php?mode=posts&order=DESC\'';
    ejs_context_elemt[21] = '';
    ejs_context_elemt[22] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
    ejs_context_elemt[23] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
    ejs_context_elemt[24] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
    ejs_context_elemt[25] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
    ejs_context_elemt[26] = 'Contacter Xooit.com|document.location.href=\'http://www.xooit.com/fr/contact.html\'';
    function ejs_context_position(e)
       {
       ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
       ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
       }

    function ejs_context_open()
       {
       document.getElementById("ejs_context_box").style.top = ejs_context_y;
       document.getElementById("ejs_context_box").style.left = ejs_context_x;
       document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
       document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
       document.getElementById("ejs_context_box").style.visibility = "visible";
       document.getElementById("ejs_context_ombre").style.visibility = "visible";
       return(false);
       }

    function ejs_context_close()
       {
       if (document.getElementById)
          {
          document.getElementById("ejs_context_box").style.top = 0;
          document.getElementById("ejs_context_box").style.left = 0;
          document.getElementById("ejs_context_ombre").style.top = 0;
          document.getElementById("ejs_context_ombre").style.left = 0;
          document.getElementById("ejs_context_box").style.visibility = "hidden";
          document.getElementById("ejs_context_ombre").style.visibility = "hidden";
          }
       }

    function ejs_context_hl(mode, element)
       {
       if(mode == 1)
          {
          element.style.background = '#316AC5';
          element.style.color = '#ffffff';
          }
       else
          {
          element.style.background ='#ffffff';
          element.style.color = '#000000';
          }
       }

    if(navigator.appName.substring(0,3) == "Net")
       document.captureEvents(Event.MOUSEMOVE);
    </script>
    <!-- FIN DU SCRIPT -->

    <!-- DEBUT DU SCRIPT -->
    <div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:13px; cursor:default; visibility:hidden;padding:3">
    <script language="JavaScript">
    /*
    Source du Script: Editeur Javascript (http://editeurjavascript.com)
    Script adapté pour: Xooit.com (http://www.xooit.com)
    */
    ejs_context_ombre_txt = '';
    for(a=0;a<ejs_context_elemt.length;a++)
       {
       if(ejs_context_elemt[a].indexOf("|") > 0)
          {
          splited = new Array;
          splited = ejs_context_elemt[a].split("|");
          document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
          ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
          }
       else
          {
          document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
          ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
          }
       }
    document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');

    // EVENEMENTS
    document.onmousemove = ejs_context_position;
    document.oncontextmenu = ejs_context_open;
    document.onclick = ejs_context_close;
    </script>
    <!-- FIN DU SCRIPT -->
f


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 31 Oct 2009 - 19:48    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

il suffit de rajouter les codes indiqué dans le tuto avant

Code: Sélectionner - Agrandir
</head>

_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 15:54    Post subject: [Tuto] POPUP persistante de notification en DHTML

Display posts from previous:   
Reply to topic Page 21 of 25 Goto page: <  1, 2, 320, 21, 22, 23, 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