Learning Javascript Thread - Page 4 - Computer Technical Help

Two Plus Two Forums Other Topics Computer and Technical Help

Learning Javascript Thread

Post Reply Subscribe

...

Page 4 of 5

1 2 3 4 5

Page 4 of 5

1 2 3 4 5

01-06-2013 , 07:44 PM

#76

RICHI8

adept

Join Date: Mar 2006 Posts: 1,108

Two JavaScript programmers walk into a bar and immediately begin arguing with each other. Meanwhile, an Io and a Erlang programmer are sitting next to each other at the bar laughing their asses off.

Quote

$25m Guaranteed WPM on CoinPoker

Join the action now

Daily Rewards • Splash Pots • CoinRaces

01-07-2013 , 08:23 PM

#77

sdturner02

old hand

Join Date: Jul 2010 Posts: 1,230

Haha I just laughed pretty hard at that

Quote

01-12-2013 , 11:46 AM

#78

Draidin

veteran

Join Date: May 2007 Posts: 2,429

Hello Everyone,

Can someone explain what the script should look like for the event "activate" in scrollspy found in Bootstrap here: http://twitter.github.com/bootstrap/...html#scrollspy?

This is the event that highlights the links as you scroll through the content on a page.
I have been searching and trying different scripts but cannot nail it. I am very new to JS.

Thanx if you are able to answer!

Quote

01-13-2013 , 11:58 PM

#79

sdturner02

old hand

Join Date: Jul 2010 Posts: 1,230

Quote:

Originally Posted by Draidin

Well what exactly are you trying to do?

Quote

01-18-2013 , 11:45 PM

#80

suzzer99

Save the Cheerleader, Save the World

Join Date: Nov 2005 Posts: 101,163

It's been years since I bought a programming book. But I usually found the Cookbooks were pretty useful when learning a new language.

Quote

01-22-2013 , 07:04 PM

#81

well named

poorly undertitled

Join Date: Jun 2007 Posts: 78,085

Quote:

Originally Posted by Draidin

$('.navbar li').on('activate', function() { ... });

assuming you have jquery

Quote

02-22-2013 , 09:29 PM

#82

Nchabazam

Pooh-Bah

Join Date: Mar 2008 Posts: 4,938

I want to bump this old flamewar just to point out that having started getting more heavily into JS/JS frameworks the last few weeks, like 1/2 of the tutorials/stackoverflow questions seem to be in coffeescript. I can follow it well enough, but I do need to sit down and learn it, because it seems like it's becoming more widely spread. It also does look simpler and at least for me, less different from ruby/rails.

Also, front end has become way more fun since I started messing around with backbone. It's also fun to structure all my rails controllers/models to be restful APIs, as a bit of a different challenge.

Quote

03-03-2013 , 05:34 PM

#83

RICHI8

adept

Join Date: Mar 2006 Posts: 1,108

Rendering HTML client-side is a challenging, fun and rewarding experience. There are certainly perils that come with it. Testing and performance are two that come to mind.

I'm glad to see you're learning/getting into CoffeeScript, though. A similar framework to Backbone, but written in CoffeeScript, is Spine. I wouldn't recommend using it due to it not being actively maintained, but reading its source code can be quite enlightening.

http://www.spinejs.com/docs/index

Quote

03-03-2013 , 07:26 PM

#84

Shoe Lace

Pooh-Bah

Join Date: Sep 2004 Posts: 3,654

I've been learning and working with Angular lately, I'm really enjoying it. The API is pretty clean, good documentation, not a lot of boilerplate, good run time performance = pretty awesome combo.

Quote

04-30-2013 , 04:49 AM

#85

e i pi

veteran

Join Date: Feb 2010 Posts: 2,230

Code:

