It is currently Fri 30 Sep 2016 - 03:30 - 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, 5, 623, 24, 25  >

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





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

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

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

bonjour

en fait il suffit de prendre le style que tu veux


dans le tuto tu regardes la partie ou tu as le design qui te plait et tu copies le style ce que tu dois mettre avant

Code: Sélectionner - Agrandir
</head>



et tu le place à la place de celui que tu as déjà
_______________________


Forum
Author Message
Julianinho


Offline
Guest




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

j'ai fais comme tu as dis, j'ai changé se code :

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


par celui ci :

Code: Sélectionner - Agrandir
<style type="text/css">
#topbar{
position:absolute;
background-color : #eaedf4;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
visibility: hidden;
z-index: 0;
}
</style>


mais ya un soucis ça m'affiche ça maintenant :


il y a plus de contour et il est transparent.


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

supprimes ça

visibility: hidden;
_______________________


Forum
Author Message
Julianinho


Offline
Guest




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

toujours pareil, il y a pas a un autre endroit du code aussi a modifier ? Je sais qu'on dois mettre 3 codes pour se script, le style visuel se change que dans se code ?

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

l'apparence c'est dans cette partie normalement
_______________________


Forum
Author Message
Julianinho


Offline
Guest




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

bizarre alors, de plus sur l'image on voit qu'il a pas pris en compte le nouveau style car " la croix" n'a pas changé de style aussi, or la croix aussi devrait changer de forme,
tu sais comment faire ?


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

tu as bien supprimé l'ancien code et remplacer par le nouveau
_______________________


Forum
Author Message
Julianinho


Offline
Guest




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

oui regarde:

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:absolute;
background-color : #eaedf4;
border : 1px solid #9893C6;
-moz-border-radius: 12px;
padding: 4px 0px 14px 0px;
width: 360px;
z-index: 0;
}
</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>


Author Message
Julianinho


Offline
Guest




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

up Very Happy

Author Message
Julianinho


Offline
Guest




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

up  Mr. Green

Author Message
altair


Offline
Guest




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

Julianinho wrote:
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


Bonsoir

il suffit d'utiliser le code qui correspond à la version dynamique pour la popup de notification d'MP
je viens de l'ajouter au Tuto


Author Message
Julianinho


Offline
Guest




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

bonjour, merci altair, c'est exactement ça que je voulais, par contre meme quand on a pas de message il y a quand meme la boite flottante qui apparait pour afficher " vous n'avez pas de nouveaux messages" , moi je voudrais qu'elle apparaisse seulement quand on a un nouveau message, c'est se type d'affichage que j'ai pris : " popup coulissante de notification d'MP "

mercii


Author Message
Sploutch
Membre


Offline
Membre

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

PostPosted: Fri 24 Oct 2008 - 09:16    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Salutations,
Je n'avais pas vu ce tuto.
Je le trouve assez sympathique et bien expliquer de plus ! Very Happy
_______________________
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
nordine29200


Offline
Guest




PostPosted: Fri 24 Oct 2008 - 15:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

salut voilà encore un code (POPUP adressée aux visiteurs) qui ne fonctionne pas avec mon thème...je me demande si je n'aurais pas un code ultérieur qui générai ! Qu'en pensez vous ??

voici mon overall_header.tpl avec le code placé et pourtant ça ne marche pô

<!-- DEBUT DU SCRIPT -->
<STYLE TYPE="text/css">
<!--  
#cache {
    position:absolute; top:200px; z-index:20; visibility:hidden;
}
-->
</STYLE>

<TABLE WIDTH=450 BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FF9900 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Verdana" SIZE=2 COLOR=#FFFFFF><BR>e forum infos détente subi des transformations excusez nous pour la gêne occasionné
<font color=red>La Team F.I.D</font><BR><BR></FONT></TD>  </TR></TABLE></TD>  </TR></TABLE>


<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";

function cacheOff()
   {
   cach.visibility = "hidden";
   }
window.onload = cacheOff
</SCRIPT>
<!-- FIN DU SCRIPT -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
    <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>
<head><meta name="verify-v1" content="c3Jy1AOl+4aujoV5BlUmb3SSEmv60xCpuuWKlXLZZlI=" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files9/5/c/7/zonecopper-57b028.css" type="text/css" />
<style type="text/css">
<!--
td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom { background-image: url(http://img.xooimage.com/files10/c/e/cellpic1-3667e.gif) }
th { background-image: url(http://img.xooimage.com/files10/c/e/cellpic3-3667d.gif) }
td.rowpic { background-image: url(http://img.xooimage.com/files4/c/e/cellpic2-36672.jpg); background-repeat: repeat-y }
-->
</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 -->
<link rel="shortcut icon" href="http://www.icone-gif.com/gif/insolite/insolite-gif-099.gif">
    <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:absolute;
    background-color : #eaedf4;
    border : 1px solid #9893C6;
    -moz-border-radius: 12px;
    padding: 4px 0px 14px 0px;
    width: 360px;
    visibility: hidden;
    z-index: 0;
    }
    </style></head>
<a name="top">[/url]
<body background="http://img.xooimage.com/files3/b/a/background-36671.gif" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <!-- BEGIN switch_user_logged_out -->

   

    <span><a href="" onclick="closebar(); return false">
   

    [/url]</span>
    <span style="color:#3253A4;"> Bienvenue humble visiteur

    Veuillez vous inscrire
     ou vous connecter
</span>


    
    <!-- END switch_user_logged_out -->

<a name="top">[/url]


<table width="90%" cellpadding="0" cellspacing="0"><tr><td width="100%">

  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100" background="http://img.xooimage.com/files6/d/a/darksilver_04-36673.gif">
</td>
    <td width="58" background="http://img.xooimage.com/files7/d/a/darksilver_07-36686.gif">
</td>
      <td align="center" valign="top" background="http://img.xooimage.com/files7/d/a/darksilver_07-36686.gif">


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

bonjour

mets le code après la balise


 
Code: Sélectionner - Agrandir
<head> 

_______________________


Forum
Author Message
Contenu Sponsorisé





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

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