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 Table</b></font>');
new bannObj("bann1",600,100,-200,400,0.009,'<font size="+5"
color="#0000d0" face="TimesRoman"><b><i>Severn 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]>