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 585 fois - Téléchargée 28 fois
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.
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)
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
- Creer des boutons images à la place d'une barre de defilement (d'une iframe)
- Bouton image - Forum - Java
- Visual Basic / VB.NET : Bouton image animé (effect) - CodeS SourceS - Guide
- Un bouton image qui change d'image au survol de la souris. - Codes sources - Java (Divers)
- Exemple d'utilisation de loadvars pour creer des boutons radio - Codes sources - Flash (Composants Flash MX)
- Javascript : Creer un bouton incliquable - CodeS SourceS - Guide
Commentaires
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+
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 !
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... :))
Voilà :)
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.