[javascript] Exécution de code coté client sans postback

Version imprimable

26/02/2008, 10h20
totoranky

[javascript] Exécution de code coté client sans postback

Bonjour

je place un asp:button runat="server" sur ma page, avec la propriété onClientClick, j'appelle un fonction javascript.

Il exécute la fonction sans problème, mais génère systématiquement un postback à la fin de l'exécution.
Est ce que runat server signifie qu'on génère obligatoirement un postback pour passer coté serveur même apres du javascript ?

ou alors suis-je obligé de passer par un composant standard HTML ?
26/02/2008, 10h26
nkonito

vous avez pensé juste. Les boutons ASP génèrent automatiquement un posteback.
26/02/2008, 10h34
totoranky

Il n'y a donc aucun moyen de bloquer le postback ?
26/02/2008, 10h49
nkonito

je ne crois pas que se soit possible. si tu essaies de supprimer l'attribut "runat=server", le bouton ne s'affiche pas, car cet attribut est obligatoire.

en tout cas, je ne connais aucun moyen qui permet de le bloquer.

reste que je ne voit pas l'utilité d'utiliser un composant serveur alors qu'on ne veut gérer que les évènements coté client.

bon courage.
26/02/2008, 10h50
Pongten

Il suffit que la fonction invoquée dans OnClientClick retourne 'false' et le postback est annulé.
26/02/2008, 11h06
oyigit

Il faut aussi penser à mettre return dans l'attribut OnClientClick

Code:

OnClientClick="return MaFonction()"

Ma fonction doit effectivement retourner false
26/02/2008, 11h12
totoranky

j'ai testé mais ca ne marche pas j'ai quand même le postback.
26/02/2008, 11h13
Pongten

Montres nous ton code ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<head runat="server">
    <title>Page sans titre</title>
    <script language="javascript">
    function test()
    {
        alert('toto');
        return false;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="test()"/></div>
    </form>
</body>

26/02/2008, 11h37
Pongten
Tu n'as pas vu le post de oyigit ?

Tu dois faire
Code:

1 2 OnClientClick="return test();"
26/02/2008, 11h59
totoranky

Citation:

Tu n'as pas vu le post de oyigit ?

Autant pour moi je n'avais pas vu ce post, j'ai testé ca fonctionne.

Merci à tous pour les réponses.
26/02/2008, 13h31
Pedro Varela

À ne pas poublier => Resoulu !!!