It is currently Mon 26 Sep 2016 - 14:15 - créer un forum

[Tuto] POPUP persistante de notification en DHTML

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 310, 11, 1223, 24, 25  >

[Tuto] POPUP persistante de notification en DHTML
Author Message
Poloiste-LCK


Joined: 12 Jun 2007
Posts: 78

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

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

Le problème venez en fait de là maintenant sa fonctionne merci de ton aide !
Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 26 Dec 2008 - 15:39    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour

Je cherche sans succés body pour mettre le code
De bons yeux amis me seraient utile
Merci


Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html dir="{S_CONTENT_DIRECTION}">

        <head>

        <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
        <meta http-equiv="Content-Style-Type" content="text/css">
        {META}<meta name="verify-v1" content="/diIzpg8BMX3cHNm5Ah6s58n3wz/00UKs3He40nBJ04=" />
        <link rel="shortcut icon" href=" http://www.picdo.net/Fichiers/a6c2b67afd88881cb56c38815640d15/1211471994.ico">
        {NAV_LINKS}
        <title>{SITENAME} :: {PAGE_TITLE}</title>
        <!-- link rel="stylesheet" href="http://img9.xooimage.com/files/3/5/1/subautomnia-8ca902.css" type="text/css" -->
        <style type="text/css">
        <META NAME=”Description” CONTENT=”Forum femmes de toutes origines”>
        <!--
        /*
          The original subAutomnia Theme for phpBB version 2+
          Created by subBlue design
          http://www.subBlue.com

          NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
          theme administration centre. When you have finalised your style you could cut the final CSS code
          and place it in an external file, deleting this section to save bandwidth.
        */

        /* General page style. The scroll bar colours only visible in IE5.5+ */
        body {
              background-image: url(http://img5.xooimage.com/files/5/b/5/bl-8c64b9.jpg)
            background-color: {T_BODY_BGCOLOR};
            scrollbar-face-color: {T_TR_COLOR2};
            scrollbar-highlight-color: {T_TD_COLOR2};
            scrollbar-shadow-color: {T_TR_COLOR2};
            scrollbar-3dlight-color: {T_TR_COLOR3};
            scrollbar-arrow-color:  {T_BODY_LINK};
            scrollbar-track-color: {T_TR_COLOR1};
            scrollbar-darkshadow-color: {T_TH_COLOR1};
        }

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

        /* This is the border line & background colour round the entire page */
        .bodyline { background-image: url(http://img5.xooimage.com/files/c/c/d/blogchezzaza122806608067_gros-8c63ea.jpg); background-color:#392829; border: 1px double #422C29;
        -moz-border-radius:12px;
        ; }

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

        /* Main table cell colours and backgrounds */
        td.row1    { background-color: {T_TR_COLOR1}; }
        td.row2    { background-color: {T_TR_COLOR2}; }
        td.row3    { background-color: {T_TR_COLOR3}; }
        /*
          This is for the table cell above the Topics, Post & Last posts on the index.php page
          By default this is the fading out gradiated silver background.
          However, you could replace this with a bitmap specific for each forum
        */
        td.rowpic {
                background-color: {T_TD_COLOR2};
                background-image: url(http://img3.xooimage.com/files/a/8/1/508-1024x768-20ff1e.jpg);
                background-repeat: repeat-y;
        }

        /* Header cells - the blue and silver gradient backgrounds */
        th    {
            color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
            background-color: {T_BODY_LINK}; height: 25px;
            background-image: url(http://img9.xooimage.com/files/7/d/2/frlf5hv8-89703b.gif);
        }

        td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                    background-image: url(http://img3.xooimage.com/files/a/8/1/508-1024x768-20ff1e.jpg);
                    background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        /* The text input fields background colour */
        input.post, textarea.post, select {
            background-color : #733031;
              background-image: url(http://img1.xooimage.com/files/e/d/f/roseb-8f029d.jpg);
        }

        input { text-indent : 2px; }

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

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

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

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

        /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
        @import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
        -->
        </style>
        <!-- BEGIN switch_enable_pm_popup -->
        <script language="Javascript" type="text/javascript">
        <!--
            if ( {PRIVATE_MESSAGE_NEW_FLAG} )
            {
                window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
            }
        //-->
        </script>
        <!-- END switch_enable_pm_popup -->
        <script type="text/javascript">
        <!--
        /*
        * Le code suivant va apprendre la balise blink à IE
        */
        if ( document.all )
        {
           function blink_show()
           {
              blink_tags  = document.all.tags('blink');
              blink_count = blink_tags.length;
              for ( i = 0; i < blink_count; i++ )
              {
                 blink_tags[i].style.visibility = 'visible';
              }
           
              window.setTimeout( 'blink_hide()', 700 );
           }
         
           function blink_hide()
           {
              blink_tags  = document.all.tags('blink');
              blink_count = blink_tags.length;
              for ( i = 0; i < blink_count; i++ )
              {
                 blink_tags[i].style.visibility = 'hidden';
              }
           
              window.setTimeout( 'blink_show()', 250 );
           }
         
           window.onload = blink_show;
        }
        -->


        </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 = 10 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar1(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar1").style.visibility="hidden"
}

function staticbar1(){
barheight=document.getElementById("topbar1").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar1");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar1, false);
else if (window.attachEvent)
window.attachEvent("onload", staticbar1);
else if (document.getElementById)
(window.onload=staticbar1);

</script>

<style>
.guestpop {
   position : absolute;
   background-color : #eaedf4;
   border : 1px solid #006699;
   text-align : center;
   top : 20px;
   left : 30px;
   height : 100px;
   width : 360px;
   display: inline;
}
</style>
</head>

        <body background="http://img5.xooimage.com/files/5/b/5/bl-8c64b9.jpg" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"  oncontextmenu="return bloc()">

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

        <table width="920" cellspacing="0" cellpadding="10" border="0" align="center">
            <tr>
                <td class="bodyline" border="1"><table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                    <td align="center" width="100%" valign="middle"><span class="gen"><a href="{U_INDEX}"><img src="http://img1.xooimage.com/files/d/2/1/banniere-l-appart1-8ca7e2-8f0abe.png" border="0" alt="{L_INDEX}" vspace="1" /></a><br />

    <center><img src="http://img5.xooimage.com/files/7/3/5/loasis-8ca6ba.gif"></center>

                        &nbsp; </span>
                    <table cellspacing="0" cellpadding="2" border="0">
                        <tr>
                                <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><img src="http://img9.xooimage.com/files/e/8/e/1afaq-8df54e.png" border="0" alt="{L_FAQ}" hspace="0" /></a></span><span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><img src="http://img5.xooimage.com/files/9/2/e/1arechercher-8df561.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img1.xooimage.com/files/c/0/4/1amembres-8df5ab.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img1.xooimage.com/files/4/3/3/1agroupes-8df623.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/7/f/b/10eb31f77e-9454cb.gif" border="0" alt="{L_REGISTER}" hspace="0" /></a></span><!-- END switch_user_logged_out --><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/5/0/2/1aprofil-8df616.png" border="0" alt="{L_PROFILE}"  /></a><a href="{U_PRIVATEMSGS}"><!-- IF PRIVATE_MESSAGE_INFO == "Vous avez 1 nouveau message" --><img src="http://pmsc.free.fr/I/081222145504.gif" border="0"><!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" --><img src="http://img7.xooimage.com/files/7/4/d/1amessagerie-8df755.png" border="0"><!-- ELSEIF PRIVATE_MESSAGE_INFO == "Se connecter pour vérifier ses messages privés" --><img src="http://img7.xooimage.com/files/7/4/d/1amessagerie-8df755.png" border="0"><!-- ELSE --><img src="http://img7.xooimage.com/files/7/4/d/1amessagerie-8df755.png" border="0"><!-- ENDIF --></a><a href="{U_LOGIN_LOGOUT}" name="topnavurl1"><img src="http://img5.xooimage.com/files/1/8/1/1aconnection-8df736.png" alt="{L_LOGIN_LOGOUT}" name="topnavimg1" border="0" /></a></span></td>
                        </tr>
                      </table></td>
                    </tr>
                </table>

                <br />

        <script type="text/javascript">
        // <![CDATA[
        var colour="#D6BE73";
        var sparkles=100;
        /****************************
        *  Tinkerbell Magic Sparkle *
        * (c) 2005 mf2fm web-design *
        * http://www.mf2fm.co.uk/rv *
        * DON'T EDIT BELOW THIS BOX *
        * topcode adapté *
        ****************************/
        var x=ox=400;
        var y=oy=300;
        var swide=800;
        var shigh=600;
        var sleft=sdown=0;
        var tiny=new Array();
        var star=new Array();
        var starv=new Array();
        var starx=new Array();
        var stary=new Array();
        var tinyx=new Array();
        var tinyy=new Array();
        var tinyv=new Array();
        window.onload=function() { if (document.getElementById) {
          var i, rats, rlef, rdow;
          for (var i=0; i<sparkles; i++) {
            var rats=createDiv(3, 3);
            rats.style.visibility="hidden";
            document.body.appendChild(tiny[i]=rats);
            starv[i]=0;
            tinyv[i]=0;
            var rats=createDiv(5, 5);
            rats.style.backgroundColor="transparent";
            rats.style.visibility="hidden";
            var rlef=createDiv(1, 5);
            var rdow=createDiv(5, 1);
            rats.appendChild(rlef);
            rats.appendChild(rdow);
            rlef.style.top="2px";
            rlef.style.left="0px";
            rdow.style.top="0px";
            rdow.style.left="2px";
            document.body.appendChild(star[i]=rats);
          }
          set_width();
          sparkle();
        }}
        function sparkle() {
          var c;
          if (x!=ox || y!=oy) {
            ox=x;
            oy=y;
            for (c=0; c<sparkles; c++) if (!starv[c]) {
              star[c].style.left=(starx[c]=x)+"px";
              star[c].style.top=(stary[c]=y)+"px";
              star[c].style.clip="rect(0px, 5px, 5px, 0px)";
              star[c].style.visibility="visible";
              starv[c]=50;
              break;
            }
          }
          for (c=0; c<sparkles; c++) {
            if (starv[c]) update_star(c);
            if (tinyv[c]) update_tiny(c);
          }
          setTimeout("sparkle()", 40);
        }
        function update_star(i) {
          if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
          if (starv[i]) {
            stary[i]+=1+Math.random()*3;
            if (stary[i]<shigh+sdown) {
              star[i].style.top=stary[i]+"px";
              starx[i]+=(i%5-2)/5;
              star[i].style.left=starx[i]+"px";
            }
            else {
              star[i].style.visibility="hidden";
              starv[i]=0;
              return;
            }
          }
          else {
            tinyv[i]=50;
            tiny[i].style.top=(tinyy[i]=stary[i])+"px";
            tiny[i].style.left=(tinyx[i]=starx[i])+"px";
            tiny[i].style.width="2px";
            tiny[i].style.height="2px";
            star[i].style.visibility="hidden";
            tiny[i].style.visibility="visible"
          }
        }
        function update_tiny(i) {
          if (--tinyv[i]==25) {
            tiny[i].style.width="1px";
            tiny[i].style.height="1px";
          }
          if (tinyv[i]) {
            tinyy[i]+=1+Math.random()*3;
            if (tinyy[i]<shigh+sdown) {
              tiny[i].style.top=tinyy[i]+"px";
              tinyx[i]+=(i%5-2)/5;
              tiny[i].style.left=tinyx[i]+"px";
            }
            else {
              tiny[i].style.visibility="hidden";
              tinyv[i]=0;
              return;
            }
          }
          else tiny[i].style.visibility="hidden";
        }
        document.onmousemove=mouse;
        function mouse(e) {
          set_scroll();
          y=(e)?e.pageY:event.y+sdown;
          x=(e)?e.pageX:event.x+sleft;
        }
        function set_scroll() {
          if (typeof(self.pageYOffset)=="number") {
            sdown=self.pageYOffset;
            sleft=self.pageXOffset;
          }
          else if (document.body.scrollTop || document.body.scrollLeft) {
            sdown=document.body.scrollTop;
            sleft=document.body.scrollLeft;
          }
          else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
            sleft=document.documentElement.scrollLeft;
           sdown=document.documentElement.scrollTop;
          }
          else {
            sdown=0;
            sleft=0;
          }
        }
        window.onresize=set_width;
        function set_width() {
          if (typeof(self.innerWidth)=="number") {
            swide=self.innerWidth;
            shigh=self.innerHeight;
          }
          else if (document.documentElement && document.documentElement.clientWidth) {
            swide=document.documentElement.clientWidth;
            shigh=document.documentElement.clientHeight;
          }
          else if (document.body.clientWidth) {
            swide=document.body.clientWidth;
            shigh=document.body.clientHeight;
          }
        }
        function createDiv(height, width) {
          var div=document.createElement("div");
          div.style.position="absolute";
          div.style.height=height+"px";
          div.style.width=width+"px";
          div.style.overflow="hidden";
          div.style.backgroundColor=colour;
          return (div);
        }
        // ]]>
        </script>

        <html><head></head>


        </body>
        </html>

        <script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript

        if  ((document.getElementById) &&
        window.addEventListener || window.attachEvent){

        (function(){

        //Configure here.

        var num = 20;   //Nombre d'images
        var timer = 400; //Vitesse de descente
        var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
        //Adresse des gifs ci-dessous
        var url_gif = new Array();

        url_gif[0]= " http://pmsc.free.fr/I/081212131841.gif ";
        url_gif[1]= " http://pmsc.free.fr/I/081212131841.gif ";

        nb_floc = 3; // Nombre de d'images différentes

        //End.

        var y = [];
        var x = [];
        var fall = [];
        var theFlakes = [];
        var sfs = [];
        var step = [];
        var currStep = [];
        var h,w,r;
        var d = document;
        var pix = "px";
        var domWw = (typeof window.innerWidth == "number");
        var domSy = (typeof window.pageYOffset == "number");
        var idx = d.getElementsByTagName('div').length;

        if (d.documentElement.style &&
        typeof d.documentElement.style.MozOpacity == "string")
        num = 12;

        for (i = 0; i < num; i++){
        sfs[i] = 15; // Math.round(1 + Math.random() * 1);

        document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');


        // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;

        currStep[i] = 0;
        fall[i] = (sfs[i] == 1)?
        Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
        step[i] = (sfs[i] == 1)?
        0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
        }


        if (domWw) r = window;
        else{
          if (d.documentElement &&
          typeof d.documentElement.clientWidth == "number" &&
          d.documentElement.clientWidth != 0)
          r = d.documentElement;
         else{
          if (d.body &&
          typeof d.body.clientWidth == "number")
          r = d.body;
         }
        }


        function winsize(){
        var oh,sy,ow,sx,rh,rw;
        if (domWw){
          if (d.documentElement && d.defaultView &&
          typeof d.defaultView.scrollMaxY == "number"){
          oh = d.documentElement.offsetHeight;
          sy = d.defaultView.scrollMaxY;
          ow = d.documentElement.offsetWidth*0.80;
          sx = d.defaultView.scrollMaxX;
          rh = oh-sy;
          rw = ow-sx;
         }
         else{
          rh = r.innerHeight;
          rw = r.innerWidth*0.80;
         }
        h = rh - 2;
        w = rw - 2;
        }
        else{
        h = r.clientHeight - 2;
        w = r.clientWidth*0.80;
        }
        }


        function scrl(yx){
        var y,x;
        if (domSy){
         y = r.pageYOffset;
         x = r.pageXOffset;
         }
        else{
         y = r.scrollTop;
         x = r.scrollLeft;
         }
        return (yx == 0)?y:x;
        }


        function snow(){
        var dy,dx;

        for (i = 0; i < num; i++){
         dy = fall[i];
         dx = fall[i] * Math.cos(currStep[i]);

         y[i]+=dy;
         x[i]+=dx;

         if (x[i] >= w || y[i] >= h){
          y[i] = -10;
          x[i] = Math.round(Math.random() * w);
          fall[i] = (sfs[i] == 1)?
          Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
          step[i] = (sfs[i] == 1)?
          0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
         }
       
         theFlakes[i].top = y[i] + scrl(0) + pix;
         theFlakes[i].left = x[i] + scrl(1) + pix;

         currStep[i]+=step[i];
        }
        setTimeout(snow,timer);
        }


        function init(){
        winsize();
        for (i = 0; i < num; i++){
         theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
         y[i] = Math.round(Math.random()*h);
         x[i] = Math.round(Math.random()*w);
        }
        snow();
        }


        if (window.addEventListener){
         window.addEventListener("resize",winsize,false);
         window.addEventListener("load",init,false);
        }
        else if (window.attachEvent){
         window.attachEvent("onresize",winsize);
         window.attachEvent("onload",init);
        }

        })();
        }//End.</script>

        <style><!--BODY{ cursor:url("http://pmsc.free.fr/C/081216131356.ico"),default;} ; }--></style><br

<div align="center">
<center><script language="JavaScript" src="http://www.traducteurenligne.net/traducteurgr/flags.js"></script></center>
</div>
<div align="center">
<center><a href="http://lalihome.xooit.com/index.php"><img src="http://pmsc.free.fr/I/08121403236.bmp" border="0></a></center>
</div>
<div align="center">   
<center><a href="http://lalihome.xooit.com/t1188-Forum-comment-ca-marche.htm"><img src="http://pmsc.free.fr/I/08121403348.bmp" border="0"></a></center>
</div>       

    <script language="Javascript" type="text/javascript">
    <!-- BEGIN switch_user_logged_out -->

       document.getElementsByName("topnavimg1")[0].src = "http://img5.xooimage.com/files/1/8/1/1aconnection-8df736.png";
     
    <!-- END switch_user_logged_out -->

    <!-- BEGIN switch_user_logged_in -->

       //parse strings
       loginlogout = "{U_LOGIN_LOGOUT}";
       stringIndex = loginlogout.indexOf("amp");
       loginlogout2 = loginlogout.slice(0,stringIndex);
       loginlogout2 += loginlogout.slice(stringIndex+4);
       document.getElementsByName("topnavimg1")[0].src = "http://img5.xooimage.com/files/9/e/5/1adeconnection-8df73f.png";
     
    <!-- END switch_user_logged_in -->
    </script>



Author Message
Yskander
Modérateur


Offline
Modérateur

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

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

Bonjour Lali
Sans mauvais jeu de mot Smile ton body est ici :


 
Code: Sélectionner - Agrandir
<body background="http://img5.xooimage.com/files/5/b/5/bl-8c64b9.jpg" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"  oncontextmenu="return bloc()"> 


Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 26 Dec 2008 - 16:25    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Rooooooooo merci yskander j'étais assez gêné de ne pas le retrouver Embarassed

Alors voila maintenant je souhaiterais a la place de "Veuillez vous inscrire ou vous connecter", mettre cette phrase

Chères invitées, si les couleurs sombres ne conviennent pas à votre vue, un thème plus clair vous est réservé cliquez ici puis en cliquant ils pourront aller sur l'autre thème
J'espère que c'est possible et si oui comment puis je faire?


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 16:30    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Dans ce cas mets ce code :


 
Code: Sélectionner - Agrandir
<!-- IF S_USER_LEVEL == "ANONYMOUS" -->   
 
<div align="center" id="topbar1">
<span><a href="" onclick="closebar1(); return false">
<img src="http://img44.xooimage.com/files/5/0/9/button-close-focused-676560.png" style="margin-left:326px;"  border="0">
</a></span>
<span style="color:#CODE COULEUR DE TA PHRASE;"><b> Chères invitées, si les couleurs sombres
<br>ne conviennent pas à votre vue, un thème
<br> plus clair vous est réservé <a href="URL DU THEME PLUS CLAIR">ici</a>
</b></span><br /></div>
 
<!-- ENDIF -->    
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 26 Dec 2008 - 16:55    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Merci c'est parfait Yskander
Comment puis je faire pour mettre "ici" d'une autre couleur?


Author Message
Yskander
Modérateur


Offline
Modérateur

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

PostPosted: Fri 26 Dec 2008 - 16:58    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

 
Code: Sélectionner - Agrandir

<a href="URL DU THEME PLUS CLAIR"><font color=#CODE COULEUR DE LA POLICE>ici</font></a>   


Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
lali


Offline
Guest




PostPosted: Fri 26 Dec 2008 - 17:15    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

bisous Merci beaucoup

Author Message
domi77


Offline
Guest




PostPosted: Sat 27 Dec 2008 - 11:50    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

ok pour le popup cela marche impecable MAIS pour le voir on est obliger de reactualiser la page ou au bout d'un moment il apparaitra de lui meme ?

et je viens de faire un essai avec un membre si il se trouve sur un autre site par exemple XOOIT et si il est connecté a mon forum il ne recoit pas le popup il faut qu'il soit sur mon forum pour voire le popup donc cela ne reponds pas vraiment a ma demande Smile


Author Message
An0nyme


Offline
Guest




PostPosted: Sat 27 Dec 2008 - 18:18    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Je viens proposer un ajout : message privée à un membre par pop-up DHTML.

Il suffit juste de remplacer dans le code à ajouter après la balise <body> :

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


par :

Code: Sélectionner - Agrandir
<!-- IF L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur ]" -->


Ainsi le message ne sera destiné qu'au destinataire portant le nom NomDeLUtilisateur (attention de bien respecter la casse).
Je n'ai pas vraiment cherché à voir si on pouvait envoyer le message à un groupe entier mais je pense fortement que c'est impossible car les infos ne semblent pas à première vue contenues dans l'overall_header.

L'autre problème c'est que je fouille dans les fichiers d'un phpbb3 alors que les forums Xooit sont fait sur les bases d'un phpbb2 mais se rapproche de plus en plus à un phpbb3...

Vous pouvez néanmoins adresser le message à plusieurs personnes de cette manière :

-après :

Code: Sélectionner - Agrandir
IF L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur ]"

(bien garder l'espace après le dernier : ")

-ajoutez (autant de fois que vous le souhaitez) :

Code: Sélectionner - Agrandir
|| L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur2 ]"


EDIT : question à propos du tuto, je ne me suis pas encore penché dessus même si il est génial, je me demandais si on pouvait en utiliser plusieurs à la fois, bien sûr qui n'apparaissent pas en même temps. C'est à dire qu'avec ma technique je voudrais en créer une non persistante (création d'un cookie) pour un utilisateur en particulier, en utiliser une autre non persistante pour les MPs et une autre persistante pour un utilisateur en particulier. Normalement il y a très peu de chances pour qu'elles se compilent, c'est à dire soit je le fais exprès en en mettant deux en même temps pour le même nom, soit un MP arrive pour l'utilisateur alpha pendant le laps de temps où j'utiliserai une pop-up persistante destinée uniquement à l'utilisateur alpha.


Author Message
domi77


Offline
Guest




PostPosted: Sun 28 Dec 2008 - 01:18    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bonjour a tous
Merci Anonyme mais cela ne reponds pas a mes questions plus haut?
cordialement


Author Message
An0nyme


Offline
Guest




PostPosted: Sun 28 Dec 2008 - 01:38    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Non désolé je ne répondais pas à ta question, mais pour ce qui est de ta question même si aujourd'hui on a des onglets dans les navigateurs je ne pense pas qu'on peut forcer par javascript à mettre un pop-up de ce genre en premier plan.
Il faudrait utiliser un pop-up classique qui lui créé une nouvelle fenêtre passant au premier plan (propriété windows) qui est malheureusement bloquée par tous les anti pup-up.


Author Message
domi77


Offline
Guest




PostPosted: Sun 28 Dec 2008 - 01:49    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

merci anonyme donc pas moyen de voire le popup sans etre obliger de reactualiser la page , c'est bisarre qd meme ?
merci


Author Message
An0nyme


Offline
Guest




PostPosted: Sun 28 Dec 2008 - 02:06    Post subject: [Tuto] POPUP persistante de notification en DHTML Reply with quote

Bizarre non c'est le client qui demande des infos au serveur et non le contraire bien qu'il existe des langages permettant le contraire. Wink

Author Message
altair


Offline
Guest




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

An0nyme wrote:
Je viens proposer un ajout : message privée à un membre par pop-up DHTML.

Il suffit juste de remplacer dans le code à ajouter après la balise <body> :

Code: Sélectionner - Agrandir

<!-- IF S_USER_LEVEL == "ANONYMOUS" -->


par :

Code: Sélectionner - Agrandir

<!-- IF L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur ]" -->


Ainsi le message ne sera destiné qu'au destinataire portant le nom NomDeLUtilisateur (attention de bien respecter la casse).
Je n'ai pas vraiment cherché à voir si on pouvait envoyer le message à un groupe entier mais je pense fortement que c'est impossible car les infos ne semblent pas à première vue contenues dans l'overall_header.

L'autre problème c'est que je fouille dans les fichiers d'un phpbb3 alors que les forums Xooit sont fait sur les bases d'un phpbb2 mais se rapproche de plus en plus à un phpbb3...

Vous pouvez néanmoins adresser le message à plusieurs personnes de cette manière :

-après :

Code: Sélectionner - Agrandir

IF L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur ]" 

(bien garder l'espace après le dernier : ")

-ajoutez (autant de fois que vous le souhaitez) :

Code: Sélectionner - Agrandir

|| L_LOGIN_LOGOUT == "Déconnexion [ NomDeLUtilisateur2 ]" 


EDIT : question à propos du tuto, je ne me suis pas encore penché dessus même si il est génial, je me demandais si on pouvait en utiliser plusieurs à la fois, bien sûr qui n'apparaissent pas en même temps. C'est à dire qu'avec ma technique je voudrais en créer une non persistante (création d'un cookie) pour un utilisateur en particulier, en utiliser une autre non persistante pour les MPs et une autre persistante pour un utilisateur en particulier. Normalement il y a très peu de chances pour qu'elles se compilent, c'est à dire soit je le fais exprès en en mettant deux en même temps pour le même nom, soit un MP arrive pour l'utilisateur alpha pendant le laps de temps où j'utiliserai une pop-up persistante destinée uniquement à l'utilisateur alpha.
Bonjour

oui il est possible de compiler plusieurs popup à condition que chacune dispose d'un ID différent

ce qui est le cas des deux variantes "popup adressée aux visiteurs" et "popup de notification d'MP"

chacune avec son propre code javascript, css et html

(et ce tant qu'elles vont pas s'afficher en même temps)

il faut renommer différemment chacune des occurrences des ID de la popup

topbar1 , closebar1 , staticbar1
topbar2 , closebar2 , staticbar2
topbar3 , closebar3 , staticbar3
etc...


Author Message
An0nyme


Offline
Guest




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

Et toutes les fonctions js (enfin la majorité) c'est parce qu'IE ne connaît pas position: fixed; en css?
Parce que du coup j'ai mis la version fixe pour les MPs en modifiant un peu le css et html (centrer pour toutes les résolutions + position: fixed; ) et j'arrive à tout faire fonctionner sauf sous IE où la div pour les MPs reste fixe avec un problème de lecture du css (j'ai donc dû faire une impasse sur la class d'écriture ce qui a pour conséquence que sur IE le texte et la croix pour fermer se retrouvent en bas de ma div et la div ne se déplace pas).
Bref tout va bien sous FF (sauf que j'ai dû mettre un font color plutôt qu'une class css que IE ne voulait pas lire bizarrement pour la boîte de dialogue des MPs, j'ai donc fait ce compromis) et sous la boîte de dialogue destinée à un utilisateur fonctionne très bien mais la boîte de dialogue des MPs a beaucoup de mal avec le css : pas la même interprétation de positionnement relatif(=>écriture non centrée verticalement), pas la même interprétation du positionnement fixe (=>pas de déplacement), ne veut pas lire la class d'un lien (là je n'ai pas compris parce que normalement ça ne pose pas de problème, je pense que ça vient de la translucidité).

Mais bon je suis assez content de pouvoir utiliser les deux en même temps sans que ce soit catastrophique.^^


Author Message
Contenu Sponsorisé





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

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