d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > Need An Idea!
Add Reply New Topic New Poll
Member
Posts: 1,144
Joined: Jul 25 2012
Gold: 0.00
Nov 26 2012 08:29am
Hey guys, just need to implement AJax and JQuery UI into my website to finish up my webpage for a class project...

Any idea of simple ways to implement these into a fitness website? I missed the classes where we covered AJax so I'm a little short on ideas...for JQuery UI I figured I would do a slide"able" box where you can browse through different workouts...maybe slide up for chest and then slide left/right for different exercises involving chest and slide down for back and left/right for back exercises etc etc...
Member
Posts: 32,925
Joined: Jul 23 2006
Gold: 3,804.50
Nov 26 2012 11:40am
use ajax to load data.
Member
Posts: 1,144
Joined: Jul 25 2012
Gold: 0.00
Nov 26 2012 04:38pm
Quote (carteblanche @ Nov 26 2012 12:40pm)
use ajax to load data.


What do you mean load data? AJAX is clientside right?
Member
Posts: 1,628
Joined: Aug 11 2012
Gold: 628.00
Nov 26 2012 04:47pm
asynchronous javascript and xml

its main usage is loading data from a database without reloading the page.
Member
Posts: 827
Joined: Jan 16 2012
Gold: 0.00
Warn: 10%
Nov 27 2012 11:30am
A example so you can understand how it works:

JavaScript Function
Code


function EditAccount(accountID) {
   $("#hdfFalseID").val(accountID);

   $("h4").html("");
   $("h4").html("Editar Conta");

   if ($("#txtCoTitularName").val() != "" || $("#txtCoTitularNumber").val() != "") {
       $("#TitularFields").show("slow");
       $("#rbHasTitular").attr("checked", "checked");
       $("#rbHasNotTitular").attr("checked", "");
   }
   else {
       $("#TitularFields").hide("slow");
       $("#rbHasTitular").attr("checked", "");
       $("#rbHasNotTitular").attr("checked", "checked");
   }

   $.ajax({
       type: "POST",
       cache: false,
       url: "../MyAccount/GetAccountByID",
       data: $("#formFields").serialize(),
       dataType: 'json',
       success: function(data) {
           $("#hdfFalseID").val(data.ID);
           $("#txtBankID").val(data.BankID);
           $("#lblBankName").html(data.BankName);
           $("#hdfFalseBankName").val(data.BankName);
           $("#txtAgencyNumber").val(data.AgencyNumber);
           $("#txtAccountNumber").val(data.AccountNumber);
           $("#txtVerifyingDigitAccount").val(data.VerifyingDigitAccount);
           $("#txtCoTitularName").val(data.CoTitularName);
           $("#txtCoTitularNumber").val(data.CoTitularNumber);
           $('#formFields').show('slow');
       },
       error: function() {
           $("div .errorList").html("Ocorreu um erro inesperado.").show();
       }
   });



C# code
Code


       [AcceptVerbs(HttpVerbs.Post)]
       public JsonResult GetAccountByID(FormCollection form)
       {
           var newid = Convert.ToInt32(form["ID"]);
           List<BankAccount> accounts = (List<BankAccount>)Session["BankAccounts"];
           BankAccount account = accounts.Where(s => s.ID == newid).FirstOrDefault();

           return new JsonResult { Data = account };
       }

Go Back To Programming & Development Topic List
Add Reply New Topic New Poll