It is currently Wed 28 Sep 2016 - 19:03 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 423, 24, 25  >

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





PostPosted: Sun 21 Sep 2008 - 00:12    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

Olip96 wrote:
Tuto extraordinaire! Mais, est-ce possible que le pop-up pour les visiteurs soit adapté au style du forum aussi? Merci de me répondre!

Avec mes cordes,
Olip96



Bonsoir

oui c'est possible, il faut juste connaitre les "class" de chaque thème
pour votre thème
les tables class="forumline"
les entêtes class="cat"
les cellules class="row1"
les liens class="nav"

ça donne cela



le code de la popup à placer après <body>
Code: Sélectionner - Agrandir
<!-- BEGIN switch_user_logged_out -->
<table class="forumline" align="center" id="topbar" border="0" style="border-collapse:collapse;">
 <tr>
<td class="cat" align="center" height="28" width="100%"><span>Bienvenue</span></td>
<td class="cat" height="28" align="center"><a href="" onclick="closebar(); return false">
<img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" align="right" border="0">
</a></td>
 <tr>
  <td class="row1" align="center" colspan="2"><br /><span class="gen">Bienvenue humble visiteur<p>Veuillez vous <a href="/profile.php?mode=register" class="nav">inscrire</a> ou
   vous <a href="/login.php" class="nav">connecter</a></span><br /><br /></td>
 </tr>
</table>
<!-- END switch_user_logged_out -->


à placer 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 = 4 //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 closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").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("topbar");
stayTopLeft();
}

for (i=1; i<100; i++) {
var connect = "{L_LOGIN_LOGOUT}";
if ( connect == "Connexion" || connect == "Login")
{
if (window.addEventListener)
window.addEventListener("load", staticbar, false);
else if (window.attachEvent)
window.attachEvent("onload", staticbar);
else if (document.getElementById)
(window.onload=staticbar);
}
}
</script>


à placer avant </head>
Code: Sélectionner - Agrandir
<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width: 300px;
z-index: 20;
}
</style>
Author Message
Olip96


Offline
Guest




PostPosted: Sun 21 Sep 2008 - 00:45    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Ça marche merci Altair  Very Happy

Author Message
Julianinho


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 10:35    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

merci pour se code, ça marche bien Wink

Mais j'arrive pas a mettre correctement une image a coté du texte comme ici:




Moi ça m'affiche ça:




Voici mon code :

Code: Sélectionner - Agrandir

    <!-- BEGIN switch_user_logged_out -->

    <div align="center" id="topbar" style="visibility:visible; left:30px; top:2806px; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" style="margin-left:326px;"  border="0">
    </a></span>
    <span style="color:#3253A4;"><b>

<FONT SIZE=2><FONT FACE="verdana">Bienvenue sur SOS Julianinho<br />
    <img src="http://img242.imageshack.us/img242/1209/pingouius8.png"
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
     ou vous <a href="/login.php">connecter</FONT></FONT></a></b></span><br /></div>
   
     
    <!-- END switch_user_logged_out -->




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: Wed 1 Oct 2008 - 10:49    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

il faut que tu utilises la fonction image flotante

tu as une explication ici

http://xooit.xooit.com/t19299-Ajout-d-une-fonction-pour-les-images.htm?q=im…
_______________________


Forum
Author Message
Julianinho


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 11:22    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

j'ai mis comme ça:

Code: Sélectionner - Agrandir
 <!-- BEGIN switch_user_logged_out -->

    <div align="center" id="topbar" style="visibility:visible; left:30px; top:2806px; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;">
    <span><a href="" onclick="closebar(); return false">
    <img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" style="margin-left:326px;"  border="0">
    </a></span>
    <span style="color:#3253A4;"><b>

<right><img src="http://img242.imageshack.us/img242/1209/pingouius8.png"</right>
<FONT SIZE=2><FONT FACE="verdana">Bienvenue sur SOS Julianinho<br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
     ou vous <a href="/login.php">connecter</FONT></FONT></a></b></span><br /></div>
   

     
    <!-- END switch_user_logged_out -->



Mais ça n'a rien changé, j'ai rajouté
Code: Sélectionner - Agrandir
<!-- BEGIN align_right --><div style="float:right"><!-- END align_right -->


Dans le templaye bbcode mais rienne change,