var TodoList = Backbone.Collection.extend({

    ...

    remaining: function() {
      return this.without.apply( this, this.completed() );
    },

   ...

TodoList.completed() returns an array, is the bolded line just a quirky javascript way to pass arguments from an array into a function?

Quote

04-30-2013 , 06:51 AM

#86

Nchabazam

Pooh-Bah

Join Date: Mar 2008 Posts: 4,938

Quote:

Originally Posted by Shoe Lace

I've been learning and working with Angular lately, I'm really enjoying it. The API is pretty clean, good documentation, not a lot of boilerplate, good run time performance = pretty awesome combo.

I know this post is months old, but angularjs is awesome. I'm building an app that's getting fairly decent sized at this point with a rails backend... it's really fast, easy to use, and powerful.

I wouldn't call the documentation good though... but there's quite a solid community behind it so stackoverflow and blog posts can get you through most things.

Quote

04-30-2013 , 09:20 AM

#87

suzzer99

Save the Cheerleader, Save the World

Join Date: Nov 2005 Posts: 101,163

Quote:

Originally Posted by e i pi

Code:

var TodoList = Backbone.Collection.extend({

    ...

    remaining: function() {
      return this.without.apply( this, this.completed() );
    },

   ...

TodoList.completed() returns an array, is the bolded line just a quirky javascript way to pass arguments from an array into a function?

The entire array should be passed as an argument. So the apply function would get 2 arguments.

Quote

04-30-2013 , 10:11 AM

#88

e i pi

veteran

Join Date: Feb 2010 Posts: 2,230

right. I was just confused because I think of apply and call as being used to control the value of "this" and seeing it used just to pass in an array of arguments looked odd.

Quote

05-01-2013 , 02:25 PM

#89

Tim Brice

veteran

Join Date: Nov 2006 Posts: 2,961

I have been following the Javascript is Sexy post (too lazy to link). So far, so good. It recommends Professional Javascript if you have any programming knowledge and I would agree with that. It is a good book.

Quote

05-04-2013 , 11:31 AM

#90

Mariogs37

adept

Join Date: May 2012 Posts: 825

Am trying to come up with a medium-level difficulty JS project. Any ideas / inspiration?

Maybe a todo list?

Also, whenever I look up AJAX info I always run into this:

XMLHttpRequest

But when I look up how to incorporate AJAX into Rails, the syntax is totally dif...usually something like:

$.ajax {
:url => '/rankings',
:type => 'get'
:data => 'json'}

Any idea what this is about? It has me pretty confused since it doesn't mention XMLHttpRequest at all...

Quote

05-04-2013 , 11:52 AM

#91

suzzer99

Save the Cheerleader, Save the World

Join Date: Nov 2005 Posts: 101,163

$.ajax is doing an XMLHttpRequest under the covers.

Quote

05-04-2013 , 12:41 PM

#92

Mariogs37

adept

Join Date: May 2012 Posts: 825

ahh

Quote

05-06-2013 , 02:44 PM

#93

e i pi

veteran

Join Date: Feb 2010 Posts: 2,230

backbone question,

Drupal is a bit special and expects some attributes to be in nested arrays like this,

Code:

model_property[und][0][value] = "some model value"

I know there is a .parse method for responses, which I already set up. Is there something like this for requests? Right now I'm fishing around in the .sync method but want to make sure I'm doing this right.

Quote

05-06-2013 , 03:55 PM

#94

suzzer99

Save the Cheerleader, Save the World

Join Date: Nov 2005 Posts: 101,163

Are those really nested sequential arrays or just objects (or a combo)? Can you be a bit more specific as to the problem?

FYI - model_property['something'][0]['somevalue'] is the same as model_property.something[0].somevalue

Quote

05-06-2013 , 06:42 PM

#95

e i pi

veteran

Join Date: Feb 2010 Posts: 2,230

Sorry, I wasn't clear. The property['und'][0]['value'] is on the server side in php.

So on the client side I have a model with attributes like model.title = 'some title', model.content = 'some content'. But on the server side it expects a json object like,

Code:

{
  "title": "some title", 
  "content": {
    "und": [{"value": "some content"}]}
}

I overrode the Backbone.sync with the following modifications to get it working,

from

Code:

    if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {
      params.contentType = 'application/json';
      params.data = JSON.stringify(options.attrs || model.toJSON(options));
    }

Code:

    if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {
      params.contentType = 'application/json';
      var modeldata = model.toJSON(options);  // I added this line
      modeldata.body = {und: [{value: model.body}]};  //and this line
      params.data = JSON.stringify(options.attrs || modeldata); //changed
    }

it works now but I'm curious about best practices. whenever I tried to change the params.data json directly it would fail validation somewhere and cut out my modifications so I copied the object and altered it before turning it to JSON and it seems to work.

I just realized it wasn't failing validation I was just adding properties to a string object. :\

Last edited by e i pi; 05-06-2013 at 06:49 PM. Reason: woops

Quote

05-07-2013 , 05:55 PM

#96

Mariogs37

adept

Join Date: May 2012 Posts: 825

Quote:

Originally Posted by suzzer99

$.ajax is doing an XMLHttpRequest under the covers.

Is there a good source on this? The rails docs kinda suck for how rails implements AJAX...

Quote

05-07-2013 , 08:49 PM

#97

candybar

Pooh-Bah

Join Date: Aug 2011 Posts: 4,375

Quote:

Originally Posted by Mariogs37

Is there a good source on this? The rails docs kinda suck for how rails implements AJAX...

This has nothing to do with rails btw:

http://api.jquery.com/jQuery.ajax/

Quote

05-08-2013 , 12:14 AM

#98

Mariogs37

adept

Join Date: May 2012 Posts: 825

this is perfect, didnt realize it was a subset of jquery for some reason

thanks a ton!

Quote

05-08-2013 , 11:40 AM

#99

Mariogs37

adept

Join Date: May 2012 Posts: 825

So as of right now, I have a JSON object coming back from my AJAX request. I'm trying to use jQuery to append info from this JSON object but, instead of doing that, it simply prints the JSON object to the screen (looks like an array of strings)...

Code:

  $('#rankings_link').click(function(){
    $.ajax({
      dataType: 'json',
      url: '/rankings',
      type: 'get'
    }).done(function(received_data){
      for (var m = 0; m < received_data.length; m++) {
        $('#rankings ol').append('<li>' + received_data[m] + '</li>');
      }
    });
  });

Any idea what the issue is?