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

ASP.NET Discussion :

[AJAX] positionner un UpdateProgress toujours au centre du milieu ou l'inverse


Sujet :

ASP.NET

  1. #1
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut [AJAX] positionner un UpdateProgress toujours au centre du milieu ou l'inverse
    Bonjour

    J'ai implanté un UpdateProgress dans ma page. J'ai pas encore tout compris dans ces réactions, mais on verra plus tard.

    Ce que j'arrive pas à faire c'est le positionner toujours au milieu du centre de l'écran. Parfois, ma page prends un scrolbarr vertical et le UpdateProgress reste en haut. Alors j'ai essayé une bidouille avec du JavaScript et du CSS, mais ça marche la première fois et pas la suivante, comme s'il ne relisait pas le JScript.

    Pouvez vous m'aider ?

    PS : je sais pas quel bout de code je dois poser.

  2. #2
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    J'ai bien une solution mais elle est en anglais

  3. #3
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut
    Ben file toujours, j'ai un bon ami qui traduit à la volée, c'est GOOGLE.
    Et puis, je suis quand même bilingue Français / VB !

  4. #4
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    Citation Envoyé par zooffy Voir le message
    Ben file toujours, j'ai un bon ami qui traduit à la volée, c'est GOOGLE.
    Et puis, je suis quand même bilingue Français / VB !
    C'était une blague

  5. #5
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut
    Ouin, ouin, c'est pas drôle...........

    Monsieur le Modo chef des modo, y a LuteceFaloc y se moque de moi, ouin, je vais le dire à ma mére.

    Quoi, je suis une balance, non d'abords, je suis né en Mai, donc je suis Taureau........

    Bon, c'est bien mignon tout ça, mais du coup, j'ai toujours mon problème et dire que tout ça, c'est juste pour que les utilisateurs cliquent pas deux fois de suite, font vraiment chier ces gens là.....

  6. #6
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    J'ai un div avec id = 'layer1'

    Le code javascript suivant permet la garder une distance constante par rapport au haut de la page. yOffSet est la valeur de cette distance

    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
    <script type="text/javascript" language="javascript">
        var yOffset = 120;
        function placeIt()
        {
            if (document.body.scrollTop < yOffset)
            {
                document.getElementById("layer1").style.top = yOffset;
            }
            else
            {
                document.getElementById("layer1").style.top = document.body.scrollTop + 1;
            }
     
            window.setTimeout("placeIt()", 10); 
        }
     
     
        placeIt();
    </script>

  7. #7
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut
    Merci, le script est cool et j'aurais été bien incapable de le faire.

    Mais j'ai essayé avec le DIV dans le UpdateProgress et autour, mais rien, pareil, la même chose, l'image est toujours au même endroit, croll ou pas croll.

    En fait je me demande si ça viens pas du DIV inclu dans le UpdateProgress

    Comment on pourrait faire pour envoyer le ClientID du UpdateProgress dans le script que t'a fait, à la place du "layer1" ?

    Parce que, en ouvrant la source de la page, j'ai vu un DVI qui porte ce CleintID et c'est lui qui contient l'image.

  8. #8
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    Faut aussi ça pour la div: position: absolute;

  9. #9
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut
    Ah ouais, ça marche vachement mieux, d'un coup.

    Bon, ça colle un peu haut lorsque je scroll vers le bas, mais c'est pas grave, c'est déjà pas mal.

    Merci

  10. #10
    Rédacteur
    Avatar de lutecefalco
    Profil pro
    zadzdzddzdzd
    Inscrit en
    Juillet 2005
    Messages
    5 052
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : zadzdzddzdzd

    Informations forums :
    Inscription : Juillet 2005
    Messages : 5 052
    Par défaut
    Citation Envoyé par zooffy Voir le message
    Ah ouais, ça marche vachement mieux, d'un coup.

    Bon, ça colle un peu haut lorsque je scroll vers le bas, mais c'est pas grave, c'est déjà pas mal.

    Merci
    Changes la valeur de yOffSet pour voir

  11. #11
    Membre expérimenté
    Avatar de zooffy
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2004
    Messages
    3 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2004
    Messages : 3 895
    Par défaut
    Non, j'ai mis ça dans le Else, à la place du 1
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById("layer1").style.top = document.body.scrollTop + yOffset;
    Et là, ça colle plus.

    Par contre, j'ai toujours mon problème, enfin à l'envers maintenant.
    Parce que le but c'était de d'empêcher l'utilisateur de cliquer tant que la requête AJAX n'était pas finie, sinon ça plante ma base de données. Mais là, il peut même plus cliquer la première fois.

    Brerf, je cherche, grâce à toi je suis dans la bonne direction et ça c'est cool.

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

Discussions similaires

  1. Réponses: 6
    Dernier message: 12/11/2010, 05h19
  2. Réponses: 4
    Dernier message: 07/09/2009, 13h15
  3. [sortable_elements] L'appel AJAX n'est pas toujours fait
    Par Miles Raymond dans le forum Ruby on Rails
    Réponses: 2
    Dernier message: 07/09/2009, 09h29
  4. calque toujours au centre
    Par koKoTis dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 20/09/2008, 16h06
  5. [AJAX] Forcer arrêt updateProgress
    Par diaboloche dans le forum ASP.NET
    Réponses: 1
    Dernier message: 09/06/2008, 16h56

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