11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,

j'ai utilisé un script js pratique pour faire des scrolls personnalisés. Sur le site à l'origine du script, j'ai copié le code js mais contrairement au site, j'ai mis le CSS dans un fichier externe.

J'ai constaté que ça fonctionne sur tous les éléments sauf l'élément "drag", qui se trouve déplacé (comme si top=0px).

http://goirand.christophe.free.fr/Site_test/voisin3/confiserie-chocolat.html


function getElement(name,nest)
{
	nest = nest ? 'document.'+nest+'.' : '';
	var el = dom ? document.getElementById(name) : iex ? document.all[name] : ns4 ? eval(nest+'document.'+name) : false;
	el.hideVis = function(){el.style.visibility='hidden'};
	el.showVis = function(){el.style.visibility='visible'};
	el.getTop = function(){return parseInt(el.style.top) || 0};
	el.setTop = function(y){el.style.top=y};
	el.getHeight = function(){return ns4 ? el.document.height : el.offsetHeight};
	el.getClipHeight = function(){return ns4 ? el.clip.height : el.offsetHeight};
	el.addEvent = addEvent;
	el.removeEvent = removeEvent;
	return el;
}

Modifié par ChrisG (15 Sep 2006 - 17:36)
en fait je crois que le problème vient de là:

el.getTop = function(){return parseInt(el.style.top) || 0};


il va chercher le style top de l'élément de drag, comment spécifier par le javascript d'aller pointer sur le fichier CSS "scroll.css" ?