Author Message
Deimos


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 15:42    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour
Désolé mais chez moi ça ne marche pas, j'ai beau faire ce qui est dit ça ne veut pas
Quelques précisions avant de donner le code :
- J'ai utilisé ce tuto, ça vient peut-être de la mon problème : http://xooit.xooit.com/t26576-Cacher-Monter-les-categories.htm
- Mon thème d'origine est Chronicles, ce qui fait que je n'ai pas de <body> mais :
Quote:
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" alink="{T_BODY_LINK}">

Voici le code du template :
Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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://img.xooimage.com/files6/4/f/6/chronicles-5faecc.css" type="text/css">

<!-- 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 -->
</head>
<script type="text/javascript"> 
var PreloadFlag = false; 
var expDays = 90; 
var exp = new Date(); 
var tmp = ''; 
var tmp_counter = 0; 
var tmp_open = 0; 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); 
function SetCookie(name, value) 

   var argv = SetCookie.arguments; 
   var argc = SetCookie.arguments.length; 
   var expires = (argc > 2) ? argv[2] : null; 
   var path = (argc > 3) ? argv[3] : null; 
   var domain = (argc > 4) ? argv[4] : null; 
   var secure = (argc > 5) ? argv[5] : false; 
   document.cookie = name + "=" + escape(value) + 
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
      ((path == null) ? "" : ("; path=" + path)) + 
      ((domain == null) ? "" : ("; domain=" + domain)) + 
      ((secure == true) ? "; secure" : ""); 

function getCookieVal(offset) 

   var endstr = document.cookie.indexOf(";",offset); 
   if (endstr == -1) 
   { 
      endstr = document.cookie.length; 
   } 
   return unescape(document.cookie.substring(offset, endstr)); 

function GetCookie(name) 

   var arg = name + "="; 
   var alen = arg.length; 
   var clen = document.cookie.length; 
   var i = 0; 
   while (i < clen) 
   { 
      var j = i + alen; 
      if (document.cookie.substring(i, j) == arg) 
      { 
         return getCookieVal(j); 
      } 
      i = document.cookie.indexOf(" ", i) + 1; 
      if (i == 0) 
      { 
         break; 
      } 
   } 
   return null; 

function ShowHide(id1, id2, id3) 

   var res = expMenu(id1); 
   if (id2 != '') 
   { 
      expMenu(id2); 
   } 
   if (id3 != '') 
   { 
      SetCookie(id3, res, exp); 
   } 

function expMenu(id) 

   var itm = null; 
   if (document.getElementById) 
   { 
      itm = document.getElementById(id); 
   } 
   else if (document.all) 
   { 
      itm = document.all[id]; 
   } 
   else if (document.layers) 
   { 
      itm = document.layers[id]; 
   } 
   if (!itm) 
   { 
      // do nothing 
   } 
   else if (itm.style) 
   { 
      if (itm.style.display == "none") 
      { 
         itm.style.display = ""; 
         return 1; 
      } 
      else 
      { 
         itm.style.display = "none"; 
         return 2; 
      } 
   } 
   else 
   { 
      itm.visibility = "show"; 
      return 1; 
   } 

