It is currently Wed 28 Sep 2016 - 13:57 - 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, 4, 523, 24, 25  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Thu 2 Oct 2008 - 08:08    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

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

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
Julianinho


Offline
Guest




PostPosted: Thu 2 Oct 2008 - 11:19    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

sinon pour mon problème personne ne sait ? undecided

Author Message
Julianinho


Offline
Guest




PostPosted: Sat 4 Oct 2008 - 11:13    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

j'ai un problème de boite flottante, sur ma page portail la boite flottante reste bien en haut et descend quand on descend dans le site, mais dans le forum la boite flottante ne reste pas en haut elle descend de plus en plus quand on descend dans le site jusqu' a ne plus la voir

voici le 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 />
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 -->



et pourtant j'ai mis le meme code dans le portail et dans le forum, testez le vous meme sur mon portail: http://sosjulianinho.xooit.com/portal.php
et sur mon forum: http://sosjulianinho.xooit.com/index.php

merciii


Author Message
Julianinho


Offline
Guest




PostPosted: Sun 5 Oct 2008 - 09:59    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

up Wink

Author Message
Twilight


Offline
Guest




PostPosted: Mon 6 Oct 2008 - 20:11    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonsoir,

J'ai essayé de faire une Pop-up adaptée au forum avec des bords arrondis, seulement le code a l'air de buggé légèrement car la pop-up s'affiche dès lors en permanence. Si quelqu'un pourrait me dire quelle partie est à modifier pour arrondir les angles et faire fonctionner parfaitement cette pop-up.

Merci bien et bonne journée. Wink


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

bonjour

tu peux combiner avec ce tuto pour l'arrondi

http://xooit.xooit.com/t37222-Arrondir-les-bords-de-votre-forum.htm
_______________________


Forum
Author Message
dimitriuss


Offline
Guest




PostPosted: Fri 10 Oct 2008 - 18:39    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bon, j'ai un petit soucis tout compte fait, sa s'affiche bien et tout mais trop justement !

Je me retrouve avec a chaque page ma petite po-up vers le bas de la page (même sans avoir de MP) :s Que ce soit sur l'index ou autre, voici mon overall-header


 
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html dir="{S_CONTENT_DIRECTION}">
<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 = 400 //set x offset of bar in pixels
var startY = 500 //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();
}
</script>
    <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://img7.xooimage.com/files/4/0/1/greenfirefly-712660.css" type="text/css">

   

    <link rel="shortcut icon" href="http://ns1.hostingpics.net/pics/520970rana01_architetto_france_01.png">
    <script language="JavaScript" src="http://js.128b.com/script_site.js">
    /*    Tag à placer entre les balises <HEAD> et </HEAD>    */
    </script>
<style type="text/css">
#topbar{
position:absolute;
background-color : #A5DA94;
border : 2px solid #E4D489;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 20;
}
</style>
    </head>
<style>
.pmlinepop {
   position : absolute;
   background-color : #A5DA94;
   border : 2px solid #E4D489;
   text-align : center;
   top : 20px;
   left : 30px;
   height : 60px;
   width : 300px;
   display: none;
}
</style>
    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<center></center></br>
    <a name="top"></a>

    <center></center>
        <tr>
            <td><table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td align="center"></a></td>
                   
                </tr>
                            <td align="center" width="100%" valign="middle">
                    <table cellspacing="0" cellpadding="2" border="0">
                        <tr>
                            <td>
</br>
        <!-- BEGIN switch_enable_pm_popup -->

<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")
{
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
}
}
//-->
</script>

<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><center><img src="http://ns1.hostingpics.net/pics/520970rana01_architetto_france_01.png"/></br><a href="{U_PRIVATEMSGS}" class="gen" align="center">{PRIVATE_MESSAGE_INFO}</center></a></b></span><br /></div>

