It is currently Wed 28 Sep 2016 - 10:32 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 312, 13, 1423, 24, 25  >

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


Joined: 26 Jan 2008
Posts: 1,558

PostPosted: Mon 5 Jan 2009 - 21:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

Ah je n'y avais pas pensé effectivement
Oui j'ai vista, navré d'avoir oublié de notifier l'information Embarassed
Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Wed 7 Jan 2009 - 12:54    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Après de petite recherche, essaie divers, je pense qu'il y à incompatibilité avec Vista.

C'est assez dommage !

Néanmoins je continue les recherches et modification.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
altair


Offline
Guest




PostPosted: Thu 8 Jan 2009 - 15:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Sploutch wrote:
Salutations,

J'avais déjà fait l'essaie vu que tu as le lien dans ton tutoriel Altair.

Sous Firefox et internet (7) pas de problème avec le lien test que tu as donné.
As-tu mis le même code que moi (celui du tutoriel) ?

Parce que moi cela ne fonctionne pas (que) sous internet 7
(si tu veux regarder je te donnerai le lien via MP (site professionnel)

Yskander tu as essayé via Internet 7 ?
Si oui sa fonctionne pas non plus ?
Via Internet 8 oui ?

concernent Poloiste-LCK, je vois bien la pop-up via Internet Explo mais tout comme moi je ne peux la fermer via la croix.



Bonjour

le code que j'utilise sur mon forum ICI est celui plus bas,
sous XP il marche avec FF3 IE7 IE8 Safari Chrome Opera
mais j'ai pas eu l'occasion de tester sous Vista

ceci étant le lien qui permet de déclencher la fonction closebar1()
Code: Sélectionner - Agrandir
<a href="" onclick="closebar1(); return false;">

Code: Sélectionner - Agrandir
function closebar1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar1").style.visibility="hidden"
}



le code entier
Code: Sélectionner - Agrandir
#topbar1 {
position:absolute;
background-color: #E4EBF8;
border: 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 0px 0px 2px 0px;
margin: 0px;
width: 400px;
visibility: hidden;
z-index: 11;
opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
}


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>


Code: Sélectionner - Agrandir
<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

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

<!-- ENDIF -->


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Thu 8 Jan 2009 - 19:06    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Yép !
Sur l'exemple que tu donnes et avec Vista, la pop-up se ferme sois Internet Explo et FireFox (pas testé d'autres) !
J'imagine que c'est le code la (que tu donnes) :
Ajouter avant </head>
Est-il complet justement car il me semble qu'il manque au tout début ceci : <style type="text/css"> et à la fin : </style> non ?
Code: Sélectionner - Agrandir
    #topbar1 {
    position:absolute;
    background-color: #E4EBF8;
    border: 1px solid #9893C6;
    -moz-border-radius: 12px;
    padding: 0px 0px 2px 0px;
    margin: 0px;
    width: 400px;
    visibility: hidden;
    z-index: 11;
    opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;
    }

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 après <body>
Code: Sélectionner - Agrandir
    <!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

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

    <!-- ENDIF -->

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Thu 8 Jan 2009 - 21:19    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Ben soit tu mets le code entre les balises <style> de l'overall_header.tpl qui existent déjà, soit tu mets avec les balises <style> avant </head>. Wink

Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Thu 8 Jan 2009 - 22:00    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Oui-oui sa je sais pas de souci, c'est pas ma question lool
Je sais bien mettre les codes de ce tutoriel (et les autres) mais le sujet, enfin mon intervention est pour tout autre chose Wink
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
pegui21000
Membre


Offline
Membre

Joined: 01 Dec 2007
Posts: 83
Niveau:
Point(s): 81
Moyenne: 0.98
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 猪 Cochon

PostPosted: Fri 13 Mar 2009 - 23:59    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ça marche pas sur mon forum  Crying or Very sad
_______________________
ultimate-gamers.clicforum.fr - Mon forum de jeux-vidéos
Mon Dailymotion - Mon Blog - Écoutez Skyrock
Ma voiture - Ma DS


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Sat 14 Mar 2009 - 00:00    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Si ca marche Smile
Cela n'apparait que quand tu es déconnecté... ce qui est logique Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Sat 14 Mar 2009 - 10:33    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

et on peux faire une popup pour dire : viens nous rejoindre sur le chat en cliquant ICI ??
en plus de faire celle du nouveau message??


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 14 Mar 2009 - 10:35    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

dans le dernier code donné
Code: Sélectionner - Agrandir

<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><br /></div>


tu changes le texte par ce que tu veux
_______________________


Forum
Author Message
le_tcho
Membre


Offline
Membre

Joined: 10 Dec 2008
Posts: 83
Point(s): 83
Moyenne: 1.00

PostPosted: Sat 14 Mar 2009 - 11:01    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ok merci je vais tenter de le mettre en place ^^

Forum
Author Message
pegui21000
Membre


Offline
Membre

Joined: 01 Dec 2007
Posts: 83
Niveau:
Point(s): 81
Moyenne: 0.98
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 猪 Cochon

PostPosted: Sat 14 Mar 2009 - 11:39    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Yskander wrote:

Si ca marche Smile
Cela n'apparait que quand tu es déconnecté... ce qui est logique Wink

Ah désolé, c'est possible de le voir aussi pour les membres ?
_______________________
ultimate-gamers.clicforum.fr - Mon forum de jeux-vidéos
Mon Dailymotion - Mon Blog - Écoutez Skyrock
Ma voiture - Ma DS


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

bonjour

ici

Code: Sélectionner - Agrandir
<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   

<div align="center" id="topbar1">
<span><a href="" onclick="closebar1(); 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> Bienvenue humble visiteur <br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span><br /></div>
 
<!-- ENDIF --> 


mets comme ça


Code: Sélectionner - Agrandir

<div align="center" id="topbar1">
<span><a href="" onclick="closebar1(); 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> Bienvenue humble visiteur <br />
Veuillez vous <a href="/profile.php?mode=register">inscrire</a>
 ou vous <a href="/login.php">connecter</a></b></span><br /></div>
 

_______________________


Forum
Author Message
pegui21000
Membre


Offline
Membre

Joined: 01 Dec 2007
Posts: 83
Niveau:
Point(s): 81
Moyenne: 0.98
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 猪 Cochon

PostPosted: Sat 14 Mar 2009 - 23:37    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ça marche merci  Wink
_______________________
ultimate-gamers.clicforum.fr - Mon forum de jeux-vidéos
Mon Dailymotion - Mon Blog - Écoutez Skyrock
Ma voiture - Ma DS


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Sat 14 Mar 2009 - 23:47    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Par contre je ne saisi pas votre envie de le mettre pour les membres
Il affiche se connecter ou s'inscrire. Hors vos membres sont déjà inscris et aussi connecter ^^
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
45phh
Membre


Offline
Membre

Joined: 26 Jan 2007
Posts: 4
Point(s): 4
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Thu 26 Mar 2009 - 21:35    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

j ai suivi le tuto j e l ai installé c est ok ça marche merci
mais si l on arrive sur le portail meme en étant connecté cela ne fonctionne pas

connaissez vous un code permettant l affichage aussi sur le portail voir meme "mieux"  un code qui serait place dans un module rappellant le nombre de messages perso non lu


merci


http://tomtom.leforum.eu


Forum
Author Message
Contenu Sponsorisé





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

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