[resolu]recherche script scrollbar xhtml

[kenji]

slt

je suis a la recherche depuis 2 jours d'un script pour faire un scrollbars

avoir une fleche en haut et une en bas

conditions a remplir :

- valide xhtm strict 1.0 (cahier des charges a respecter)

j'ai beau ecumer google je n'ai rien trouver

qq aurait il un lien ?

merci

[kenji]

j'ai oublie de cocher la notification par email

[NiTrOuS]

Ben elle se fait toute seule non ?

[an0nyme]

tu peux essayer ça :

<div style="overfolw : auto;" >

ton texte

</div>

[kenji]

le client ne veut pas d'overflow j'ai deja essaye de lui montrer

mes contraintes sont :

- scroller dans un div avec une fleche haut et une basse

- pas de barre de dfilement dans le scroller

- conforme w3c html 1.0 strict

j'ai bien trouve un script en javascript mais le code est verouille(crypte) et 280 dollars la licence pour developpeur c'est un peu de la folie pour un bout de code :(

[kenji]

Ben elle se fait toute seule non ?

nop j'ai decoche l'option dans mon controle

[.BöD.]

Une scroll bar sans barre... Une scroll quoi !

Ca existe ca en html ? Si ca existe ca doit étre un truc de fou...

Sinon la plupart du temps quand je vois ca sur un site c'est du flash...

J'vais regarder un peu mais bon y'a pas beaucoup d'espoir...

[kenji]

un exemple :

http://dyn-web.com/dhtml/scroll/

le lien : Provide speed options for mouseover scrolling using image maps.

c'est la partie gauche qui m'interesse en fait

leur script est valide w3c xhtml mais source crypté

j'en ai trouve pas mal des script mais tous non conforme :(

et la propriete onmouse...n'est pas conforme

quand on telecharge leur fichiers, il y'a un exemple pour le texte mais code crypte avec un message d'alerte a chaque fois pour indiquer qu'il faut une licence

par contre pour la licence du script pour developpeur 280 dollars :(

[.BöD.]

et la propriete onmouse...n'est pas conforme

Ouai ben la tout de suite ca réduit les possibilités...

Sont fous de pas avoir pris onmouse...

[kenji]

oui ca reduit fortement meme

c'est pour cela que je trouve difficielement ce que je cherche

[kenji]

c'est bon j'ai trouve mon bonheur

[.BöD.]

Je serais curieux de voir comment t'as fait !

Tu partages ?

[kenji]

au final le onmouseover est quand meme valide

etrange avec un script il ne validait pas et avec celui la il passe

code valide xhtml 1.0 strict w3c

voila le code :

scroll.js

function lib_bwcheck(){ //Browsercheck
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()

var speed = 30
var loop, timer

//constructeur
function makeObj(obj,nest){
   nest=(!nest) ? "":'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
 	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=goUp;this.down=goDown;
this.moveIt=moveIt; this.x=0; this.y=0;
   this.obj = obj + "Object"
   eval(this.obj + "=this")
   return this
}

var px = bw.ns4||window.opera?"":"px";

function moveIt(x,y){
this.x = x
this.y = y
this.css.left = this.x+px
this.css.top = this.y+px
}

//creation de l'objet up
function goDown(move){
if (this.y>-this.scrollHeight+oCont.clipHeight){
 this.moveIt(0,this.y-move)
 	if (loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
//creation de l'objet down
function goUp(move){
if (this.y<0){
 this.moveIt(0,this.y-move)
 if (loop) setTimeout(this.obj+".up("+move+")",speed)
}
}

function scroll(speed){
if (scrolltextLoaded){
 loop = true;
 if (speed>0) oScroll.down(speed)
 else oScroll.up(speed)
}
}


function noScroll(){
loop = false
if (timer) clearTimeout(timer)
}

//creation de l'objet
var scrolltextLoaded = false
function scrolltextInit(){
oCont = new makeObj('divScrollTextCont')
oScroll = new makeObj('divText','divScrollTextCont')
oScroll.moveIt(0,0)
oCont.css.visibility = "visible"
scrolltextLoaded = true
}
if (bw.bw) onload = scrolltextInit

style.css

/* scroll */
#divUp   {
position:absolute;
left:600px;
top:0px;
}

#divDown {
position:absolute;
left:600px;
top:380px;
}

#divScrollTextCont {
position:absolute;
left:0;
top:0;
width:580px;
height:380px;
clip:rect(0px, 580px, 380px, 0px);
overflow:hidden;
visibility:hidden;
}

#divText {
position:absolute;
left:0px;
top:0px;
} 

code a insere dans la page :

<div id="divUp"><a href="#" onmouseover="scroll(-5)" onmouseout="noScroll()" onclick="return false"><img src="gfx/up.gif" alt="haut" style="border:0;" /></a></div>
<div id="divDown"><a href="#" onmouseover="scroll(5)" onmouseout="noScroll()" onclick="return false"><img src="gfx/down.gif" alt="bas" style="border:0;" /></a></div>
<div id="divScrollTextCont">
<div id="divText">
<?php echo $texte; ?>
</div>

apres a adapter selon ses besoins bien sur

la c'est adapter pour le site de mon client

voila