Dimension d'un java sripte

Bonjour,

je voudrai afficher un menu défilant afficher a 100% avec la balise

var sliderwidth="1663px"


comment faire pour l'afficher a 100% de la page car je ne peux que régler en PX et il y a des problèmes sur les moniteur plus petit

merci d'avance !

4 réponses

  1. elle s'aplique ici
       <section>
       <tr>
      <script type="text/javascript">
    var sliderwidth="100%" //spécifier largeur du document
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<a href="#"><img src="images/logo_geberit_pti.jpg" border=1></a>'
    leftrightslide[1]='<a href="#"><img src="images/logo_atlantic_pti.gif" border=1></a>'
    leftrightslide[2]='<a href="#"><img src="images/logo_groche_pti.jpg" border=1></a>'
    leftrightslide[3]='<a href="#"><img src="images/logo_franke_pti.gif" border=1></a>'
    leftrightslide[4]='<a href="#"><img src="images/logo_acova_pti.gif" border=1></a>'
    leftrightslide[5]='<a href="#"><img src="images/logo_dietrich_pti.gif" border=1></a>'
    leftrightslide[6]='<a href="#"><img src="images/logo_elm_leblanc_pti.gif" border=1></a>'
    leftrightslide[7]='<a href="#"><img src="images/logo_ariston_pti.jpg" border=1></a>'
    leftrightslide[8]='<a href="#"><img src="images/logo_frisquet_pti.gif" border=1></a>'
    leftrightslide[9]='<a href="#"><img src="images/logo_allia_pti.gif" border=1></a>'
    leftrightslide[10]='<a href="#"><img src="images/logo_chaffoteaux_pti.jpg" border=1></a>'
    leftrightslide[11]='<a href="#"><img src="images/logo_delabie_pti.gif" border=1></a>'
    leftrightslide[12]='<a href="#"><img src="images/logo_fleck_pti.jpg" border=1></a>'
    leftrightslide[13]='<a href="#"><img src="images/logo_groupesfa_pti.jpg" border=1></a>'
    leftrightslide[14]='<a href="#"><img src="images/logo_jacob_delafon_pti.jpg" border=1></a>'
    leftrightslide[15]='<a href="#"><img src="images/logo_lemercier_pti.jpg" border=1></a>'
    leftrightslide[16]='<a href="#"><img src="images/logo_olfa_pti.jpg" border=1></a>'
    leftrightslide[17]='<a href="#"><img src="images/logo_pacific_pti.jpg" border=1></a>'
    leftrightslide[18]='<a href="#"><img src="images/logo_polar_pti.jpg" border=1></a>'
    leftrightslide[19]='<a href="#"><img src="images/logo_selles_pti.jpg" border=1></a>'
    leftrightslide[20]='<a href="#"><img src="images/logo_thermor_pti.jpg" border=1></a>'
    leftrightslide[21]='<a href="#"><img src="images/logo_watermatic_pti.gif" border=1></a>'
    </script>
    </section>
    <script type="text/javascript" src="js/defilement.js"></script></td>
      </tr>
    1. Personne pour m'aider ?
  2. le voila ^^

    // JavaScript Document
    
     // Spécifiez la largeur du diaporama (en pixel)
     var sliderwidth="1663px"
     // Spécifiez la hauteur du diaporama (en pixel)
     var sliderheight="43px"
     // Spécifiez la vitesse de défilement (de 1 à 10)
     var slidespeed=2
     // Spécifiez la couleur du fond
     slidebgcolor="#a9a8a6"
     // SPECIFICATIONS DU CARROUSEL : chemin des images
     // Vous pouvez rendre l'image cliquable
    
     // Spécifiez l'espace entre chaque image (se servir du HTML):
     var imagegap="   "
     // Spécifiez le nombre de pixels/espace entre chaque rotation du carrousel (nombre entier)
     var slideshowgap=10
     ////NE RIEN EDITER A PARTIR D'ICI////////////
     var copyspeed=slidespeed
     leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
     var iedom=document.all||document.getElementById
     if (iedom)
     document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
     var actualwidth=''
     var cross_slide, ns_slide
     function fillup(){
     if (iedom){
     cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
     cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
     cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
     actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
     cross_slide2.style.left=actualwidth+slideshowgap+"px"
     }
     else if (document.layers){
     ns_slide=document.ns_slidemenu.document.ns_slidemenu2
     ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
     ns_slide.document.write(leftrightslide)
     ns_slide.document.close()
     actualwidth=ns_slide.document.width
     ns_slide2.left=actualwidth+slideshowgap
     ns_slide2.document.write(leftrightslide)
     ns_slide2.document.close()
     }
     lefttime=setInterval("slideleft()",50)
     }
     window.onload=fillup
     function slideleft(){
     if (iedom){
     if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8 ))
     cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
     else
     cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
     if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8 ))
     cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
     else
     cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
     }
     else if (document.layers){
     if (ns_slide.left>(actualwidth*(-1)+8 ))
     ns_slide.left-=copyspeed
     else
     ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
     if (ns_slide2.left>(actualwidth*(-1)+8 ))
     ns_slide2.left-=copyspeed
     else
     ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
     }
     }
     if (iedom||document.layers){
     with (document){
     document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
     if (iedom){
     write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
     write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
     write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
     write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
     write('</div></div>')
     }
     else if (document.layers){
     write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
     write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
     write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
     write('</ilayer>')
     }
     document.write('</td></table>')
     }
     }
    1. Salut !

      Pourrais-tu être un peu plus précis et nous dire ce que tu souhaites avoir visuellement. Je ne comprends pas pourquoi tu veux utiliser du javascript. Le css te permet d'avoir un menu avec une largeur de 100% ?
      1. Modérateur
        Bonjour,

        car je ne peux que régler en PX

        Pourquoi cela ?

        A mon avis... pour avoir des chances de trouver une réponse.. il va falloir que tu nous montres ton script dans son intégralité.

        1. des que je regle en % plus rien ne s'affiche