</script> 
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" alink="{T_BODY_LINK}">
<a name="top">[/url]
<table width="93%" cellspacing="0" cellpadding="10" border="0" align="center"> 
 <tr> 
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0"> 
            <tr> 
                <td align="center"><a href="{U_INDEX}"><img src="http://img527.imageshack.us/img527/1781/kuheader2nz9.png" border="0" alt="{L_INDEX}" vspace="1" />[/url]</td> 
            </tr> 
            <tr> 
                <td align="center" width="100%" valign="middle"><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0">
     <tr> 
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="http://kingdomultimate.xooit.com/portal.php" class="mainmenu"><img src="http://img.xooimage.com/files9/e/f/9/icon_mini_login-31c74-1--5fb81c.gif" width="12" height="13" border="0" alt="Portail du forum" hspace="3" />Portail[/url]&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files7/0/d/3/icon_mini_faq-31c6d-1--5fb476.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}[/url]</span><span class="mainmenu">&nbsp; <a href="http://kingdomultimate.xooit.com/portal.php?pid=4" class="mainmenu"><img src="http://img.xooimage.com/files3/0/4/1/icon_mini_t-l-chargement-31-607729.gif" width="12" height="13" border="0" alt="Téléchargements" hspace="3" />Téléchargements[/url]
 &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files3/d/d/0/icon_mini_search-31c6e-1--5fb76b.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}[/url]&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files5/2/3/2/icon_mini_members-31c6f-1--5fb433.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}[/url]&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files1/0/5/e/icon_mini_groups-31c70-1--5fb780.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}[/url]&nbsp; 
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files1/c/0/c/icon_mini_register-31c71-1--5fb4ca.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}[/url]</span>&nbsp;
      <!-- END switch_user_logged_out -->
      </td>
     </tr>
     <tr>
      <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files5/2/b/d/icon_mini_profile-31c72-1--5fb770.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}[/url]&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img.xooimage.com/files1/5/c/d/icon_mini_message-31c73-1--5fb7c1.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}[/url]&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files9/e/f/9/icon_mini_login-31c74-1--5fb81c.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}[/url]&nbsp;</span>

 <a href="http://kingdomultimate.xooit.com/portal.php?pid=2"><img src="http://img.xooimage.com/files5/2/3/2/icon_mini_members-31c6f-1--5fb433.gif" width="12" height="13" border="0" alt="La charte du forum" hspace="3" /><font color=#FFFFFF>Charte du forum[/url]&nbsp; &nbsp;<a href="http://www.root-top.com/topsite/gamemaking/in.php?ID=879" class="mainmenu"><img src="http://img.xooimage.com/files1/c/0/c/icon_mini_register-31c71-1--5fb4ca.gif" width="12" height="13" border="0" alt="Votez du forum" hspace="3" />Voter pour le forum[/url] </td>
     </tr>
    </table></td>
   </tr>
  </table>
  <br />


Voilà
Merci d'avance


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 1 Oct 2008 - 15:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

si tu utilises un autre tuto post à la suite de celui en question

sinon quand tu mets des templates il faut les mettre entre les balises code et pas quote
_______________________


Forum
Author Message
Deimos


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:00    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ça marche mais je voudrais la version dynamique et j'ai la version statique alors que j'ai mis le code pour la dynamique
Pour les code, c'était parce qu'entre les balises code, les images apparaissaient


Author Message
Julianinho


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

j'ai bien réussi a installer le code pour la boite flottant qui nous dit qu'on a reçu un message, par contre la boite ne descend en meme temps qu'on descend la page, pas elle reste figé en haut, j'ai essayé les 3 code qui sont présenté dans le tuto

Author Message
velpongame


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:46    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Salut, saurais-tu t'inscrire sur http://fan2blogs.xooit.be 

Merci beaucoup et à tout de suite!!


                                                                                                                                                  Fan2Blogs


Author Message
Twilight


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:49    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

velpongame wrote:
Salut, saurais-tu t'inscrire sur http://fan2blogs.xooit.be 

Merci beaucoup et à tout de suite!!

Fan2Blogs


Quel est le rapport avec la question ?


Author Message
velpongame


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:49    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ouais désolé mais j'ai besoin de visiteurs!

Author Message
velpongame


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:50    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

comment on fait pour mettre les images de rang???

Author Message
Twilight


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:53    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

velpongame wrote:
comment on fait pour mettre les images de rang???


Je n'ai pas à faire la police, mais je te dis juste que tu vas te faire tapper sur les doigts si tu continues. En effet, les U¨P ne sont tolorés que toutes les 24H et/ou seulement pour changer de sujet, or ce n'est pas vraiment le cas. En plus, sur ton premier post, tu fais de la pub sauvage, ce qui est interdit, et deuxièment, les demande d'aide pour l'administration se font ICI

A bon entendeur, salut !


Author Message
Julianinho


Offline
Guest




PostPosted: Wed 1 Oct 2008 - 16:53    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

on se demande lol

Sinon je reposte mon problème au cas ou Very Happy

Quote:
'ai bien réussi a installer le code pour la boite flottant qui nous dit qu'on a reçu un message, par contre la boite ne descend en meme temps qu'on descend la page, pas elle reste figé en haut, j'ai essayé les 3 code qui sont présenté dans le tuto


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 2 Oct 2008 - 08:08    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

velpongame wrote:

ouais désolé mais j'ai besoin de visiteurs!

bonjour

pour info la pub sauvage est interdite donc évites de reposter ce genre de chose
_______________________


Forum
Author Message
Contenu Sponsorisé





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

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