Dimension d'un java sripte
tiran58
Messages postés
67
Statut
Membre
-
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
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 !
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:
- Dimension d'un java sripte
- Jeux java itel - Télécharger - Jeux vidéo
- Waptrick java football - Télécharger - Jeux vidéo
- Waptrick java voiture - Télécharger - Jeux vidéo
- Eclipse java - Télécharger - Langages
- Java apk - Télécharger - Langages
4 réponses
Bonjour,
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é.
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é.
tiran58
Messages postés
67
Statut
Membre
13
des que je regle en % plus rien ne s'affiche
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% ?
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% ?
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>')
}
}
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>