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. 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
  2. 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. 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. 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 ?