Aller au contenu
View in the app

A better way to browse. Learn more.

Next

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[resolu]recherche script scrollbar xhtml

Featured Replies

Posté(e)

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

Modifié par kenji

Posté(e)
  • Auteur

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 :(

Posté(e)
  • Auteur
Ben elle se fait toute seule non ?

nop j'ai decoche l'option dans mon controle

Posté(e)

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

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... :ouioui:

Posté(e)
  • Auteur

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 :(

Modifié par kenji

Posté(e)
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... :ouioui:

Posté(e)
  • Auteur

oui ca reduit fortement meme

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

Posté(e)
  • Auteur

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 :yes:

voila :mdr2:

Modifié par kenji

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.