IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[javascript] Scroll avec une image


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    3
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 3
    Par d�faut [javascript] Scroll avec une image
    Yep

    Voila comme le titre du topic le montre, je cherche le code qui permetterait de mettre un lien sur 2 <img> ( haut et bas ) ayant la m�me fonction qu'une scrollbar.

    Merci

    PS : J'ai trouv� ca :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    <SCRIPT language="JavaScript">
    <!--
    function placeObj(py) {
    document.getElementById("texte").style.top=py;
     
    }
    function voirMenu() {
    if (navigator.appName=="Microsoft Internet Explorer") {
    offsety = document.body.scrollTop;
    }
    else {
    offsety = window.pageYOffset;
    }
    placeObj(offsety);
    t = setTimeout("voirMenu()",0);
    }
    voirMenu();
     
     
    function myobj(x) {
    document.getElementById("texte").style.left=x;
     
    }
    function myMenu() {
    if (navigator.appName=="Microsoft Internet Explorer") {
    offsetx = document.body.scrollLeft;
    }
    else {
    offsetx = window.pagexOffset;
    }
    myobj(offsetx);
    t = setTimeout("myMenu()",0);
    }
    myMenu();
    //-->
    </SCRIPT>
     
    		<div id="texte">
    			<a style="position:absolute; margin-left:235px;" href="javascript:this.scrollBy(0,-35)"><img src="../images/fleche_haut.png" /></a>
    			<a style="position:absolute; margin-top:235px; margin-left:238px;" href="javascript:this.scrollBy(0,35)"><img src="../images/fleche_bas.png" /></a>
    			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus nec massa. Sed commodo, urna luctus auctor tempus, urna lorem congue felis, a auctor tortor ante sit amet nisl. Proin risus neque, accumsan sed, imperdiet eu, euismod id, arcu. Mauris elit. Mauris ac ante. Praesent auctor, nulla eget sodales molestie.</p>
    </div>
    Mais ca ne fait que scroller la fenetre du navigateur et non pas le <div>

  2. #2
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    D�tails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par d�faut
    remplace tes
    document.body
    par
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementById("texte")
    + impose un style � ton calque (qui n'a pas de scroll)
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    style="overflow:auto; height:231px; width:342px;position:relative;top:0;left:0"

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    3
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 3
    Par d�faut
    Salut

    Alors j'ai remplac� comme tu as dit les document.body, mon div#texte avait d�ja des propri�t�s

    Mais rien n'a chang�

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    ? tu essaye de scroller quoi le div ou la balise a ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    3
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 3
    Par d�faut
    J'essaye de scroller le div

    Sinon un ami m'a donn� un code JS et ca fonctionne parfaitement, � une exception pr�s :

    Lorsque je clique sur le lien qui permet le scroll, la page est recharg�e :/

    ( http://7sky.biz/cuts-forever/temporaire/Bureau/Untitled-1.htm )

    Merci bien de votre aide

    Edit : Non c'est bon je viens de trouver, il suffit de mettre un <input> au lieu d'un <a>


+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 6
    Dernier message: 03/04/2007, 20h40
  2. Prob avec une image
    Par inferno66667 dans le forum Langage
    R�ponses: 2
    Dernier message: 18/11/2005, 11h09
  3. probl�me pour faire un insert avec une image
    Par vbcasimir dans le forum Modules
    R�ponses: 3
    Dernier message: 02/11/2005, 09h21
  4. Centrage de texte avec une image en arriere plan
    Par MasterOfChakhaL dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 7
    Dernier message: 26/08/2005, 18h31
  5. [Javascript] Probl�me avec une fen�tre popup.
    Par mika0102 dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 18/05/2005, 10h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo