Affecter la valeur d'une fonction ou variable à un width

Bonjour,

je veux savoir est ce que ça existe une solution pour mettre une fonction qui retourne un

"Integer" en tant que valeur de width d'un div dans le code css. Je met mon code pour bien

éclaircir les chose.

En fait j'ai 3 fontions:


cette fonction récupère la valeur du "width" du div "slider"

function largeur_slider(){

return ($('slider').getWidth()-10);

}

cette fonction récupère le nombre des article que j'ai dans la base de données

function nbr_article(){

return (<B_tous_articles>

<BOUCLE_tous_articles(ARTICLES){id_rubrique=5}>

</BOUCLE_tous_articles>

#TOTAL_BOUCLE

</B_tous_articles>);

} 

cette fonction récupère la distance entre les article dans le slider en divisant la valeur du

width sur le nombres des articles

function distance(){

	return (largeur_slider()/nbr_article());
}

Et cette fonction retourne la valeur du width que je dois mettre dans le css, parce que je

veux que la largeur du width s'augmente au fur et à mesure que j'ajoute un nouveau article.

function setwidth(){

	return(nbr_article()*distance());
}

Mon code css:

	html {
		overflow: hidden;
	}
	body {
		position: absolute;
		margin: 0px;
		padding: 0px;
		background: #000;
		width: 100%;
		height: 100%;
		background-image: url("IMG/back.jpg");
	}
	
	#center {
		position: absolute;
		width: 1200px;
		left: 50%;
		top:  40%;
	}
	
[b]    #slider {
		position: absolute;
		height: 333px;
		width: 820px;
		left: -430px;
		top: -126px;
		overflow: hidden;
		background: #000;
		border: 5px solid #f05921;
	}
	
	#slider .slide {
		position: absolute;
		top: 0px;
		height: 333px;
		width: 500px;
		background: #000;
		overflow: hidden;
		border-left: #000 solid 1px;
		cursor: pointer;

	}
	
	#slider .title   {
		color: #F80;
		font-weight: bold;
		font-size: 1.2em;
		margin-right: 1.5em;
		text-decoration: none;

	}
	
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		background: #000;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 0.8em;
		text-align: justify;
		width: 450px;
		left: 10px;
		margin-left: 1.2em;
	}
	
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;

	}

Bah je sais pas si je suis bien clair dans mes explication mais ce que je veux savoir c'est est ce que c'est possible d'avoir un code css genre:

width: (setwidth() + 'px');

Merci d'avance.[/b]
Modifié par rahimonline (19 Aug 2009 - 17:47)