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

HTML Discussion :

Problème un peu bête mais j'arrive pas a comprendre.


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France, Mayenne (Pays de la Loire)

    Informations forums :
    Inscription : Octobre 2008
    Messages : 61
    Par défaut Problème un peu bête mais j'arrive pas a comprendre.
    Bonjour,
    j'ai un problème tout bête sur une de mes applis, je veux en fait faire un div de news avec a l'interieur un tableau contenant les différentes petites images de news, mais ou on peut en afficher que 3. Et en cliquant, sur des fleches gauches et droites, je veux pouvoir faire défiler mes news pour accéder aux autres.

    donc en fait mon but est de faire déplacer un tableau dans un div.

    pour faire des petits test j'ai donc créer le code suivant :

    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
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans nom</title>
    <script language="javascript" runat="server" type="text/javascript">
    function Left(){
    document.getElementById("tablo").style.left=parseInt(document.getElementById("tablo").style.left)-10;
    }
    </script>
     
    </head>
     
    <body>
    <div style="width:300px; height:100px; position:absolute; left:100px; top:100px;">
    <table id="tablo" height="100px" width="400" style="position:absolute; left:0">
    <tr>
    <td width="100" bgcolor="#990000">case number 1 pour test déplacement</td><td width="100" bgcolor="#99CC33">case number 2 pour test</td><td width="100" bgcolor="#CCCC99">case number3 pour test</td><td width="100" bgcolor="#FF0000"> case number 4 pour test</td>
    </tr>
    </table>
    </div>
    <a href="#" onclick="Left()">Gauche</a>
    </body>
    </html>
    donc quand je clique ca marche bien ca déplace, mais c'est mon div que ca déplace et non mon tableau, je veux que mon tableau se déplace dans mon div et non dans ma page.
    Si quelqu'un a une astuce, je suis preneur.

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    321
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 321
    Par défaut
    Avec ton code actuel c'est bien ton tableau "tablo" qui se déplace...
    Rajoute un sur ton div contenant.
    Chez moi ca fonctionne ( apres tu as juste à modifier le pas du défillement )

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France, Mayenne (Pays de la Loire)

    Informations forums :
    Inscription : Octobre 2008
    Messages : 61
    Par défaut
    Merci ca marche niquel !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PHP 5.0] Mes mails partent mais n'arrivent pas !
    Par zouberi dans le forum Langage
    Réponses: 6
    Dernier message: 09/01/2009, 09h42
  2. J'ai 3 fonctions mais j'arrive pas a en appeller une
    Par Ofeneim dans le forum VBA Access
    Réponses: 9
    Dernier message: 23/05/2007, 17h36
  3. Réponses: 22
    Dernier message: 18/05/2007, 17h46
  4. Réponses: 13
    Dernier message: 19/10/2006, 19h14
  5. Réponses: 1
    Dernier message: 23/01/2006, 22h23

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