Creer des boutons images à la place d'une barre de defilement (d'une iframe)

Commenter

Contenu du snippet

Voici un code pour, comme le titre le dit, mettre des boutons à la place d'une barre de défilement pour une iframe.
Je pense que ce code va plaire à beaucoup de monde qui utilise les iframes et qui ne veulent pas garder cette affreuse scroll bar qui défigure le sites.

Source / Exemple : 


//***************************************************************************
//scrollspeed est la vitesse de defilement que vous pouvez changer à votre gout.
//Dans la page de l'iframe :

<iframe id="datamain"  width="640px" height="500px"  name="zone1" src="contenu.html" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe></td>
<td  valign="top">
<br />

<layer visibility=hide>

<a  onMouseup="scrollspeed=0" onmousedown="scrollspeed=-8"><img src="images/flechehaut.jpg" border="0px"/></a>
<br />
<a onMouseup="scrollspeed=0" onmousedown="scrollspeed=8"><img src="images/flecheb.jpg" border="0px"/></a>

</layer>

//********************************************************************
//Maintenant, le code javascript à inserer dans toutes les pages qu'affichera l'iframe
//Entre les balises <head></head>

<script language="JavaScript1.2">

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}

function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp

window.scrollBy(0,speed)
}

setInterval("initialize()",10)

</script>

//www.sok.c.la

Conclusion :


Pour les utilisateur de phpbb, le Code javascript est à mettre dans overall_header.tpl de votre template (template/votre_template/overall_header.tpl)
Par contre celui-ci doit etre placé avant tous les autre codes js du fichier (sinon ca ne fonctionne pas et je ne sait pas pourquoi).

Vous pouvez aller regarder le model de boutton que j'ai réqlisé sur l'un de mes sites :
www.sok.c.la (adresse temporaire)

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (setasan9)