<!-- END switch_enable_pm_popup --> </br>
<!-- BEGIN switch_user_logged_out -->
                    <object><embed src="http://img5.xooimage.com/files/5/0/2/bann-dimitrius_nonconnecter-6cde14.swf" quality="high" bgcolor="#e4d489" width="800" height="350" name="bann-dimitrius" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
   </object>

                        <!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
                      <object><embed src="http://img1.xooimage.com/files/6/1/5/bann-dimitrius_connecter-6d1f3b.swf" quality="high" bgcolor="#e4d489" width="800" height="350" name="bann-dimitrius" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
   </object>
                         <!-- END switch_user_logged_in --> 
</td>
                        </tr>
                    </table></td>
      
            </table>
   
    </td>
      </tr>
    </tbody>
    </table>
    <table height="73" border="0" background="http://ns1.hostingpics.net/pics/197135partenaires_banniere_al.png" align="center"  width="500" style="background-repeat: no-repeat;">
      <tbody><tr>
        <td align="center" valign="middle">
    <script type="text/javascript" language="javascript">
    <!--
    now=new Date;
    hloc=now.getHours()+'%3A'+now.getMinutes()+'%3A'+now.getSeconds();
    document.write('<iframe src="http://www.i-services.net/membres/gestion_ban/gestion_ban.php?uid=126634&amp;sid=71168&amp;idempl=1284&amp;hloc='+hloc+'"');
    document.write(' width="468" height="60" marginwidth="0" marginheight="0" hspace="0"');
    document.write(' vspace="0" frameborder="0" scrolling="no">');
    document.write('&nbsp;</iframe>');
    //-->
    </script>
    <noscript>
    <iframe src="http://www.i-services.net/membres/gestion_ban/gestion_ban.php?uid=126634&amp;sid=71168&amp;idempl=1284" width="468" height="60" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no">&nbsp;</iframe>
    </noscript>
    </td>
      </tr>
    </tbody>
    </table>
    <center><b>
    <!-- IF PRIVATE_MESSAGE_INFO == "Vous avez 1 nouveau message" -->
    <font color=red><b><blink>Vous avez 1 nouveau message</blink></b></font>
    <!-- ENDIF -->
    </center>
            <br /> 


 
Donc si on pouvais m'aider a régler ce soucis ce serait sympa 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: Fri 10 Oct 2008 - 19:44    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bonjour

si tu as utilisé le premier code essayes plutot cette méthode


