Dimension d'un java sripte

Fermé
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 - 10 juin 2015 à 16:11
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 - 14 juin 2015 à 19:54
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 !

A voir également:

4 réponses

jordane45 Messages postés 38161 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 mai 2024 4 657
10 juin 2015 à 16:37
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
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 13
Modifié par tiran58 le 10/06/2015 à 17:07
des que je regle en % plus rien ne s'affiche
0
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
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 13
Modifié par tiran58 le 10/06/2015 à 16:42
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
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 13
Modifié par tiran58 le 10/06/2015 à 16:44
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
tiran58 Messages postés 58 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 21 avril 2016 13
14 juin 2015 à 19:54
Personne pour m'aider ?
0