Dimension d'un java sripte

tiran58 Messages postés 67 Statut Membre -  
tiran58 Messages postés 67 Statut Membre -
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. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    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é.

    0
    1. tiran58 Messages postés 67 Statut Membre 13
       
      des que je regle en % plus rien ne s'affiche
      0
  2. Flo92
     
    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% ?
    0
  3. tiran58 Messages postés 67 Statut Membre 13
     
    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>')
     }
     }
    0
  4. tiran58 Messages postés 67 Statut Membre 13
     
    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>
    0
    1. tiran58 Messages postés 67 Statut Membre 13
       
      Personne pour m'aider ?
      0