Ir al contenido principal

Entradas

Mostrando entradas de octubre, 2013

ASP - Inside a Gridview how get the DropDownList index

In the view: Define the method in the event  OnSelectedIndexChanged Add the tag  AutoPostBack="true" <asp:TemplateField HeaderText="Competence Domain">        <ItemTemplate>                 <asp:DropDownList ID="ddlCompDomain" runat="server" AppendDataBoundItems="true" AutoPostBack="true" OnSelectedIndexChanged="ddlCompDomain_SelectedIndexChanged">                 </asp:DropDownList>         </ItemTemplate> </asp:TemplateField> In the code inside the method  ddlCompDomain_SelectedIndexChanged : Cast the  sender  object to the element you wanted to know the index, for our case a  DropDownList From the  DropDownList  get the  GridViewRow  through the parent property Get the index with  RowIndex protected void ddlCompDomain_SelectedIndexChanged(object sender , EventArgs e) ...

JQuery - Ajax

AJAX (Asynchronous JavaScript Xml) This is the method to invoke ajax $.ajax({         url: "my_data.xml" ,       // URL of you want to GET via AJAX     cache: false,     dataType: " xml ",            //  data  - The  data  return from the Ajax call     success: function(xml_reader){        // Run this function is the method ajax is  successful         $(xml).find("runner").each(function() {   var info = '<li>Name: ' + $(this).find("fname").text() + ' ' + $(this).find("lname").text() + '</li>';  if( $(this).find("gender").text() == "m" ){ $('#finishers_m').append( info ); }else if ( $(this).find("gender").text() == "f" ){ $('#finishers_f').append( info ); }   $('#finishers_all').append( info ); });                      } }); A...

JQuery - Part II

Declare Objects You can create objects using JavaScript, also you can assign this object to a variable. function object (param1, param2){  this.param   = param1;  this. param2 = param2;   my_function: function(){      } } var my_object = object(1, 2); Properties To access the properties use object.property Ej:  var name =   object . param2 ; Using JSON the syntax is     object [' param2 '] Arrays The arrays can be created with the following sintax var  array  = new Array(); var  array  = new Array('obj1', 'obj2', 'obj3'); var  array  = ['obj1', 'obj2', 'obj3']; Functions $.inArray get the index where is the element. var element_index = $.inArray('value', array ); Window object Each time a tab is open a window object is created. Methods window. onFocus - tells when a tab is activated. window. onBlur - detects when the tab lose the focus. Functions window. setTimeout ( function(){}, 400) - Wait the define...

JQuery - Methods

Method Listener There are two ways to bind events to elements Case 1:  $("my_element"). click (  function () { }  ); Case 2:  $("my_element").bind(' click ', function () { }   ); Unbind method The function .unbind remove the mehod pass as paramenter.  Also the function .each iterate in all the elements from the element selector. $("div.guess_box") .each ( function(){ $(this) .unbind  ('click'); }); Functions There are two ways to declare a function Function declaration function nameFunction () {    //Code } Function variable var  nameFunction =  function () {    //Code } Anonymous Function Is when inside another function you declare your own function. In this case $(this).unbind('click'); is the anonymous function. $("div.guess_box").each( function(){ $(this).unbind('click'); }); Contains Function Compate inside this if have the element with Id "has_discount" if ($.contains( this  , docum...

JQuery

Function $( ) is the shortcut of jquery( ) Syntaxis :    $( "Selector Element" ).Method(); $( "Selector Element" ).Method( Function( ){  } ); JQuery select elements as CSS h1 -> Element selector .h1 { color: red}    ->  Css Class select a grouping of elements #my_h1 { color: #3300FF; } -> Id Selector, only affects one element Example 1 $("span. Italian ").toggle(); <span class=" Italian ">Nel Mezzo del cammin di  nostra vita</span>  <span class="English">In the middle of this road  called "our life"</span>     <span class=" Italian ">mi ritrovai per una selva  oscura</span> Example 2 $("p #mytext ").show(); <p id=" mytext ">One morning, when Gregor Samsa  woke from troubled dreams . . .  </p>  <p id=" mytext ">he found himself transformed in  his bed into a horrible vermin.</p>  <p>He lay on his armour-like back...

Human-Computer Interaction - The Power of Prototyping

What do Prototypes Prototype? Feel - What might it look like? Implementation - What might it work like? Role - What might the experience be like? The best way to have a good idea is to have lots of ideas.    - Linus Pauling Biggest changes at early stages. Evaluating Designs Labs Surveys Feedback from Experts Comparatives Experiments Participant Observation Simulation Users Estreme Users Users seldom use it