none
jquery et asp.net RRS feed

  • Question

  • bonjour à tous,

    j'essaye depuis tout à l'heure d'utiliser jquery dans ma page asp.net, mon but etant d'appliquer un style à des boutons suite à un click sur un premier bouton.

    en fait dans ma page il y'a trois boutons, je voudrais que quand je clique sur le premier, les deux autres changent de style, le problème c'est qu'à l'execution le changement se fait pour meme pas 1 seconde puis disparait....

    voici le code asp :

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="pages_Default3" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link href="../Styles/style-site.css" rel="stylesheet" />
        <script type="text/javascript" src="../Scripts/jquery-1.9.1.min.js"></script>
       <script type="text/javascript">
           $(document).ready(function () {
               $("input[id$='Button1']").click(function () {
                   // $("input[id$='Button1']").addClass('boutton_reserv');
                   $("input[id$='Button2']").addClass('boutton_reserv');
                   $("input[id$='Button3']").addClass('boutton_reserv');
               });
           });
    
    </script> 
    </head>
    
    <body>
    
        <form id="form1" runat="server">
        <div>
         <asp:Button ID="Button1" runat="server" Text="Button" ClientIDMode="Static" />
        <asp:Button ID="Button2" runat="server" Text="Button" CausesValidation="False" 
                EnableViewState="False" UseSubmitBehavior="False" />
        <asp:Button ID="Button3" runat="server" Text="Button" />
        </div>
        </form>
        
    </body>
    
    </html>
    

    voici le fichier de style :

    .boutton_reserv
    {
        margin:5px;
        color: #fef4e9;
        border-radius:6px;
    	border: solid 1px #da7c0c;
    	background: #f78d1d;
    	font: 14px/100% verdana, Helvetica, sans-serif;
    	width:100px;
    	height:25px;
    	font-weight:bold;
    	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    }
    

    Merci pour votre aide

    lundi 25 mars 2013 18:10

Réponses

Toutes les réponses