Salut a tous j'ai recuperer un script sur le net qui me permet de creer
un liste defilante de liens horizontalement avec action sur des
fleches. Le script fonctionne mais je rencontre un probleme de design.
En effet si le nombre de liens est trop peu important, j'aimerai que le
contenu sois centrer (ce n'est pas le cas actuellement ). Je vous donne
le code. Merci d'avance
<?php
session_start();
echo "<style type='text/css'> a.typeOfProduct {
font-family:Arial, Helvetica, sans-serif; color:#000000;
font-size:15pt; text-decoration:none; } </style>";
require ('../utilities/connection.php'); // connection database
$sqlTypeOfProduct = "SELECT * FROM typeOfProducts";
$reqTypeOfProduct = mysql_query ($sqlTypeOfProduct, $connex);
$numTypeOfProduct = mysql_num_rows ($reqTypeOfProduct);
//------------------------------------------------------- for create
the type of products list ( stocked on a variable : $string )
$string = " ";
//for ($i=0; $i<$numTypeOfProduct; $i++)
for ($i=0; $i<5; $i++)
{
$resTypeOfProduct =
mysql_fetch_row ($reqTypeOfProduct);
switch ($_SESSION['lang']) // for use the good langage for the type of products list
{
case 'english': $typeOfProductLang = $resTypeOfProduct[1]; break;
case 'german': $typeOfProductLang = $resTypeOfProduct[2]; break;
case 'french': $typeOfProductLang = $resTypeOfProduct[3]; break;
case 'spanish': $typeOfProductLang = $resTypeOfProduct[4]; break;
case 'dutch': $typeOfProductLang = $resTypeOfProduct[5]; break;
case 'polish': $typeOfProductLang = $resTypeOfProduct[6]; break;
}
if ( $typeOfProductLang != "" ) {
$string = $string."<a
href=\"../products/chooseProduct.php?typeProduct=".$resTypeOfProduct[0]."\"
class=\"typeOfProduct\"
target=\"_parent\">".$typeOfProductLang."</a>
"; }
}
$varMenuContents = "<nobr>".$string."</nobr>";
//--------------------------------------------------------------------------------------------------------------------------------------------
end
?>
<script type="text/javascript">
/***********************************************
* Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//configure path for left and right arrows
var goleftimage='../pictures/utilities/footer_leftArrow.jpg';
var gorightimage='../pictures/utilities/footer_rightArrow.jpg';
//configure menu width (in px):
var menuwidth=718;
//configure menu height (in px):
var menuheight=25;
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="normal";
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6;
//specify menu content
var menucontents='<?php echo $varMenuContents; ?>'; // we use $varMenuContents created with $string
////NO NEED TO EDIT BELOW THIS LINE////////////
var iedom=document.all||document.getElementById;
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"';
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"';
if (scrolldir=="reverse")
{
var tempswap=leftdircode;
leftdircode=rightdircode;
rightdircode=tempswap;
}
if (iedom) { document.write('<span id="temp"
style="visibility:hidden;position:absolute;top:-100;left:-5000;">'+menucontents+'</span>');
}
var actualwidth='';
var cross_scroll, ns_scroll;
var loadedyes=0;
function fillup()
{
if (iedom)
{
cross_scroll=document.getElementById? document.getElementById("test2")
: document.all.test2;
cross_scroll.innerHTML=menucontents;
actualwidth=document.all? cross_scroll.offsetWidth :
document.getElementById("temp").offsetWidth;
}
else if (document.layers)
{
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2;
ns_scroll.document.write(menucontents);
ns_scroll.document.close();
actualwidth=ns_scroll.document.width;
}
loadedyes=1;
}
window.onload=fillup;
function moveleft()
{
if (loadedyes)
{
if
(iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth))
{
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px";
}
else if
(document.layers&&ns_scroll.left>(menuwidth-actualwidth)) {
ns_scroll.left-=scrollspeed; }
}
lefttime=setTimeout("moveleft()",50);
}
function moveright()
{
if (loadedyes)
{
if
(iedom&&parseInt(cross_scroll.style.left)<0) {
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px";
}
else if
(document.layers&&ns_scroll.left<0) {
ns_scroll.left+=scrollspeed; }
}
righttime=setTimeout("moveright()",50);
}
if (iedom||document.layers)
{
with (document)
{
write('<table border="0" cellspacing="0" cellpadding="2">');
write('<td
valign="top" style="padding-top:5px;"><a href="#"
'+leftdircode+'><img src="'+goleftimage+'"border=0></a>
</td>');
write('<td width="'+menuwidth+'px" valign="top">');
if (iedom)
{
write('<div
style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">');
write('<div id="test2"
style="position:absolute;left:0;top:1">');
write('</div></div>');
}
else if (document.layers)
{
write('<ilayer width='+menuwidth+'
height='+menuheight+' name="ns_scrollmenu">');
write('<layer name="ns_scrollmenu2" left=0
top=0></layer></ilayer>');
}
write('</td>');
write('<td
valign="top" style="padding-top:5px;"> <a href="#"
'+rightdircode+'>');
write('<img src="'+gorightimage+'"border=0></a>');
write('</td></table>');
}
}
</script>
et qu'est ce qu'il me reviens à moi ? le MONDE chico et tout ce qu'il y a dedans