From: C y b e r T e c h @ L i s t s . E x M a c h i n a . n e t
<http://www.cybercafe21.net> & <http://www.cybercafe21.tv>


>Date: Tue, 08 May 2001 09:33:29 +0200
>To: "CyberTech" <[EMAIL PROTECTED]>
>From: Jean-Michel Reghem <[EMAIL PROTECTED]>
>Subject: Re: [CCTK] Comment font-ils ?
>
>nemo technic �crivait ( Tuesday 5/8/01 09:26 AM ) dans le message ci-dessous:
>---
>>From: C y b e r T e c h @ L i s t s . E x M a c h i n a . n e t
>><http://www.cybercafe21.net> & <http://www.cybercafe21.tv>
>>
>>essaye le dans netscape avant de dire ce genre de chose. C'est du pur
>>javascript crossbrowser !
>
>
>euh, sorry d'en remettre une couche, mais ca marche pas, comme pr�vu, avec 
>netscape 4.75...
>Il n'y a que le fond bleur, avec la roue, sans animations...
>
>Cela dit, ca pourrait fonctionner avec netscape 6


mea culpa...
sans savoir pourquoi, je le relance dans mon netscape... et pof, ca marche 
... alors que 5 minutes avant, ca ne fonctionnait pas...

ben oui alors, ca fonctionne sous netscape aussi...

A+

Jean-Mi

Ps: essayez ceci: http://www.area23.org.uk/top/top.js

voici le code:

var NS4 = (document.layers)?1:0;
var DOM = (document.all)?1:0;
var DOCREF = NS4 ? "document." : "document.all.";
var IPATH = "images/"
var TREF = DOCREF+"txt";
var PREF = DOCREF+"pic";
var XREF = DOM ? ".style.pixelLeft" : ".left";
var WREF = DOM ? "img.style.pixelWidth" : ".clip.width";
var YREF = DOM ? ".style.pixelTop" : ".top";
var VREF = DOM ? ".style.visibility" : ".visibility";
var txt = new Array();
var bann = new Array();
var ntxt=0;
var nbann=0;
var hline;
var done = false;

function hover(which,active) {
   if (!done) return;
   eval(DOCREF+"hilite"+XREF+"= txt[which].xt - 12");
   eval(DOCREF+"hilite"+YREF+"= txt[which].yt - 16");
   eval(DOCREF+"hilite"+VREF+"=" + (active ? "'visible'" : "'hidden'"));
   hline.setpos(txt[which].xt+4, txt[which].yt+16);
   hline.setvis(active);
   txt[which].text(active);
}

function jump(which) {
   if (!done) return false;
   window.open (txt[which].url, "_top");
   return false;
}

function txt_anim(rpt) {
   if (this.p == 0) return 0;
   this.p = this.p * 0.9 - 0.01;
   if (this.p <= 0) this.p = 0;
   x = this.p * (this.xs - this.xt) + this.xt;
   y = this.p * (this.ys - this.yt) + this.yt;
   eval (this.xref + "= x");
   eval (this.yref + "= y");
   eval (this.vref + "= 'visible'");
   return (this.p > 0.3);
}

function txt_text(active) {
   eval(this.tref + (active ? "= 'visible'" : "= 'hidden'"));
}

function bann_anim(rpt) {
   if (this.p == 0) {
     this.p = 1.0;
   }
   this.p = this.p - this.i;
   if (this.p <= 0) this.p = 0;
   x = this.p * (this.xs - this.xt) + this.xt;
   y = this.p * (this.ys - this.yt) + this.yt;
   eval (this.xref + "= x");
   eval (this.yref + "= y");
   eval (this.vref + "= 'visible'");
}

function line_anim() {
   if (this.v && this.p < 1.0)
     this.p += 0.1;
   this.setwidth(this.p*this.w);
}
function line_vis(v){
   this.p=0;
   this.setwidth(0);
   this.v=v;
   eval(DOCREF+this.id+VREF+'=v?"visible":"hidden"');
}
function line_pos(x,y){
   this.x=x;
   this.y=y;
   eval(DOCREF+this.id+XREF+'='+x);
   eval(DOCREF+this.id+YREF+'='+y);
}
function line_width(l){
   this.l=l;
   eval(DOCREF+this.id+WREF+'='+l);
}

