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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 565 fois - Téléchargée 28 fois

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

Ajouter un commentaire

Commentaires

Signaler
cs_layonn
Messages postés
28
Date d'inscription
lundi 18 février 2008
Statut
Membre
Dernière intervention
22 octobre 2008
 -
merci c'est gentil mais j'ai trouvé avec un div :)

Et j'en suis bien heureuse!!En tout cas merci car ton script m'a aidé à mieux comprendre le système des boutons scroll!!!

A+
Signaler
setasan9
Messages postés
98
Date d'inscription
lundi 14 juin 2004
Statut
Membre
Dernière intervention
16 mars 2009
 -
Salut !
ce bout de code remonte à fort longtemps, je l'avais complètement oublié ^^' .

Si tu veux juste faire scroller un bout de texte dans une page, il faut te tourner vers les

.

Tu mes ton texte dans un div et tu ajoutes une fonction javascript un peut comme celui-ci.

Mais je ne suis plus capable de te proposer un code adéquat, je ne touche plus au js (ou très très peut).
Essaye une autre recherche ^^' . En tout cas ca s'en rapproche.

> faire scroller un texte dans un div

Bon courage !
Signaler
cs_layonn
Messages postés
28
Date d'inscription
lundi 18 février 2008
Statut
Membre
Dernière intervention
22 octobre 2008
 -
ton script est bien expliké car étant débutant en programmation, et n'arrivant pas tjs à suivre les scripts, c'est l'une des premières fois où j'arrive directement à faire fonctionner ce que je veux!!

sauf, que là, je m'attendais à voir autre chose en fait.. tes boutons scroll servent à toute la page du site, moi ça serait juste pour un petit cadre qui est sur chaque page de mon site...
Peux tu me dire cmt je peux faire?? J'ai bien mis mon texte ds contenu.php, je me dis donc ke les boutons ne devraient fonctionner que pour le texte mais ils fonctionnent pour la page entière...

merci de m'aider... :))
Signaler
cs_toftiftof
Messages postés
3
Date d'inscription
vendredi 14 avril 2006
Statut
Membre
Dernière intervention
5 juillet 2006
 -
Merci infiniment, j'attendais çà depuis tellement longtemps ! et ca marche !! Merci
Signaler
Warcow
Messages postés
1
Date d'inscription
mercredi 28 juin 2006
Statut
Membre
Dernière intervention
5 juillet 2006
 -
Non pour avoir le défilement vertical il faut juste changer window.scrollBy(0,speed) en window.scrollBy(speed,0)
Voilà :)
Afficher les 16 commentaires
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)