Search

just show me the code

Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Sunday, February 22, 2009

jquery in Asp.net

there are 2 dropdowns for the leagues and you can only select one team so when something other than select is selected on one dropdown we disable the other drop down

  225
  226         <asp:Label ID="lblAmericanLeague" runat="server" Text="American League"></asp:Label> 
  227         <asp:DropDownList ID="AmericanLeague" runat="server"> 
  228             <asp:ListItem Text="-Select-" Value="-1" ></asp:ListItem>
  229             <asp:ListItem Text="Chicago White Sox" Value="ChicagoWhiteSox" ></asp:ListItem>
  230             <asp:ListItem Text="Baltimore Orioles" Value="BaltimoreOrioles" ></asp:ListItem>
  231             <asp:ListItem Text="Boston Red Sox" Value="BostonRedSox" ></asp:ListItem>
  232             <asp:ListItem Text="New York Yankees" Value="NewYorkYankees" ></asp:ListItem>
  243         </asp:DropDownList><br />
  244
  245         <asp:Label ID="lblNationalLeague" runat="server" Text="National League"></asp:Label> 
  246         <asp:DropDownList ID="NationalLeague" runat="server"> 
  247             <asp:ListItem Text="-Select-" Value="-1" ></asp:ListItem>
  248             <asp:ListItem Text="ChicagoCubs" Value="ChicagoCubs" ></asp:ListItem>
  249             <asp:ListItem Text="AtlantaBraves" Value="AtlantaBraves" ></asp:ListItem>
  250             <asp:ListItem Text="FloridaMarlins" Value="FloridaMarlins" ></asp:ListItem>
  264         </asp:DropDownList><br />



and the jquery looks like this ...



  302
  303 <script type="text/javascript" >
  304     $(document).ready(function() { 
  305         $('#<%=NationalLeague.ClientID %>').click(function() {
  306             var SelectedVal = $('#<%=NationalLeague.ClientID %>').val();
  307             if (SelectedVal == "-1") {
  308                 $('#<%=AmericanLeague.ClientID %>').removeAttr("disabled");
  309             }
  310             else {
  311                 $('#<%=AmericanLeague.ClientID %>').val("-1");
  312                 $('#<%=AmericanLeague.ClientID %>').attr("disabled", true);
  313             }
  314         }); 
  315         $('#<%=AmericanLeague.ClientID %>').click(function() {
  316             var SelectedVal = $('#<%=AmericanLeague.ClientID %>').val();
  317             if (SelectedVal == "-1") {
  318                 $('#<%=NationalLeague.ClientID %>').removeAttr("disabled");
  319             }
  320             else {
  321                 $('#<%=NationalLeague.ClientID %>').val("-1");
  322                 $('#<%=NationalLeague.ClientID %>').attr("disabled", true);
  323             }
  324         });
  325     });
  326
  327 </script>

Tuesday, October 28, 2008

printing using javascript

This script will bring up the print dialog on load of a web page.
<body class="" onLoad="self.print()"> 
thanks to Ian for the tip.

Contributors