function txtObj (id, xs, ys, xt, yt, url, t) {
   document.writeln('<style>\n#txt'+id+'{POSITION: absolute; VISIBILITY: 
hidden; Z-INDEX: 60 }');
   document.writeln('#pic'+id+'{POSITION: absolute; VISIBILITY: hidden; 
Z-INDEX: 60 }\n</style>');
   document.writeln('<div id="txt'+id+'">');
   document.writeln('<A HREF="' + url + '" target="_self" onClick="return 
jump(' + ntxt + ');" onMouseOver="hover(' + ntxt + ',1);" 
onMouseOut="hover(' + ntxt + ',0);">');
   document.writeln('<img src="' + IPATH + id + 'txt.gif" name="' + id + 
'_name" border=0></A></div>');
   document.writeln('<div id="pic'+id+'"><table width=200><tr><td 
align=right>');
   document.writeln('<img align=right src="' + IPATH + id + 'pic.gif"><font 
face="Arial,Helvetica,sans-serif" size="-1">',t,'</font></table></div>');
   this.id = id;
   this.xs = xs;
   this.ys = ys;
   this.xt = xt;
   this.yt = yt;
   this.p = 1.0;
   this.url = url;
   this.xref = TREF+id+XREF;
   this.yref = TREF+id+YREF;
   this.vref = TREF+id+VREF;
   this.tref = PREF+id+VREF;
   this.anim = txt_anim;
   this.text = txt_text;
   eval (PREF+id+XREF + "="+(xt+250));
   eval (PREF+id+YREF + "="+(yt+16));
   txt[ntxt++] = this;
}

function bannObj (id, xs, ys, xt, yt, i, s) {
   document.writeln('<style>\n#'+id+'{POSITION: absolute; VISIBILITY: 
hidden; Z-INDEX: 10}\n</style>');
   document.writeln('<div id="'+id+'">'+s+'</div>');
   this.id = id;
   this.xs = xs;
   this.ys = ys;
   this.xt = xt;
   this.yt = yt;
   this.p = 1.0;
   this.i = i;
   this.xref = DOCREF+id+XREF;
   this.yref = DOCREF+id+YREF;
   this.vref = DOCREF+id+VREF;
   this.anim = bann_anim;
   bann[nbann++] = this;
}

function lineObj(id){
   this.id=id;
   this.w=400;
   this.p=0;
   this.x=0;
   this.y=0;
   this.v=0;
   this.anim=line_anim;
   this.setvis=line_vis;
   this.setpos=line_pos;
   this.setwidth=line_width;
}

function advance() {
   for (n=0; n<ntxt; n++) {
     if (txt[n].anim())
         break;
   }
   if (n == ntxt) {
     done = 1;
     for (n=0; n<nbann; n++)
       bann[n].anim();
   }
   hline.anim();
}

function init() {
   done = false;
   eval (DOCREF+"wait"+VREF+"='hidden'");
   setInterval ("advance()", 50);
}

if (DOM || NS4) {
   document.writeln('<style>\n#wait{POSITION: absolute; left: 300px; TOP: 
250px; VISIBILITY: visible; Z-INDEX: 60}\n</style>');
   document.writeln('<div id="wait">Loading, please wait...</div>');
   document.writeln('<style>\n#area23{POSITION: absolute; LEFT: 20px; TOP: 
10px; VISIBILITY: visible; Z-INDEX: 60}\n</style>');
   document.writeln('<div id="area23"><img SRC="' + IPATH + 'title.gif" 
name="area23_name"></div>');
   var ny=32;
   new txtObj('h', -64, ny+=32, 100, ny, "../home", "Home page");
   new txtObj('t', -64, ny+=32, 100, ny, "../table", "About the Round Table 
club");
   new txtObj('n', -64, ny+=32, 100, ny, "../news", "Recent news from our 
area");
   new txtObj('d', -64, ny+=32, 100, ny, "../diary", "Area on-line diary");
   new txtObj('e', -64, ny+=32, 100, ny, "../events", "Forthcoming special 
events");
   new txtObj('p', -64, ny+=32, 100, ny, "../pictures", "Memorable and 
embarrasing moments!");
   new txtObj('l', -64, ny+=32, 100, ny, "../links", "Other sites of 
interest to Tablers");
   new txtObj('c', -64, ny+=32, 100, ny, "../circle", "The Ladies' site");
   new txtObj('f', -64, ny+=32, 100, ny, "../feedback", "Please contact us");
   new bannObj("bann0",600,400,-200,-100,0.007,'<font size="+4" 
color="#0000c0" face="Arial"><b>Round&nbsp;Table</b></font>');
   new bannObj("bann1",600,100,-200,400,0.009,'<font size="+5" 
color="#0000d0" face="TimesRoman"><b><i>Severn&nbsp;Vale</i></b></font>');
   hline = new lineObj("line0");
   document.writeln('<style>\n#hilite{POSITION: absolute; VISIBILITY: 
hidden; Z-INDEX: 40}\n</style>');
   document.writeln('<div id="hilite"><img SRC="' + IPATH + 'hilite.gif" 
name="hilite_name"></div>');
   document.writeln('<style>\n#line0{POSITION: absolute; VISIBILITY: 
hidden; Z-INDEX: 50}\n</style>');
   document.writeln('<div id="line0"><IMG id="line0img" SRC="' + IPATH + 
'wpix.gif" height=2 width=500></div>');
   window.onload = init;
} else {
   document.writeln('This page requires Javascript and IE4 or NS4...<p>');
   document.writeln('For dynamically-challenged browsers, click <A 
HREF="index.html">here</A>!');
}



>>Et ce n'est pas du dreamweaver non plus ! Ce sont des programmeurs
>>consciencieux et talentueux qui ont r�alis� ce truc. Cel� dit, pourquoi se
>>prendre le choux alors que ce serait plus simple � faire avec flash ?
>>Parceque c'est plus interressant !
>>----- Original Message -----
>>From: Stanislas de Ionecum <[EMAIL PROTECTED]>
>>To: <[EMAIL PROTECTED]>
>>Sent: Tuesday, May 08, 2001 5:01 AM
>>Subject: Re: [CCTK] Comment font-ils ?
>>
>>
>> > From: C y b e r T e c h @ L i s t s . E x M a c h i n a . n e t
>> > <http://www.cybercafe21.net> & <http://www.cybercafe21.tv>
>> >
>> > Ce site utilise la technique des filtres et des transitions. C'est une
>> > technologie Microsoft, donc, le truc n'est pas visible sur d'autres
>> > navigateurs comme Netscape.
>> >
>> > Une fois j'y ai donn� un coup d'oeil, puis j'ai laiss� faire. Tout ce qui
>> > est Microsoft only ne m'int�resse point.
>> >
>> > SdeI
>> >
>> >
>> > >From: Jean-Michel Leclercq <[EMAIL PROTECTED]>
>> > >Reply-To: "CyberTech" <[EMAIL PROTECTED]>
>> > >To: "CyberTech" <[EMAIL PROTECTED]>
>> > >Subject: [CCTK] Comment font-ils ?
>> > >Date: Tue, 08 May 2001 00:17:49 +0200
>> > >
>> > >From: C y b e r T e c h @ L i s t s . E x M a c h i n a . n e t
>> > ><http://www.cybercafe21.net> & <http://www.cybercafe21.tv>
>> > >
>> > >Au risque de para�tre un peu b�otien, quelqu'un pourrait-il m'expliquer
>>la
>> > >technique employ�e ici : http://www.area23.org.uk/top/dindex.html
>> > >
>> > >Merci de vos lumi�res.
>> > >
>> > >Jean-Michel
>> > >
>> > >
>> > >
>> > >Des Cadeaux, des avantages et des offres qui vous interessent ?
>> > >http://www.justforyou.be... what you want is what you get !
>> > >- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
>> > >CCTK vous est offert par Ex Machina  <http://www.exmachina.net>
>> > >Pour vous desabonner <mailto:[EMAIL PROTECTED]>
>> >
>> > _________________________________________________________________________
>> > Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com.
>> >
>> >
>> > Des Cadeaux, des avantages et des offres qui vous interessent ?
>> > http://www.justforyou.be... what you want is what you get !
>> > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
>> > CCTK vous est offert par Ex Machina  <http://www.exmachina.net>
>> > Pour vous desabonner <mailto:[EMAIL PROTECTED]>
>>
>>
>>______________________________________________________________________________
>>ifrance.com, l'email gratuit le plus complet de l'Internet !
>>vos emails depuis un navigateur, en POP3, sur Minitel, sur le WAP...
>>http://www.ifrance.com/_reloc/email.emailif
>>
>>
>>
>>Des Cadeaux, des avantages et des offres qui vous interessent ?
>>http://www.justforyou.be... what you want is what you get !
>>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
>>CCTK vous est offert par Ex Machina  <http://www.exmachina.net>
>>Pour vous desabonner <mailto:[EMAIL PROTECTED]>
>---
>
>Jean-Michel Reghem
>Voice Technology Development Engineer
>E-Mail : mailto:[EMAIL PROTECTED]
>
>Babel Technologies S.A. / Telecommunication Division
>Boulevard Dolez 33  B-7000 Mons (Belgium)
>Tel: (+32) 65.37.43.06
>http://www.babeltech.com

Jean-Michel Reghem
Voice Technology Development Engineer
E-Mail : mailto:[EMAIL PROTECTED]

Babel Technologies S.A. / Telecommunication Division
Boulevard Dolez 33  B-7000 Mons (Belgium)
Tel: (+32) 65.37.43.06
http://www.babeltech.com



Des Cadeaux, des avantages et des offres qui vous interessent ?
http://www.justforyou.be... what you want is what you get !
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CCTK vous est offert par Ex Machina  <http://www.exmachina.net>
Pour vous desabonner <mailto:[EMAIL PROTECTED]>

Répondre à