I. 1. B - popup Non-persistante translucide (s'affiche une seule fois après la connexion)
_______________________


Forum
Author Message
dimitriuss


Offline
Guest




PostPosted: Fri 10 Oct 2008 - 21:37    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Moi j'ai utilisé le code qui affiche la pop-up arrondie, persistante tant que le MP n'est pas lu et qui defile en descandant la page...

Author Message
dimitriuss


Offline
Guest




PostPosted: Sun 12 Oct 2008 - 22:49    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Personne pour m'aider ? Car c'est assez urgent, je me retrouve avec une pop-up sur des pages n'importe ou :s

Elle est en plein millieu sur l'index, la liste des messages
et tout en bas du forum (après la page) sur toutes les autres pages


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

dans le premier code ici

 
Code: Sélectionner - Agrandir
<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;">  


essayes de mettre comme ça

 
Code: Sélectionner - Agrandir

<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; margin-top: px; margin-left: px;">  
et tu mets des valeurs pour les px
_______________________


Forum
Author Message
dimitriuss


Offline
Guest




PostPosted: Mon 13 Oct 2008 - 08:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Very Happy Je vais me faire tuer : Very Happy j'ai réussi  a régler le problème tout seul dans la nuit, et comme je ne suis pas un flooder, je ne voulait pas faire de double-post  Razz

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

ok sinon pour savoir tu as fais quoi
_______________________


Forum
Author Message
dimitriuss


Offline
Guest




PostPosted: Mon 13 Oct 2008 - 08:42    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

J'ai supprimé tout ce que j'avait ajouté de ce tuto (et j'ai même supprimé des balises du style :<head>...au passage, du coup je n'avait plus rien sur mon forum,juste les écritures  Sad et j'ai recopié des bouts de mon thème de test, et en fait, j'avais ce pb car altair avait mis un 'mauvais' code, donc des bugs (toi aussi tu a eu le même pb) et maintenant sa refonctionne Very Happy

Author Message
dimitriuss


Offline
Guest




PostPosted: Mon 13 Oct 2008 - 08:57    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Juste un truc, moi j'ai la pop-up sur l'index, qui me 'suit', sa c'est bon, je clique sur la croix, je change de page, elle se rafiche car je n'ai pas lu le MP, sa c'est bon aussi.

J'ai testé pour voir avec mon compte de test et elle ne se réaffiche pas ! On clique une fois sur la croix et elle ne se réaffiche pas Sad


Author Message
Julianinho


Offline
Guest




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

Bonjour,

c'est possible de mettre cette affichage :


Avec le design de cette affichage :


Je voudrais que quand j'ai des messages ça m'affiche le design de la 2ème fenètre, je le trouve plus beau que l'autre lol

voici mon code

Code: Sélectionner - Agrandir
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">
        <head>
    <meta name="verify-v1" content="yEdYDPIVNSCyt9tPeGJvjN4CqYQEtHm+NXrLNDJKGLQ="/>
    <meta name="author" content="Julianinho" />
    <meta name="identifier-url" content="http://sosjulianinho.xooit.com" />
    <meta name="copyright" content="SOS Julianinho" />
    <meta name="subject" content="Informatique, internet" />
    <meta name="Date-creation-ddmmyyyy" content="12092008" />
    <meta name="Date-Revision-ddmmyyyy" content="30092008" />
    <meta name="Ranking" content="General" />
    <meta name="Content-Language" content="fr" />
    <meta name="description" content="Forum d'aide Informatique, sur le matériel, logiciel, internet, windows, xp vista, installations, wifi, astuce, et même une partie jeu etc... N'hésitez pas à venir, tous vos problèmes seront résolus" />
    <meta name="Classification" content="forum, informatique, aide, internet" />
    <meta name="keywords" content="forum, internet, informatique, windows, xp, vista, astuce, news, infos, jeux flash, detente, tournoi, manga" />
    <meta name="revisit-after" content="1 days" />
    <meta name="robots" content="index, follow" />
     
     
     
  <script language="javascript">
    function bye()
    {
    alert ("Merci de votre visite et à bientôt !!!");
    }
    </script>
     
         
     
    <SCRIPT type="text/javascript" title="G1SCRIPT">
    //Script Généré sur le Site http://www.G1SCRIPT.COM
    // Original:  David Sosnowski
    <!-- Begin
    var message = new Array();
    // Set your messages you want typed into the title bar below.
    // To add more messages, just add more elements to the array.
    message[0] = "Bienvenue sur SOS Julianinho";
    message[1] = "un tout nouveau forum informatique";
    message[2] = "si vous avez un problème";
    message[3] = "vous êtes au bon endroit";
    message[4] = "Je vous souhaite une bonne visite !!!!";
     
    // Set the number of repetitions (how many times a given message is typed out
    // before moving onto the next message).
    var reps = 1;
    var speed = 275;// Set the overall typing speed (larger number = slower action).
    var hold = 4 // set the length of time to display the whole phrase before retyping (larger number = longer)
     
    // DO NOT EDIT BELOW THIS LINE.
    var p = message.length;
    var q = 0;
    var r = 0;
    var C = 0;
    var mC = 0;
    var s = 0;
    var sT = null;
     
    if (reps < 1) {
    reps = 1;
    }
    function setMessage() {
    typing = message[mC];
    q = typing.length;
    r = q + hold;
    typeMessage();
    }
    function typeMessage() {
    if (s > r) {
    s = 0;
    }
    if (s > q) {
    document.title = '|- '+ typing +' - - -';
    }
    else {
    document.title = '|- '+ typing.substr(0,s)+' - - -';
    }
    if (C < (r * reps)) {
    sT = setTimeout("typeMessage()", speed);
    C++;
    s++;
    }
    else {
    C = 0;
    s = 0;
    mC++;
    if(mC > p - 1) {mC = 0;}
    sT = null;
    setMessage();
       }
    }
    setMessage();
    //  End -->
    //Identifiant du script: V7-243/Titre
    //Mis en ligne: 12/09/03
    //By TANGUY
    </SCRIPT>
     
     
    <SCRIPT LANGUAGE="JavaScript">
    function NoError()
       {
       return true;
       }
    window.onerror=NoError;
    </SCRIPT>
        <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <script language="JavaScript" type="text/JavaScript">
        <!--
        function MM_reloadPage(init) {  //reloads the window if Nav4 resized
          if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
            document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
          else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
        }
        MM_reloadPage(true);
        //-->
        </script>
        {META}
        {NAV_LINKS}
        <title>{SITENAME}   {PAGE_TITLE}</title>
     
     
     
     
     
     
     
    <script>
    <!--
     
    /*
    Copyright &copy; MaXimuS 2002, All Rights Reserved.
    Site: http://maximus.ravecore.com
    E-mail: [url=mailto:maximusforever@hotmail.com]maximusforever@hotmail.com[/url]
    Script: Static Slide Menu
    Version: 6.6 Build 34
    */
     
    NS6=(document.getElementById&&!document.all)
    IE=(document.all);IE4=(document.all&&!document.getElementById)
    NS=(navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
    OP=(navigator.userAgent.indexOf('Opera')>-1)
     
    tempBar='';barBuilt=0;lastY=0;lastX=0;sI=new Array();moving=setTimeout('null',1);
     
    function moveOut() {
        if(parseInt(ssm.left)<0&&mPos||parseInt(ssm.left)>0&&!mPos){
            clearTimeout(moving);
            moving=setTimeout('moveOut()', slideXSpeed);
            slideMenu((!mPos)?"out":"out");
            }
        else {
            clearTimeout(moving);
            moving=setTimeout('null',1);
        }
    }
    function moveBack() {
        clearTimeout(moving);
        moving=setTimeout('moveBack1()',waitTime);
    }
    function moveBack1() {
        if(parseInt(ssm.left)>-(menuWidth+1)&&mPos||parseInt(ssm.left)<menuWidth+1&&!mPos) {
            clearTimeout(moving);
            moving=setTimeout('moveBack1()',slideXSpeed);
            slideMenu((!mPos)?"in":"in");
        }
        else{
            clearTimeout(moving);
            moving=setTimeout('null',1);
        }
    }
    function slideMenu(way){
        fHow=(NS6)?0.4:0.2;
        if(way=="out")flow=fHow*-(parseInt(ssm.left));
        if(way=="in"&&!mPos)flow=fHow* (menuWidth+1-parseInt(ssm.left));
        else if(way=="in")flow=fHow*-(menuWidth+1+parseInt(ssm.left));
        if(flow>0)flow=Math.ceil(flow);
        else flow=Math.floor(flow);
        if(IE||NS6){
            lastX+=flow;
            bssm.clip="rect(0 "+((!mPos)?(barWidth+menuWidth+3):(barWidth+2+lastX))+" "+(((IE4)?document.body.clientHeight:0)+tssm.offsetHeight)+" "+((!mPos)?(lastX+1):0)+")";
            }
        ssm.left=parseInt(ssm.left)+flow;
        if(NS){
            if(!mPos){
                bssm.clip.left+=flow;
                bssm2.clip.left+=flow;
            }
            else{
                bssm.clip.right+=flow;
                bssm2.clip.right+=flow;
            }
            if(bssm.left+bssm.clip.right>document.width)document.width+=flow;
        }
    }
     
    function makeStatic() {
        winY=(IE)?document.body.scrollTop:window.pageYOffset;
        sHow=(NS6)?0.4:0.2;
        if(winY!=lastY&&winY>YOffset-staticYOffset)smooth=sHow*(winY-lastY-YOffset+staticYOffset);
        else if(YOffset-staticYOffset+lastY>YOffset-staticYOffset&&winY<=YOffset-staticYOffset)smooth=sHow*(winY-lastY-(YOffset-(YOffset-winY)));
        else smooth=0;
        if(smooth>0)smooth=Math.ceil(smooth);
        else smooth=Math.floor(smooth);
        bssm.top=parseInt(bssm.top)+smooth;
        lastY=lastY+smooth;
        setTimeout('makeStatic()',slideYSpeed);
    }
     
    function menuClick(id) {
        obj=(document.all)?document.all(id):document.getElementById(id);
        with(obj){
            if(event.srcElement.id!=id){
                if(target=="_top")top.location=href;
                else if(target=="_parent")parent.location=href;
                else if(target=="_blank")window.open(href);
                else if(target>""&&top.frames[target])top.frames[target].location=href;
                else if(target>"")eval('window.open("'+href+'","'+target+'")');
                else location=href;
            }
        }
    }
     
    function buildBar() {
        if(!barType)tempBar='<IMG SRC="'+barText+'" BORDER="0">';
        else{
            for(b=0;b<barText.length;b++)tempBar+=barText.charAt(b)+"<BR>"
        }
        ssmHTML+='<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'" align="'+barAlign+'" class="ssmBar" NOWRAP>'+tempBar+'</td>';
    }
     
    function initSlide() {
        if (!mPos)lastX=menuWidth
        if ((NS6||IE)&&!OP||(operaFix!=2&&OP)){
            ssm=(NS6)?document.getElementById("thessm").style:document.all("thessm").style;
            tssm=(NS6)?document.getElementById("thessm"):document.all("thessm");
            bssm=(NS6)?document.getElementById("basessm").style:document.all("basessm").style;
            bssm.clip="rect(0 "+(barWidth+2+((!mPos)?menuWidth+1:0))+" "+(((IE4)?document.body.clientHeight:0)+tssm.offsetHeight)+" "+((!mPos)?(menuWidth+1):0)+")";
            if (OP&&operaFix==1)XOff=(!mPos)?document.body.clientWidth-barWidth-3:0;
            bssm.left=(!mPos)?XOff-menuWidth:XOff;
            if(OP)ssm.left=ssm.left;
            bssm.visibility="visible";
            if(NS6&&!OP){
                bssm.top=YOffset;
                if(menuOpacity!=100)ssm.MozOpacity=menuOpacity/100;
                slideIsGo=window.innerHeight>tssm.offsetHeight+staticYOffset;
            }
            else{
                if(menuOpacity!=100)ssm.filter="alpha(opacity="+menuOpacity+")";
                slideIsGo=((OP)?window.innerHeight:document.body.clientHeight)>parseInt(tssm.offsetHeight)+staticYOffset;
                }
            if(autoHideXOverflow&&((IE?document.body.clientWidth:window.innerWidth-16)<parseInt(bssm.left)+parseInt(ssm.left)+menuWidth+barWidth+3)){
                document.body.style.overflowX="hidden";
                document.body.style.overflowY="scroll";
            }
        }
        else if(NS){
            bssm=document.layers["basessm1"];
            bssm2=bssm.document.layers["basessm2"];
            ssm=bssm2.document.layers["thessm"];
            bssm.clip.left=(!mPos)?menuWidth+1:0;
            bssm.clip.right=(!mPos)?(menuWidth+barWidth+3):barWidth+2;
            bssm.left=(!mPos)?XOff-menuWidth:XOff;
            ssm.visibility="show";
            slideIsGo=window.innerHeight>ssm.clip.bottom+staticYOffset;
        }
        if(slideY&&(slideOnYOverflow||(!slideOnYOverflow&&slideIsGo)))makeStatic();
        if(!slideX)moveOut();
    }
     
    function getXOff() {
        return (((!XAlign)?((IE||OP)?document.body.clientWidth-barWidth-3:window.innerWidth-barWidth-3-17):(XAlign==1)?Math.floor(((IE||OP)?document.body.clientWidth/2-barWidth/2-1.5:window.innerWidth/2-barWidth/2-1.5)):0)+XOffset);
    }
     
    function buildMenu() {
        mPos=menuPosition;
        ssmHTML="";
        XOff=getXOff();
        if(IE||NS6)ssmHTML+='<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Top : '+YOffset+' ;Z-Index : 20;width:'+(barWidth+2)+';"><DIV ID="thessm" style="Position : Absolute ;Left : '+((!mPos)?menuWidth+1:-menuWidth-1)+' ;Top : 0px ;Z-Index : 30;'+((IE)?"width:1px":"")+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
        if(NS)ssmHTML+='<LAYER name="basessm1" top="'+YOffset+'" visibility="show" onload="initSlide()"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+((!mPos)?menuWidth+1:-menuWidth-1)+'" '+((slideX)?'onmouseover="moveOut()" onmouseout="moveBack()")':'')+'>';
        if(NS6)ssmHTML+='<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+3)+'"><TR><TD>';
        ssmHTML+='<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+3)+'" bgcolor="'+((!NS)?menuBGColor:"")+'">';
        for(i=0;i<sI.length;i++){
            ssmHTML+='<TR>';
            if(barBuilt==0&&!mPos){
                buildBar();
                barBuilt=1
            }
            if(sI[i][3]>1)ssmHTML+='<TD BGCOLOR="'+hdrBGColor+'" ALIGN="'+hdrAlign+'" WIDTH="'+menuWidth+'"'+((NS6)?' style="padding:'+hdrPadding+'px"':'><TABLE CELLPADDING="'+hdrPadding+'" CELLSPACING="0" BORDER="0"><TR><TD')+' CLASS="ssmHdr" VALIGN="'+hdrVAlign+'">'+((sI[i][3]==3)?'<a HREF="'+((sI[i][1].indexOf("://")==-1&&sI[i][1].indexOf("../")==-1)?targetDomain:'')+sI[i][1]+'" target="'+sI[i][2]+'" class="ssmHdr">':'')+sI[i][0]+((sI[i][3]==3)?'</a>':'')+((NS6)?'':'</TD></TR></TABLE>')+'</TD>';
            else{
                if(!sI[i][2])sI[i][2]=targetFrame;
                ssmHTML+='<TD WIDTH="'+menuWidth+'"'+(NS&&!sI[i][3]?'':'BGCOLOR="'+linkBGColor+'"')+' '+((NS6)?'CLASS="ssmItem" style="padding:'+linkPadding+'px;" ALIGN="'+linkAlign+'"':'')+' '+((sI[i][3])?'>':'onmouseover="style.backgroundColor=\''+linkOverBGColor+'\'" onmouseout="style.backgroundColor=\''+linkBGColor+'\'" onclick="menuClick(\'item_'+i+'\');"'+(IE?' style="cursor:hand;"':'')+'><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'" bgcolor="'+linkBGColor+'">')+((NS6)?'':'<DIV ALIGN="'+linkAlign+'" CLASS="ssmItem"><TABLE CELLPADDING="'+linkPadding+'" CELLSPACING="0" BORDER="0"><TR><TD VALIGN="'+linkVAlign+'" CLASS="ssmItem">')+((sI[i][3])?'':'<A HREF="'+((sI[i][1].indexOf("://")==-1&&sI[i][1].indexOf("../")==-1)?targetDomain:'')+sI[i][1]+'" target="'+sI[i][2]+'" CLASS="ssmItem" id="item_'+i+'">')+sI[i][0]+''+((sI[i][3])?'':'</A>')+((NS6)?'':'</TD></TR></TABLE></DIV>')+((sI[i][3])?'':'</LAYER></ILAYER>')+'</TD>';
            }
            if(barBuilt==0&&mPos){
                buildBar();
                barBuilt=1;
            }
            ssmHTML+='</TR>';
        }
        ssmHTML+='</table>';
        if(NS6)ssmHTML+='</TD></TR></TABLE>';
        if(IE||NS6){
            ssmHTML+='</DIV></DIV>';
            setTimeout('initSlide();',1);
        }
        if(NS)ssmHTML+='</LAYER></ILAYER></LAYER>';
        document.write(ssmHTML);
    }
     
    function addHdr(text){sI[sI.length]=[text, '', '', 2]}
     
    function addLink(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 3]}
     
    function addItem(text, link, target){if(!link)link="javascript://";sI[sI.length]=[text, link, target, 0]}
     
    function addText(text){sI[sI.length]=[text, '', '', 1]}
     
    //window.onresize=function(){setTimeout('alert(getOff());XOff=getXOff();bssm.left=(!mPos)?XOff-menuWidth:XOff;');}
     
    //-->
    </script>

     

    <link rel="icon" href="http://julianinho.free.fr/iconeforum.png" />
     
        <link rel="stylesheet" href="http://img6.xooimage.com/files/6/b/a/aqua-72942d.css" type="text/css" />
        <style type="text/css">
      <!--
    body {
    background-image: url("http://julianinho.free.fr/ZeNBladeX.jpg");
    background-repeat: repeat-y;
    background-attachment : fixed;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-arrow-color:#000000;
    scrollbar-base-color:#cccccc;
    scrollbar-darkshadow-color:#2f4f4f;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color:#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#f1f1f1;
    }
     
        -->
        </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 language="JavaScript" title="G1SCRIPT">
    //Script Généré sur le Site http://www.G1SCRIPT.COM
     
    //Identifiant du script: V7-243/Titre
    //Mis en ligne: 28/08/03
    //By TANGUY
    </SCRIPT>
     
    <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>
     
     
     
     
     
     
     
        <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();
        }
     
        if (window.addEventListener)
        window.addEventListener("load", staticbar, false)
        else if (window.attachEvent)
        window.attachEvent("onload", staticbar)
        else if (document.getElementById)
        window.onload=staticbar
        </script>
     
     
     
     
     
     
     
        <style type="text/css">
        #topbar{
        position:fixed;
        background-color : #eaedf4;
        border : 1px solid #9893C6;
        -moz-border-radius: 12px;
        padding: 4px 0px 14px 0px;
        width: 360px;
        visibility: hidden;
        z-index: 0;
        }
        </style>
     
     
     
     
    <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 text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
     
     
     
     
     
     
     
    <!-- 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 -->
     
     
     
       
   





   
        <script type="text/javascript">
     
         /* Modifiez 530 ici par la largeur maximum que vous voulez
          */
         MAX_IMG_WIDTH = 530;
     
         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>
     
     
      <table width="100%" border="0" cellpadding="0" cellspacing="0" background=>
        <tr>
        <td align="center">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
     
     
    <td align="center"><a name="top"></a><a href="{U_INDEX}"><img src="http://julianinho.free.fr/arriereplandecoupe.png" border="0" alt="{L_INDEX}" width="60%" height="180" border="0"></a></td>
     
        </tr>
        </table>
     
     
     
     
        </tr>
     
        </td>
        </tr>
        <tr>
       
     <td background=""align="center">
        <table border="0" cellspacing="0" cellpadding="0">
     
        <tr>
     
     
     
     
     
    <br />

    <table align="center">
    <tr>
    <td> 
    <!-- BEGIN switch_user_logged_out -->
       
    <object><embed src="http://img1.xooimage.com/files/6/7/b/menusosinformatiq...connecter-6df55b.swf" quality="high" wmode="transparent" width="950" height="40" name="menusosinformatique-nonconnecter" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
       </object>
     
            <!-- END switch_user_logged_out -->
     
     
     
    <!-- BEGIN switch_user_logged_in -->
     
    <object><embed src="http://img7.xooimage.com/files/0/e/d/menusosinformatiq...nnecter---6e2d9b.swf" quality="high" wmode="transparent" width="950" height="40" name="menusosinformatique-nonconnecter" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
       </object>
     
                       <!-- END switch_user_logged_in --> 
     
         </td>
    </tr>
    </table> 

     
     
     
   








     
     
     
     
     
     
     
     
     
     
     
     
    </td>
    </tr>
    </table>
    </br>
    <br />
    <tr>
    <th align="center" valign="middle" class="thHead" height="28" colspan="3">
    <span class="thHead">
    <center>
    <font color="#FF0000"><b>NEWS DU JOUR</b></font>
    </span>
    </th>
    </tr>
    <tr>
    <td class="row1">&nbsp;</td>
    <td class="row1" height="25" width="450">
     
     
    <table width="400" class="forumline" cellpadding="0" cellspacing="0">
    <tr><td valign="top" background="http://img508.imageshack.us/img508/7179/sanstitrevt9.png">
    <span class="gen">
    <!-- CONFIG: --><marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" scrollAmount="1" scrollDelay="0" direction="down" height="60"bgcolor="#C3DEF0">
    <center>
     
    <div align="center><br /><font size="5"><font color="#F30109"><font color="#000000">==></font> Design du forum terminé<br /><font color="#000000">==> </font> Création de concours<br /><font color="#000000">==> </font> Tournois de jeux flash<br /><font color="#000000">==></font> Bon plan du net<br /><font color="#000000">==></font> Nouveaux Jeux flash ajoutés<br /><font color="#000000">==> </font> Création d'un classement pour les meilleurs joueurs<br /><font color="#000000">==> </font> Création d'un Tchat<br /><br />Bonne Visite a tous !!!
     
     
     
     
     
     
     
     
     
     
     
    </center>
    </font></font><br />
    </center>
    </marquee>
    </span>
    </td>
    </tr>
    </table>
    </td>
    <td class="row1">&nbsp;</td>
    </tr>
    </table>
    <center>
    <br />
     
     
     
     
     
     
        <script language="Javascript" type="text/javascript">
        <!--
        function xdvdtrim (str) {
         var str = str.replace(/^\s\s*/, ''),
          ws = /\s/,
          i = str.length;
         while (ws.test(str.charAt(--i)));
         return str.slice(0, i + 1);
        }
        var wcptpost=0;
        var wmembre="Anonymous";
        var wforum=window.location.hostname;
        var xdvdlogin="{L_LOGIN_LOGOUT}";
        var idvdlog1 = xdvdlogin.indexOf("[")
        if (idvdlog1>-1){
         var idvdlog2 = xdvdlogin.indexOf("]",idvdlog1);
         wmembre=xdvdtrim(xdvdlogin.substring(idvdlog1+1,idvdlog2-1));
        }
        //-->
        </script>
     
     
     
     
     








     
     
    <br />
    <center>
     <blink><font color="#F98826">SI LORS DE L'INSCRIPTION VOUS RENCONTRER UN PROBLEME "D'ADRESSE MAIL NON VALIDE", VEUILLEZ RENSEIGNER UNE AUTRE ADRESSE MAIL (AUTRE QU'UNE ADRESSE HOTMAIL) EN ATTENDANT LA RESOLUTION DU PROBLEME, MERCI DE VOTRE COMPREHENSION</font></blink><br /><br />
    </center>
     
     
     
    <br />
    <center><script src="http://www.dedikass.com/script.php?id=16764"></script>
    <noscript><a href="http://www.dedikass.com" target="_blank">ShootBox</noscript>
     
     
     
    </noscript>
    </center>


merciii


Author Message
Contenu Sponsorisé





PostPosted: Today at 13:57    Post subject: [Tuto] POPUP persistante de notification en DHTML

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