[js] barre de nav

Le
Lea
Bonjour,

J'ai des difficultés à comprendre le code décrit ci-dessous. Si une bonne
âme doublée d'une grande patience passait par là

Merci

<script language="javascript">
var userEmail=getCookie("idlogin[m]");var gTimer=null;var gTimer2=null;var
bEnableEffectlse;var
bEnableFavorites=getCookie("fav")=="yes"?true:false;var aTabs=new
Array();var aVisitedLinks=new Array();var
sTbPath='http://toolbar.tiscali.fr/';var
sDefaultLogo=sTbPath+'media/logo.gif';var t='http://';var
u='.tiscali.fr/';var w=t+'www'+u;var z=t+'register'+u;aTabs[0]=new
Tab("accueil","#7E71B4","#BFB8DA",w);aTabs[0].addLink('e-mail',w+'webmail');
aTabs[0].addLink('bienvenue','javascript: var bv =
window.open('http://www.tiscali.fr/bienvenue/','bienvenue','widthV0,h
eightV5,leftP,topP');');aTabs[0].addLink('assistance','http://support
'+u+'index.asp');if(userEmail==""){aTabs[1]=new Tab("nos
offres","#FF9706","#FFCB83",z+'forfaits/');aTabs[1].addLink('adsl
illimité',z+'adsl/');aTabs[1].addLink('wifi',z+'adsl/signup.php3?gotoSL_W
IFI');aTabs[1].addLink('forfaits
illimités',z+'adsl/signup.php3?goto=IFI');aTabs[1].addLink('forfaits
5h/10h',z+'adsl/signup.php3?goto=FORFAITS');aTabs[1].addLink('accès
gratuit',z+'adsl/signup.php3?gotoCES_GRATUIT');aTabs[1].addLink('déjà
abonné ?',z+'selfcare/');}else{aTabs[1]=new
Tab("abonnes","#FF9706","#FFCB83",z+'selfcare/');aTabs[1].addLink('mon
compte',z+'selfcare/');aTabs[1].addLink('changer
d'offre',z+'selfcare/');aTabs[1].addLink('parrainage',z+'parrainage/');aTab
s[1].addLink('reciprok',t+'reciprok'+u);aTabs[1].addLink('sécurité
PC',w+'securitepc');aTabs[1].addLink('sécurité
mail',w+'supermail');aTabs[1].addLink('sécurité
achat',w+'securiteachat');aTabs[1].addLink('barre
magique',t+'barremagique'+u);}aTabs[2]=new
Tab("services","#61AF32","#B0D799",w+'services.asp');aTabs[2].addLink('emplo
i',w+'emploi/');aTabs[2].addLink('fax',t+'fax'+u);aTabs[2].addLink('immo',w+
'immobilier');aTabs[2].addLink('logiciels',t+'telechargement'+u);aTabs[2].ad
dLink('pages
perso',t+'www.chez'+u);aTabs[2].addLink('photo',w+'photo/');aTabs[2].addLink
('plans &
iti',t+'plansitineraires'+u+'tiscali/');aTabs[2].addLink('sécurité',w+'secur
ite');aTabs[2].addLink('shopping',t+'www.shopping'+u);aTabs[2].addLink('sms'
,t+'services'+u+'smsforfaits/index.php?service=express_sms');aTabs[2].addLin
k('webcam',t+'webcam'+u);aTabs[3]=new
Tab("actu","#0061B4","#80B0DA",w+'actu.asp');aTabs[3].addLink('actualités','
http://actu'+u+'enune/home.asp');aTabs[3].addLink('auto-moto',t+'automoto'+u);aTabs[3].addLink('bourse',t+'bourse'+u);aTabs[3].addLink('europe',t+'europe'+u);aTabs[3].addLink('météo',w+'meteo/');aTabs[3].addLink('professionnel',w+'professionnel');aTabs[3].addLink('sport',t+'sport'+u);aTabs[3].addLink('télévision',t+'tv'+u);aTabs[4]=new
Tab("loisirs","#D8005F","#EC80AF",w+'loisirs.asp');aTabs[4].addLink('chat &
forums',t+'communautes'+u);aTabs[4].addLink('cinéma',t+'www.mcinema.com/');a
Tabs[4].addLink('féminin',w+'femmes/');aTabs[4].addLink('horoscope',t+'horos
cope'+u);aTabs[4].addLink('jeux',w+'jeux/');aTabs[4].addLink('mobile',w+'mob
ile/');aTabs[4].addLink('musique',t+'musique'+u);aTabs[4].addLink('rencontre
s',t+'rencontres'+u);aTabs[4].addLink('sexy',w+'sexy');aTabs[4].addLink('tes
ts',w+'tests');aTabs[4].addLink('voyages ',w+'voyages/');function
Tab(sLabel,sColor,sdColor,sLink){this.id='tab_'+aTabs.length;this.color=sCol
or;this.dcolor=sdColor;this.label=sLabel;this.link=sLink;this.links=new
Array();this.addLink=tab_addlink;}function
tab_addlink(sLabel,sLink){this.links[this.links.length]=new
Link(this.id+'_'+this.links.length,sLabel,sLink);}function
Link(sID,sLabel,sLink){this.ID=sID;this.label=sLabel;this.link=sLink;if(bEna
bleFavorites){this.count=getCookie(sID)!=""?getCookie(sID):0;if(document.loc
ation==this.link){this.count++;setCookie(sID,this.count,365);}if(this.count>
0)aVisitedLinks[aVisitedLinks.length]=this;}}function
colle(iRank){clearTimeout(gTimer2);gTimer=setTimeout('ChangeTab('+iRank+')',
50);}function
decolle(){clearTimeout(gTimer);gTimer2=setTimeout('ChangeTab('+(topbar_tab-1
)+')',10000);}var OptSel,OptSho;OptSel="<option value=0>tout le web<option
value=8>toutes les images<option value=sh>tout le shopping";OptSho="<option
value=sh>tout le shopping<option value=0>tout le web<option value=8>toutes
les images";adres=new
String(document.location);adresres.toLowerCase();aShop=(adres.indexOf("sh
opping.tiscali.fr")>-1)?1:0;if(aShop)OptSel=OptSho;function
Render(){document.write('<style>#topbar {position: relative; font:12px
Arial, Helvetica, sans-serif;}#topbar a, #topbar a:visited{ text-decoration:
none; font:12px Arial, Helvetica, sans-serif; color: #ffffff; font-weight:
bold; } #topbar a:hover{text-decoration: underline}#topbar .topbar_top
{width: 776px; background-color: #ffffff; height: 25px;}#topbar
.topbar_middle {width: 776px; background-color: #7E71B4; height: 20px;
text-align: right;}table.tabs {width: 463px; height: 25px;
cursor:pointer;}td.intertab { width: 2px;}td.tab {height: 24px; width: 91px;
text-align: center; background-image: url('+sTbPath+'/media/tab.png);
text-transform: uppercase; } td.belowtab {height: 1px; width: 91px;
background-color: #FFFFFF}#topbar_links {display: hidden;}#topbar_links a
{color: white; }.topbar_bottom
{height:41px;width:776px;background-color:#E5E5E5; border-bottom:1px solid
#EDECEC; }#topbar .topbar_bottom a, #topbar .topbar_bottom a:visited
{font-size:11px;font-family:Arial;color: #0750D9}.topbar_bottom .mail
{width:144px;background-color:#D7D3E5;height:41px; text-align:
left; }.topbar_bottom .tbtds {padding-left: 5px; }.topbar_bottom select
{font-size:11px;font-family:Arial;font-weight:100;width:140px;}.topbar_botto
m a.title {font-size:17px;font-family:Arial}.topbar_bottom .advanced
{padding-left: 5px;}.topbar_bottom .keyword {width:200px;border:1px solid
#7E71B4;}#topbar .idlogin {padding-left: 5px; font-size:8pt; color:
white; }#topbar .idlogin a.cu {font-size: 7pt; font-weight:
normal; }#persobar {width: 776px; background: #f0f0f0; color: #232896;
text-align: left; height: 16px; border-top: 1px #808080 solid;
border-bottom: 1px #808080 solid;}#persobar a.links,#persobar
a:visited.links {font: 8pt arial; color: black; padding-right:
20px;}</style>');document.write('<div id=topbar>');document.write('<table
cellpadding=0 cellspacing=0 class=topbar_top border=0><tr><td rowspan=2
width31 align=left><img src="'+topbar_logo+'" id=imgLogo
onerror="this.src=sDefaultLogo;"></td><td
height></td></tr>');document.write('<tr><td
height$>');document.write('<table cellpadding=0 cellspacing=0
class=tabs>');document.write('<tr>');for(var
i=0;i<aTabs.length;i++){document.write('<td class=tab
style="background-color:'+aTabs[i].color+';" id='+aTabs[i].id+'><a
href="'+aTabs[i].link+'" onmouseover="colle('+i+')" onmouseout="decolle()"
target=_top>'+aTabs[i].label+'</a></td>');if(i+1<aTabs.length)document.write
('<td
class=intertab></td>');}document.write('</tr>');document.write('<tr>');for(v
ar i=0;i<aTabs.length;i++){document.write('<td classlowtab
id=b_'+aTabs[i].id+'></td>');if(i+1<aTabs.length)document.write('<td
class=intertab></td>');}document.write('</tr>');document.write('</table>');d
ocument.write('</td></tr></table>');document.write('<table cellpadding=0
cellspacing=0 class=topbar_middle border=0><tr><td id=topbar_links
align=right></td></tr></table>');document.write('<table class=topbar_bottom
cellpadding=0 cellspacing=0><tr><td id=mail class=mail><img
src=http://toolbar.tiscali.fr/media/pi_mail.gif hspace vspace=5 width
height border=0 align=left><a href=http://webmail.tiscali.fr><FONT
id=tbEmail><ILAYER id=tbEmailNS>Consultez <br>vos
e-mails</ILAYER></FONT></a></td><form name=frmTBShopping
action=http://www.shopping.tiscali.fr/query.html method=get><input
type=hidden name=qu></form><form
action=http://rechercher.nomade.tiscali.fr/recherche.asp name=frmTB id=frmTB
OnSubmit='return frmTB_valide();'><input type=hidden name=src
value=toolbar><input type=hidden name=MT><td class=tbtds><a
href=http://www.nomade.tiscali.fr/ class=title
style="font-size:17px;">Recherche</a> <input style="width:200;" type=text
class=keyword name=s> <span
style="font-size:17px;font-family:Arial;color:#666666;"><strong>dans</strong
></span> <select name=opt id=frmTB_Opt>'+OptSel+'</select> <input
type=image class=button src=http://toolbar.tiscali.fr/media/btn_ok2.gif
alt=Search border="0" alignsmiddle></a><a
href=http://rechercher.nomade.tiscali.fr/nomade.asp classvanced
style="font-weight:100"><b>»</b> options</a><a href="javascript:var
windowVar =
window.open('http://support.tiscali.fr/popup.asp?catid!&ficheid"7','d
d','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,res
izable=0,widtha4,heightU0');" classvanced
style="font-weight:100"><b>»</b>
aide</a></td></form></tr></table>');if(bEnableFavorites&&aVisitedLinks.lengt
h>0){aVisitedLinks.sort(SortLinks);var
maxLinks=aVisitedLinks.length>8?8:aVisitedLinks.length;document.write('<div
id=persobar> <b>Mes favoris:</b> ');for(var
nl=0;nl<maxLinks;nl++)document.write(' <a href="'+aVisitedLinks[nl].link+'"
class=links
title='+aVisitedLinks[nl].count+'>'+aVisitedLinks[nl].label+'</a>');document
.write('</div>');}document.write('</div>');}function
ChangeTab(tabIndex){for(var
i=0;i<aTabs.length;i++){document.getElementById('b_'+aTabs[i].id).style.back
groundColor='#ffffff';if(bEnableEffect)document.getElementById(aTabs[i].id).
style.backgroundColor=aTabs[i].dcolor;}if(bEnableEffect)document.getElementB
yId(aTabs[tabIndex].id).style.backgroundColor=aTabs[tabIndex].color;document
.getElementById('b_'+aTabs[tabIndex].id).style.backgroundColor=aTabs[tabInde
x].color;var
topbar_linksEL=document.getElementById('topbar_links');topbar_linksEL.style.
backgroundColor=aTabs[tabIndex].color;var htLinks='<table cellspacing=0
cellpadding=0 border=0><tr>';for(var
j=0;j<aTabs[tabIndex].links.length;j++)htLinks+='<td><a
href="'+aTabs[tabIndex].links[j].link+'"
target=_top>.'+aTabs[tabIndex].links[j].label+'</a></td><td width
height=1></td>';htLinks+='</tr></table>';if(tabIndex==0&&userEmail!="")topba
r_linksEL.innerHTML="<table cellspacing=0 cellpadding=0 widthw6
border=0><tr><td class=idlogin width@0
ign=left>"+unescape(userEmail)+" » <a class=cu
href=http://www.tiscali.fr/webmail/login.asp?mod=y>changer
d'utilisateur</a></td><td width76
align=right>"+htLinks+'</td></tr></table>';else
topbar_linksEL.innerHTML=htLinks;}function
ChangeLogo(sPath){document.getElementById('imgLogo').src=sPath;}function
getCookie(CookieName){var lf="";var CookieString=document.cookie;var
CookieSet=CookieString.split('; ');var SetSize=CookieSet.length;var
CookiePieces;var ReturnValue="";var
x=0;for(x=0;((x<SetSize)&&(ReturnValue==""));x++){CookiePieces=CookieSet[x].
split('=');if(CookiePieces[0].substring(0,1)=='
')CookiePieces[0]=CookiePieces[0].substring(1,CookiePieces[0].length);if(Coo
kiePieces[0]==CookieName)ReturnValue=CookiePieces[1];}return
ReturnValue;}function setCookie(name,value,days){if(!days)days=-1;var
expire=new
Date();expire.setTime(expire.getTime()+86400000*days);document.cookie=name+"
="+escape(value)+";path=/;domain=tiscali.fr;expires="+expire.toGMTString()+"
;";}function SortLinks(a,b){return b.count-a.count;}function
frmTB_valide(){if(document.forms["frmTB"].opt.options[document.forms["frmTB"
].opt.selectedIndex].value=='sh'){document.forms["frmTBShopping"].qu.value=d
ocument.forms["frmTB"].s.value;document.forms["frmTBShopping"].submit();retu
rn
false;}else{document.forms["frmTB"].MT.value=document.forms["frmTB"].s.value
;}return
true;}try{if(self.topbar_tab==undefined||self.topbar_tab<1||self.topbar_tab>
5)var topbar_tab=1;if(self.topbar_logo==undefined)var
topbar_logo=sDefaultLogo;}catch(TBex){var topbar_tab=1;var
topbar_logo=sDefaultLogo;}Render();ChangeTab(self.topbar_tab-1);
</script>




begin 666 pixel.gif
M1TE&.#EA`0`!`/ ``/_______R'Y! $*``$`(?X90V]M<')E<W-E9"!B>2!.
A971-96-H86YI8P`L``````$``0" ________`@),`0`[
`
end
  • Partager ce contenu :
Vos réponses
Trier par : date / pertinence
Serge
Le #102617
Bonjour,

Voici un bout de code :

/*******************************************************/
function deplaceImageAccueil () {
// finDeplacement = false;
deplaceObjet ('imageaccueil', 10);
// while (!finDeplacement);
document.getElementById('pomdadent').style.visibility = 'visible';
document.getElementById('gcd').style.visibility = 'visible';
setTimeout ('depuis1988 ()', 1000);
}
/*******************************************************/

la méthode 'deplaceObjet' déplace un objet dans ma fenêtre grace à une
série de setTimeout.
J'aimerais attendre la fin de cette série(la fin du déplacement de mon
objet) avant de continuer la suite du code.
Est-ce possible ?

Merci
- Serge -

P.S. :
J'espérais pouvoir utiliser un booléen global dont 'deplaceObjet'
modifierait la valeur à la fin de sa série, mais la ligne "while
(!finDeplacement);" me bloque complètement la page.
Thibault
Le #102615
Lea wrote:
Bonjour,

J'ai des difficultés à comprendre le code décrit ci-dessous. Si une bonne
âme doublée d'une grande patience passait par là ...

Merci


Salut,
Etant donné que je n'aurais pas la patience, et surtout pas l'envie de
déchiffrer ce code, je ne serais pas la bonne ame ce coup ci. :-)
Mais vu que je l'ai parcouru en bref, j'ai cru comprendre, que c'etait
code du menu présent sur la page d'accueil de Tiscali et que tu voulais
récupérer. (cf http://toolbar.tiscali.fr/toolbar.js )
Si tu veux un menu déroulant simple, propre et pratique, je te conseille
ce site :
http://www.alsacreations.com/articles/modelesmenus/
Et en bidouillant un peu, tu devrais pouvoir faire un menu qui ressemble
à celui de tiscali.
Si je suis complètement à coté de la réponse, désolé :-)

A+
Bon courage
--
Thibault

Lea
Le #102427
"Thibault"
Salut,
Bjr,


Etant donné que je n'aurais pas la patience, et surtout pas l'envie de
déchiffrer ce code, je ne serais pas la bonne ame ce coup ci. :-)


Ss problème : de tt façon je ne me fais aucune illusion. Mais je peux tjrs
glaner qqs infos intéressantes...

Mais vu que je l'ai parcouru en bref, j'ai cru comprendre, que c'etait
code du menu présent sur la page d'accueil de Tiscali et que tu voulais
récupérer. (cf http://toolbar.tiscali.fr/toolbar.js )


Le code en question est déjà celui de cette url.

Si tu veux un menu déroulant simple, propre et pratique, je te conseille
ce site :
http://www.alsacreations.com/articles/modelesmenus/


Je connais bien ce site. Cependant, pour Raphaël GOETTER (cf l'auteur),
cette barre de nav. relève plus du javascript...

De tte façon, j'avais bien l'intention d'essayer en ultime recours ...

Merci

++

Léa

Poster une réponse
Anonyme