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

Version imprimable

22/05/2008, 10h07
zooffy

[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.
22/05/2008, 10h08
lutecefalco

J'ai bien une solution mais elle est en anglais :dehors:
22/05/2008, 10h21
zooffy

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 !
22/05/2008, 10h52
lutecefalco

Citation:

Envoyé par zooffy

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 :D
22/05/2008, 11h03
zooffy

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à.....

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:

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>

22/05/2008, 12h00
zooffy

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.
22/05/2008, 12h07
lutecefalco

Faut aussi ça pour la div: position: absolute;
22/05/2008, 12h18
zooffy

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
22/05/2008, 12h20
lutecefalco

Citation:

Envoyé par zooffy

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
22/05/2008, 12h32
zooffy
Non, j'ai mis ça dans le Else, à la place du 1
Code:

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.