Ce script est déclaré obsolète. Il n'est conservé que pour information.

Script : Logo toujours en bas

Affiche une image (ou un code HTML) toujours en bas (ou en haut) de votre page. Pratique pour laisser un objet toujours visible sur une page.

<HTML><HEAD>
<TITLE>Tout JavaScript.com - Logo qui reste en bas</TITLE>
<SCRIPT language="javascript">
// PARAMETRAGE DU SCRIPT
var tjs_delai=20;
var tjs_max=20;
var tjs_mode=1; // 0 - calque toujours en haut de page / 1 - calque en bas

// LE RESTE NE CHANGE PAS
var tjs_hauteur=0;
function PrintCalque(left,top,width,height,contenu) {
	tjs_hauteur=height;
	if ((document.all)||(document.getElementById)) {
		var Z="<DIV id='tomber' style='position:absolute;left:"+left+";top:"+top+";width:"+width+";height:"+height+"'>"+contenu+"</DIV>";
	} else {
		var Z="<LAYER name='tomber' left="+left+" top="+top+" width="+width+" height="+height+">"+contenu+"</LAYER>";
	}
	document.write(Z);
	setTimeout("Start()",tjs_delai);
}
function Start() {
	MoveLayer("tomber",GetTop("tomber"));
	setTimeout("Start()",tjs_delai);
}
function Debug() {
	var obj=document.body
	var Z="";
	for (var i in obj) {
		Z+=i+"="+obj[i]+"\n";
	}
	alert(Z);
}
function MoveLayer(nom,top) {
	if (document.getElementById) { //IE5 et NS6
		document.getElementById(nom).style.top=top;
	}
	if ((document.all)&&(!document.getElementById)) { //IE4 seul
		document.all[nom].style.top=top;
	}
	if (document.layers) { //NS4.X seul
		document.layers[nom].top=top;
	}
}
function GetTop(nom) {
	// Partie 1 : Récupération de la position du calque et de la page
	if (document.getElementById) { //IE5 
		var pos=parseInt(document.getElementById(nom).style.top);
		var wintop=parseInt(document.body.scrollTop);
		var avail=document.body.clientHeight;
	}
	if ((document.getElementById)&&(!document.all)) { //NS6
		var pos=parseInt(document.getElementById(nom).style.top);
		var wintop=parseInt(window.pageYOffset);
		var avail=window.innerHeight;
	}
	if ((document.all)&&(!document.getElementById)) { //IE4 seul
		var pos=parseInt(document.all[nom].style.top);
		var wintop=parseInt(document.body.scrollTop);
		var avail=document.body.clientHeight;
	}
	if (document.layers) { //NS4.X seul
		var pos=parseInt(document.layers[nom].top);
		var wintop=parseInt(window.pageYOffset);
		var avail=window.innerHeight;
	}

// Partie 2 : Traitement de la position
	if (tjs_mode==0) { // toujours en haut
		var delta=Math.ceil((pos-wintop)/3);
		if (delta>tjs_max) {delta=tjs_max;}
		if (delta<-1*tjs_max) {delta=-1*tjs_max;}
		var top=pos-delta;
	}
	if (tjs_mode==1) {// toujours en bas
		var delta=Math.ceil((pos-(wintop+avail-tjs_hauteur)));
		if (delta>tjs_max) {delta=tjs_max;}
		if (delta<-1*tjs_max) {delta=-1*tjs_max;}
		var top=pos-delta;
	}
	return top;
}

</SCRIPT>

</HEAD>
<BODY text="#000000" bgcolor="#FFFFFF" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00">

<CENTER><BIG>Logo qui reste en bas (ou en haut)</BIG></CENTER> 
 
Ce script permet de laisser afficher un logo (ou un code HTML) toujours en bas (ou en haut) de la page. 
Utilisez l'ascenceur pour observez le déplacement de l'image. 
Ce script est issu du tutorial DHTML sur le site.

<SCRIPT language="javascript">
	// PrintCalque(X,Y,largeur,hauteur,"HTML");
	PrintCalque(30,30,88,31,"<IMG src='logodhtml.gif' width=88 height=31 alt='Tout JavaScript.com'>");
</SCRIPT>

<CENTER><A href='http://www.toutjavascript.com' target='_blank'>Tout JavaScript.com</A>

</BODY></HTML>

Exécution du script

Code source

<HTML><HEAD><TITLE>Tout JavaScript.com - Logo qui reste en bas</TITLE><SCRIPT language="javascript">// PARAMETRAGE DU SCRIPTvar tjs_delai=20;var tjs_max=20;var tjs_mode=1; // 0 - calque toujours en haut de page / 1 - calque en bas// LE RESTE NE CHANGE PASvar tjs_hauteur=0;function PrintCalque(left,top,width,height,contenu) {    tjs_hauteur=height;    if ((document.all)||(document.getElementById)) {        var Z="<DIV id='tomber' style='position:absolute;left:"+left+";top:"+top+";width:"+width+";height:"+height+"'>"+contenu+"</DIV>";    } else {        var Z="<LAYER name='tomber' left="+left+" top="+top+" width="+width+" height="+height+">"+contenu+"</LAYER>";    }    document.write(Z);    setTimeout("Start()",tjs_delai);}function Start() {    MoveLayer("tomber",GetTop("tomber"));    setTimeout("Start()",tjs_delai);}function Debug() {    var obj=document.body    var Z="";    for (var i in obj) {        Z+=i+"="+obj[i]+"n";    }    alert(Z);}function MoveLayer(nom,top) {    if (document.getElementById) { //IE5 et NS6        document.getElementById(nom).style.top=top;    }    if ((document.all)&&(!document.getElementById)) { //IE4 seul        document.all[nom].style.top=top;    }    if (document.layers) { //NS4.X seul        document.layers[nom].top=top;    }}function GetTop(nom) {    // Partie 1 : Récupération de la position du calque et de la page    if (document.getElementById) { //IE5         var pos=parseInt(document.getElementById(nom).style.top);        var wintop=parseInt(document.body.scrollTop);        var avail=document.body.clientHeight;    }    if ((document.getElementById)&&(!document.all)) { //NS6        var pos=parseInt(document.getElementById(nom).style.top);        var wintop=parseInt(window.pageYOffset);        var avail=window.innerHeight;    }    if ((document.all)&&(!document.getElementById)) { //IE4 seul        var pos=parseInt(document.all[nom].style.top);        var wintop=parseInt(document.body.scrollTop);        var avail=document.body.clientHeight;    }    if (document.layers) { //NS4.X seul        var pos=parseInt(document.layers[nom].top);        var wintop=parseInt(window.pageYOffset);        var avail=window.innerHeight;    }    // Partie 2 : Traitement de la position    if (tjs_mode==0) { // toujours en haut        var delta=Math.ceil((pos-wintop)/3);        if (delta>tjs_max) {delta=tjs_max;}        if (delta<-1*tjs_max) {delta=-1*tjs_max;}        var top=pos-delta;    }    if (tjs_mode==1) {// toujours en bas        var delta=Math.ceil((pos-(wintop+avail-tjs_hauteur)));        if (delta>tjs_max) {delta=tjs_max;}        if (delta<-1*tjs_max) {delta=-1*tjs_max;}        var top=pos-delta;    }    return top;}</script></HEAD><BODY text="#000000" bgcolor="#FFFFFF" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00"><FONT FACE="Arial" SIZE='-1' COLOR="#000099"><B><CENTER><BIG>Logo qui reste en bas (ou en haut)</BIG></CENTER></B><BR><BR>Ce script permet de laisser afficher un logo (ou un code HTML) toujours en bas (ou en haut) de la page.<BR>Utilisez l'ascenceur pour observez le déplacement de l'image.<BR>Ce script est issu du tutorial DHTML sur le site.<BR><SCRIPT language="javascript">    // PrintCalque(X,Y,largeur,hauteur,"HTML");    PrintCalque(30,30,88,31,"<IMG src='logodhtml.gif' width=88 height=31 alt='Tout JavaScript.com'>");</script><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><CENTER><A href='http://www.toutjavascript.com' target='_blank'><FONT size=1 color=#CCCFFF>Tout JavaScript.com</FONT></A></FONT></BODY></HTML><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...

Script : Logo toujours en bas

Exécution du script

Code source

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets JavaScript