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 :

Diaporama : lors du changement d'image la page remonte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Lycéen
    Inscrit en
    Juin 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2011
    Messages : 2
    Par défaut Diaporama : lors du changement d'image la page remonte
    Bonjour

    Je rencontre un petit souci en voulant insérer une diapo (en java) sur mon site. Lorsque je veux changer l'image, ma page web remonte.
    Y aurait il un petit code (css) que j'aurai oublié d'ajouter.

    Voici l'objet du délit pour mieux comprendre: le site

    Merci de votre aide

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Citation Envoyé par IONOCRAFT Voir le message
    (en java)
    Tu voulais dire en javascript ? Il ne faut pas confondre ces deux langages ! http://javascript.developpez.com/faq...JavaJavascript

    Sur ton exemple il y a un petit souci parce qu'en cliquant sur les différents liens on tombe sur une page d'erreur 404 (les liens sont du type .../page.ht# ; il manque le 'ml'


    Par rapport à ton problème le CSS ne t'aidera pas parce que ce langage n'est fait que pour la présentation...
    Comme tes liens rechargent la page c'est normal que cela remonte en haut de page. Par contre tu pourrait rajouter une ancre à ton lien, ancre que tu placerais ensuite dans ta page à l'endroit approprié. Tu aurais toujours un éventuel déplacement de la page lors du rechargement (pour se rendre à l'ancre) mais au moins la page ne remonterait pas tout en haut.
    http://j-willette.developpez.com/tut...page_2#LII-E-2

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    si l'on prend une ligne, cause de ton soucis
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="change_link" onclick="$('.slideshow').blinds_change(2)" href="#">3</a>
    on note que l'action onclick n'annule pas le comportement normal des balises A qui présente une HREF, ici "#", qui replace la page au top.

    Il te faut donc écrire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a class="change_link" onclick="$('.slideshow').blinds_change(2); return false" href="#">3</a>
    le return false annule l'action par défaut.

    Ce n'est donc pas un problème de CSS, ni de JAVA d'ailleurs comme signalé par 12monkeys.

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Au temps pour moi, oublie ce que je t'ai dit sur les ancres... La solution se trouve dans l'utilisation de JavaScript comme l'indique NoSmoking. Faudrait que je me mette à JavaScript moi

  5. #5
    Nouveau candidat au Club
    Homme Profil pro
    Lycéen
    Inscrit en
    Juin 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2011
    Messages : 2
    Par défaut
    En effet, j'étais loin du compte et sur la mauvaise piste. Mille merci

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

Discussions similaires

  1. Bloquer le menu lors du changement de page
    Par quaresma dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 31/10/2010, 23h25
  2. FadeOut lors de changement de page HTML
    Par JohnSly dans le forum jQuery
    Réponses: 4
    Dernier message: 22/06/2010, 04h05
  3. Réponses: 10
    Dernier message: 16/10/2008, 16h27
  4. [IMAGE] changement d'image lors d'un passage de souris
    Par gailup dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 02/06/2006, 10h18
  5. Réponses: 9
    Dernier message: 16/01/2006, 14h16

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