Cliquer sans faire recharger la page ?

Version imprimable

18/03/2014, 08h48
Franck.H

Cliquer sans faire recharger la page ?

:salut:

Sur une page de planning de mon application, j'ai un bouton qui permet d'afficher la légende or, lorsque je clique dessus, il fait recharger la page donc ma boîte modale en jQuery s'affiche bien mais disparaît également. Comment je peut éviter ce comportement ?

:merci:
18/03/2014, 09h06
Franck.H

En fait j'ai mis un UpdatePanel autour du bouton, désolé du dérangement :aie:

Je ne sais pas si c'est du à l'UpdatePanel mais lorsque je ferme ma boîte modale et que je veux la rouvrir bin ça marche pas. Le code de ma boîte:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            $("#dialog-legende").dialog({
                autoOpen: false,
                resizable: false,
                height: 375,
                width: 640,
                modal: true,
                buttons: {
                    Ok: function () {
                        $(this).dialog("close");
                    }
                }
            });
 
            $("#ctl00_contenu_lkLegende").click(function () {
                $("#dialog-legende").dialog("open");
            });
        });
    </script>

18/03/2014, 10h51
SpaceFrog

bouton ? de quel type ? on peut voir le html ...
suffit d'un prevenDefalut() pour inhiber l'action par defaut du bouton qui doit être de recharger la page (input type submit, type image , balise a ... )

C'est un linkButton:

Code:

1
2
3
4
5
6
7
<td class="l3">
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <asp:LinkButton ID="lkLegende" runat="server">Legende</asp:LinkButton>
        </ContentTemplate>
    </asp:UpdatePanel>
</td>

18/03/2014, 11h07
Franck.H

Citation:

Envoyé par SpaceFrog

suffit d'un prevenDefalut() pour inhiber l'action par defaut du bouton qui doit être de recharger la page (input type submit, type image , balise a ... )

Effectivement, ça fonctionne au poil merci bien ;)
18/03/2014, 13h52
SpaceFrog

linkButton n'existe pas en html ...
tu nous montre du code asp ... qui n'a pas lieu d'être sur ce forum
Simple rappel, les navigateur ne connaissent que le html css javascrit.

Si tu regardes ton code source généré, je pense que tu verras une balise a ...
18/03/2014, 14h39
Franck.H

Oui je sais, je donne le contrôle ASP pas HTML, je ne regarde pas systématiquement le code HTML généré, c'est déjà assez le bordel comme ça
18/03/2014, 14h42
SpaceFrog

hum ...
le souci c'est que javascript n'a jamais vu la queue d'un code asp ...
TOUT se passe coté client donc en HTML !
Il faut comprendre la portée des langages ...
18/03/2014, 15h00
Franck.H

C'est bien pour cela que je spécifie le ClientID comme par exemple ctl00_contenu_lkLegende, jQuery s'en sort bien pour me retrouver le contrôle.
18/03/2014, 15h14
SpaceFrog

Mais que tu n'as pas regardé le code HTML pour comprendre l'origine du rechargement de la page, et pouvoir ainsi l'inhiber.
18/03/2014, 15h42
Franck.H

Citation:

Envoyé par SpaceFrog

Mais que tu n'as pas regardé le code HTML pour comprendre l'origine du rechargement de la page, et pouvoir ainsi l'inhiber.

Je ne l'aurais tout de même pas trouvé car le développement web n'est pas ma spécialité :aie:
18/03/2014, 15h57
SpaceFrog

Ben maintenant tu as au moins une methodologie pour le futur ;) :ccool: