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

**totoranky** · 26/02/2008, 10h20

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 ?

**nkonito** · 26/02/2008, 10h26

vous avez pensé juste. Les boutons ASP génèrent automatiquement un posteback.

**totoranky** · 26/02/2008, 10h34

Il n'y a donc aucun moyen de bloquer le postback ?

**nkonito** · 26/02/2008, 10h49

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.

**Pongten** · 26/02/2008, 10h50

Il suffit que la fonction invoquée dans OnClientClick retourne 'false' et le postback est annulé.

**oyigit** · 26/02/2008, 11h06

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

OnClientClick="return MaFonction()"

Ma fonction doit effectivement retourner false

**totoranky** · 26/02/2008, 11h12

j'ai testé mais ca ne marche pas j'ai quand même le postback.

**Pongten** · 26/02/2008, 11h13

Montres nous ton code ?

**totoranky** · 26/02/2008, 11h28

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