Javascript questions which don't deserve their own thread.

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > Javascript questions which don't deserve their own thread.

«‹›277 »

Jabor: Jul 16, 2010; #1 Loser at SpaceChem

code:

$.ajax(settings).done(function(result)

You're using an anonymous function as the callback for your AJAX request. That function will have its own value of this, determined when that function is actually called.

Assuming you only need to handle modern browsers, the best way to work around that is to use Function.bind:

code:

function (whatever) {
  // code...
}.bind(this)

Using bind "locks in" the value of this for that function, so that no matter where it's called, the value of this inside the function will be whatever was passed as the first parameter to bind.

# ? Sep 29, 2013 14:02

Adbot: ADBOT LOVES YOU

# ? May 15, 2024 23:13

Suspicious Dish: Sep 24, 2011; 2020 is the year of linux on the desktop, bro; Fun Shoe

this is surprisingly simple. It's based on how the function is called, rather than where it's created:

o.f(); will have this being o.
f(); will have this being the global object without strict mode and null in strict mode.

Future versions of JS will have a lexically scoped this, and method closures.

# ? Sep 29, 2013 14:12

o.m. 94: Nov 23, 2009

Thanks all, that makes sense.

# ? Sep 29, 2013 14:28

Wheany: Mar 17, 2006; Spinya^{ha^{ha^haha}ha}ha_{ha_{ha_haha}ha}ha!; Doctor Rope

You can also explicitly set this by using function.call or function.apply

Probably my most abused pattern is

JavaScript code:

var posts = document.querySelectorAll('.post'); // This might contain all posts on a messageboard.

// posts is actually a NodeList, not an Array, but it looks enough like an array for the following to work

// explicitly sets "this" to "posts" by using the first argument of Function.call
Array.prototype.forEach.call(posts, function (post) {
	post.style.background = 'magenta';
});

# ? Sep 29, 2013 15:44

peepsalot: Apr 24, 2007; ��PEEP THIS...
��BITCH!

I usually just write constructor functions for my objects with methods, and in the constructor, I cache this:

code:

var that = this;

Then you can use "that" in all the methods that you want to.

# ? Sep 29, 2013 18:05

Dolex: May 5, 2001

Nitpicking:

code:

 var self = this

...is a better style and is used more often in production code. Also, make sure you are assigning 'this' to 'self' only once, and using only 'self' from there on.

# ? Sep 29, 2013 18:30

DholmbladRU: May 4, 2006

Looking to use .draggable to rearrange some divs on the page. I would like it to snap into place and then have the other elements rearrange themselves around it. Not really sure how to approach this. I was able to get things .draggable() pretty easily as its one line of Jquery. Not really sure where to go after that.

sample.

code:

 <form id="demo-upload" class="dropzone dz-clickable dz-started" action="http://www.torrentplease.com/dropzone.php">
    <div class="dz-default dz-message">
    <div class="dz-preview dz-processing dz-image-preview dz-error" onclick="myFunction()">
    <div class="dz-preview dz-processing dz-image-preview dz-error" onclick="myFunction()">
    </div>
    </form>


    function moveDiv(div){
    console.log('clicked');
      $(div).draggable({ grid: [ 20,20 ] });
    }

DholmbladRU fucked around with this message at 02:57 on Sep 30, 2013

# ? Sep 29, 2013 19:11

Stoph: Mar 19, 2006; Give a hug - save a life.

Dolex posted:

Nitpicking:
code:
 var self = this 
...is a better style and is used more often in production code. Also, make sure you are assigning 'this' to 'self' only once, and using only 'self' from there on.

I prefer the "CoffeeScript style":

code:

 var instance = this;

The variable global variable self is an alias for window in most browsers, which is why I don't recommend using it.

# ? Sep 30, 2013 17:25

BexGu: Jan 9, 2004; This fucking day....

So I'm trying to use the YUI compressor (http://yui.github.io/yuicompressor/) to term down a bunch of my projects .js files. Everything is working fine except for one file, datepicker.js (DatePicker v6a MIT/GPL2 @freqdec). Basically the YUI compressor is bombing out on this line

code:

// Sets a tabindex attribute on an element, bends over for IE.
373:        function setTabIndex(e, i) {
374:	    	e.setAttribute(!/*@cc_on!@*/false ? "tabIndex" : "tabindex", i);
375:       	e.tabIndex = i;                        
376:        };

with the error

[ERROR] in datepicker.js
374:50:missing ) after argument ist
[ERROR] in datepicker.js
1:0:Compilation produced 1 syntax errros

Now I know that this is

code:

false ? "tabIndex" : "tabindex"

jquery shorthand but does any one know what the long form of that line would look like? I'm running multiple files through the YUI compressor and would like to avoid making a exception for just that one file.

# ? Oct 1, 2013 19:21

5TonsOfFlax: Aug 31, 2001

That is not jquery shorthand. That is a ternary statement, and is part of javascript.

It's a short way of writing an if-else. And a retarded one at that, since the condition is false. I don't know what the inline comment is. It looks like some sort of directive for a third party code processor.

code:

if (false){
  e.setAttribute("tabIndex", i);
else {
  e.setAttribute("tabindex", i);
}

The only difference appears to be the capitalization of tabIndex. And since the condition is false, it will always use the lowercase version.

# ? Oct 1, 2013 19:48

Suspicious Dish: Sep 24, 2011; 2020 is the year of linux on the desktop, bro; Fun Shoe

You missed the ! symbol before the comment. And IE processes those comments. So under IE it's !!false, and other browsers it's !false.

http://en.wikipedia.org/wiki/Conditional_comment#Conditional_comments_in_JScript

# ? Oct 1, 2013 19:51

5TonsOfFlax: Aug 31, 2001

I did miss the initial !.

I've said it before, and I'll say it again: gently caress IE.

# ? Oct 1, 2013 19:55

spiritual bypass: Feb 19, 2008; Grimey Drawer

It's convenient to blame IE, but code that looks so awkward should be reconsidered!

# ? Oct 1, 2013 20:47

BexGu: Jan 9, 2004; This fucking day....

Cool, thanks guys. That really helped figure out what the hell that line of code was doing.

# ? Oct 1, 2013 23:04

Fuck them: Jan 21, 2011; and their bullshit

I've got an interesting little knockout nut to crack and I'm wondering the best practice for this situation.

Basically, I have a whole bunch of checkboxes which are all watching a ko.computed to see if the observableArray which contains checked selections from all of them has reached a length of three. If so, they all disable, since the business rule is that up to 3 checkboxes can be selected.

The problem with that is it just disables all of them, even the ones already selected, so the user can't change selections. I need to leave checked checkboxes enabled.

So, I need to see if the given checkbox is checked or not, and if it isn't, to then check if the observableArray of checked box values has reached a count of 3, and if that's true, to then disable itself.

So, does this mean just in-lining stuff in the data-bind? I'm not quite sure of the syntax for "am I checked?" so I'm still in the pounding google stage.

EDIT: Just found $element in the documentation. Now I just need to find out how to ask "am I clicked or not."

Fuck them fucked around with this message at 15:50 on Oct 3, 2013

# ? Oct 3, 2013 15:40

Video Nasty: Jun 17, 2003

Does Knockout allow you to utilize pseudo-selectors like :checked ?

# ? Oct 3, 2013 16:16

Fuck them: Jan 21, 2011; and their bullshit

The solution was simple after I stopped over-thinking it:

code:

enable: $element.checked ? true : $parent.ContactEnabled

Basically, if the element is checked, keep it enabled; if it's not yet clicked and enough options were selected that my ContactEnabled computable returns false, disable the checkbox.

# ? Oct 3, 2013 18:47

bobua: Mar 23, 2003; I'd trade it all for just a little more.

X-post from the web thread, didn't see this thread until someone mentioned it.

Node.js/express question, hope this is the right place.

In app.js:

code:

app.get('/', routes.index);
app.get('/users', user.list);

In the routes folder, there is an index.js, and a user.js file. In user.js, there is an exports.list function. I assume line 2 from above calls the file user.js, and the exports.list function. What confuses me is that index.js has an exports.index function... So if the generated code wasn't already there, I would think I would need to do something like

code:

app.get('/', routes.index.index);

instead. or add a

code:

var index = require('./routes/index');

line, which isn't there...(although there is a routes var that points at the routes folder.

My only guess is that maybe index is a special case, and get's called automatically? The documentation and tutorials on all of this has been terrible:(

# ? Oct 3, 2013 19:53

Mogomra: Nov 5, 2005; simply having a wonderful time

bobua posted:

Node.js/express question, hope this is the right place.

If you're using the standard express layout that it provides for you when you use the command line generator, it should require('./routes'); or something like that at the top of app.js.

code:

var routes = require("./routes");

This will include the index.js file in the routes folder that was generated. If there's a user.js file in there as well, you would have to add:

code:

var userRoutes = require("./routes/user.js");

to app.js and reference it like:

code:

app.get("/users", userRoutes.list);

Alternatively, you could edit /routes/index.js to do something like:

code:

exports.user = require("./user.js");

and then reference it in app.js like:

code:

app.get("/users", routes.user.list);

The documentation for this stuff can be found here.

# ? Oct 3, 2013 21:27

bobua: Mar 23, 2003; I'd trade it all for just a little more.

Auh, from your link...

If there is no package.json file present in the directory, then node will attempt to load an index.js or index.node file out of that directory.

Makes sense. I don't know javascript or web stuff, jumping in blind, so everything I was googling was 'express documentation,' didn't realize this was more about node.js. Thanks.

# ? Oct 3, 2013 21:48

minidracula: Dec 22, 2007; boo woo boo

I'm essentially modern JavaScript-stupid, but I'm trying to use and abuse jQuery Knob as a sort of speedometer readout. I have a knob specified like so (line breaks added to not break tables):

code:

<input class="knob" data-min="0" data-max="1000" data-angleOffset=-125 data-angleArc=250 data-width="700"
data-height="700" data-thickness=".3" data-readOnly=true>

I'd like to wire this up to a JSON-emitting endpoint I've thrown together in some back-end Python code; basically I call /foo and it returns something like:

code:

{
    "data": [
        "19220", 
        ""
    ]
}

or sometimes (if a request to the /foo endpoint hasn't happened in a while)

code:

{
    "data": [
        "9978", 
        "27162", 
        "20946", 
        "16281", 
        "23178", 
        ""
    ]
}

If I trigger a fetch from the endpoint every second or so, I should see the first case almost all the time.

(Yes I know this is crap code, it's totally a first cut bodged together kludge.)

Any ideas? Seems like the jQuery Knob demo page has a fancy clock, which I can see how he did from the source with a simple clock() function, but jamming JSON values in on update is beyond my feeble JS comprehension at the moment (clearly something I need to work on -- I can no longer get by ignoring JS and web-based GUIs).

# ? Oct 4, 2013 16:34

Tres Burritos: Sep 3, 2009

So I discovered Three.js a little bit ago and I fukkin' love it despite the fact that I'm not the biggest fan of JavaScript. One of the bad things about Three.js is that the documentation is a teeny bit inconsistent.

To that end I've decided to start contributing to it on Github (babbys first Github contribution on a "big" project). The main thing that's been bugging the poo poo out of me is that the constructors sometimes don't list if an argument is optional.

So I've run into two (as of now) different ways that people are handling optional arguments. One is

code:

THREE.Clock = function ( autoStart ) {
	this.autoStart = ( autoStart !== undefined ) ? autoStart : true;
}

The other is

code:

THREE.Raycaster = function ( origin, direction, near, far ) {
	this.ray = new THREE.Ray( origin, direction );
	this.near = near || 0;
	this.far = far || Infinity;
};

That second one seems ... wrong. I'm following the first one, but not the second one. Could someone walk me through the differences / what's going on?

# ? Oct 5, 2013 22:39

peepsalot: Apr 24, 2007; ��PEEP THIS...
��BITCH!

Tres Burritos posted:

So I discovered Three.js a little bit ago and I fukkin' love it despite the fact that I'm not the biggest fan of JavaScript. One of the bad things about Three.js is that the documentation is a teeny bit inconsistent.

To that end I've decided to start contributing to it on Github (babbys first Github contribution on a "big" project). The main thing that's been bugging the poo poo out of me is that the constructors sometimes don't list if an argument is optional.

So I've run into two (as of now) different ways that people are handling optional arguments. One is
code:
THREE.Clock = function ( autoStart ) {
	this.autoStart = ( autoStart !== undefined ) ? autoStart : true;
}
The other is
code:
THREE.Raycaster = function ( origin, direction, near, far ) {
	this.ray = new THREE.Ray( origin, direction );
	this.near = near || 0;
	this.far = far || Infinity;
};	
That second one seems ... wrong. I'm following the first one, but not the second one. Could someone walk me through the differences / what's going on?

Type coercion and short-circuit evaluation.

When you try to evaluate a variable in a conditional or logical operator, javascript considers the value "falsy" if it is: false, 0, "", NaN, null, or undefined
All other values are considered "truthy".

The short circuit evaluation means that when evaluating expressions with logical operators, if the first operand gives you the answer then you don't need to evaluate the second one. So if variable x is truthy in "x || y" then no matter what y is, we know the expression will be true, so we return x. If x is falsy then the value of the expression depends entirely on y, so return y. Similarly if the first operand in a && operation is false, then the whole expression must be false.
Just remember that || and && don't necessarily return an actual boolean, they return the value of the left or right operand.

# ? Oct 6, 2013 00:34

Tres Burritos: Sep 3, 2009

peepsalot posted:

Wisdom

Appreciate it man.

# ? Oct 6, 2013 02:16

excidium: Oct 24, 2004; Tambahawk Soars

I'm using Angular to work on a proof of concept for a work side project and have some questions I need some help with. Right now I'm trying to make a generic controller that will handle any number of different data items without having to specifically create controller logic to call them out. Right now my controller basically only gets a stubbed JSON response (will be replaced by a real call if I can get this prototype working) that is then used to display the data on the page (very simple). This works fine for your standard 2 way data binding and getting all of the content on the page, but in order to utilize something additionally like the ngTable directive or the ngGrid to better display some page content, I'm looking at having to write specific code in my controller.

So my question is, is there a way that I can look at my data returned from my JSON call and check to see if there are any items that are an array and have a parameter such as "use-grid": true, and then dynamically display those on the page without writing specific controller logic? Basically, check for any array that has a properties object that can then be used as the settings for my ngTable and have my controller iterate through all of the JSON to find these.

For reference, here's the code that's required to use the ngTable.

code:

    $scope.tableParams = new ngTableParams({
        page: 1,            // show first page
        total: data.length, // length of data
        count: 10           // count per page
    });

Full link here: http://esvit.github.io/ng-table/#!/demo1

# ? Oct 8, 2013 15:52

Fox1: Apr 30, 2004; by Fluffdaddy

I have a programming assignment and I'm not sure where to start although I'm sure it will require JS at some point so I figured I'd post here, I need to create a webpage that displays a table like this
http://imgur.com/cbgRmnW
the user should then be able to upload an xml file on the page that contains programming information to fill the table up like this
http://imgur.com/RQJal42

My questions:

* What libraries, if any could help me create this?

* How do I create a table that can be filled so dynamically, in the xml file if a programme is specified as finishing at an odd time like 5:47 how do we create a table that can be filled with cells that start/finish anywhere?

* The new cells that are added need to also be clickable and bring up a small info popup over the table, how could this be implemented.

I code in C++ mainly so this web stuff is a little alien to me although I obviously grasp the concepts quickly and am ready to learn. Any ideas?

# ? Oct 9, 2013 14:43

Suspicious Dish: Sep 24, 2011; 2020 is the year of linux on the desktop, bro; Fun Shoe

Try creating that layout with just some static HTML and fake data using the <table> tag. That should give you an idea about what to do, first. Then look at generating it.

(You don't need JavaScript, except for the popup at the end, FYI)

# ? Oct 9, 2013 15:31

Munkeymon: Aug 14, 2003; Motherfucker's got an
armor-piercing crowbar! Rigoddamndicu𝜆ous.

Fox1 posted:

I have a programming assignment and I'm not sure where to start although I'm sure it will require JS at some point so I figured I'd post here, I need to create a webpage that displays a table like this
http://imgur.com/cbgRmnW
the user should then be able to upload an xml file on the page that contains programming information to fill the table up like this
http://imgur.com/RQJal42

My questions:

* What libraries, if any could help me create this?

* How do I create a table that can be filled so dynamically, in the xml file if a programme is specified as finishing at an odd time like 5:47 how do we create a table that can be filled with cells that start/finish anywhere?

* The new cells that are added need to also be clickable and bring up a small info popup over the table, how could this be implemented.

I code in C++ mainly so this web stuff is a little alien to me although I obviously grasp the concepts quickly and am ready to learn. Any ideas?

jQuery and the templating library of your choice. Angular seems popular, but I haven't used it. I have used Knockout and liked it for the most part. jQuery will help you parse the XML that you could potentially read using the file system API if you don't mind not supporting about 65% of all users. If that's not acceptable, you're going to have to store the XML server-side somehow.

You probably skip the whole <table> structure and use <div>s with percentage-based widths instead. Table layouts start to suck pretty quickly as soon as you want to do fancy things with them. Ask in the design and development thread about getting the layout right. There are some guys there who are crazy good at CSS.

jQuery UI has a simple modal dialog widget you could use.

# ? Oct 9, 2013 15:40

Suspicious Dish: Sep 24, 2011; 2020 is the year of linux on the desktop, bro; Fun Shoe

None of the above advice is correct. Please ignore it.

Munkeymon posted:

jQuery and the templating library of your choice. Angular seems popular, but I haven't used it. I have used Knockout and liked it for the most part. jQuery will help you parse the XML that you could potentially read using the file system API if you don't mind not supporting about 65% of all users. If that's not acceptable, you're going to have to store the XML server-side somehow.

He does not need a templating library. I'm assuming that the professor wanted him to generate HTML on the server-side from a simple XML file, but he's best to go back to the professor and asking what he wanted.

Munkeymon posted:

You probably skip the whole <table> structure and use <div>s with percentage-based widths instead. Table layouts start to suck pretty quickly as soon as you want to do fancy things with them. Ask in the design and development thread about getting the layout right. There are some guys there who are crazy good at CSS.

What the gently caress is this? He wants to build a time table. That's *exactly* what <table> is for!

# ? Oct 9, 2013 15:45

geera: May 20, 2003

Munkeymon posted:

jQuery and the templating library of your choice. Angular seems popular, but I haven't used it. I have used Knockout and liked it for the most part. jQuery will help you parse the XML that you could potentially read using the file system API if you don't mind not supporting about 65% of all users. If that's not acceptable, you're going to have to store the XML server-side somehow.

You probably skip the whole <table> structure and use <div>s with percentage-based widths instead. Table layouts start to suck pretty quickly as soon as you want to do fancy things with them. Ask in the design and development thread about getting the layout right. There are some guys there who are crazy good at CSS.

jQuery UI has a simple modal dialog widget you could use.

There is no finer example of suggesting a hammer to swat a fly than this post.

Table tags are for tabular data, which is exactly what you want to display. Throw these extremely overcomplicated suggestions out the window and read up on basic HTML.

# ? Oct 9, 2013 18:09

Munkeymon: Aug 14, 2003; Motherfucker's got an
armor-piercing crowbar! Rigoddamndicu𝜆ous.

Suspicious Dish posted:

None of the above advice is correct. Please ignore it.

He does not need a templating library. I'm assuming that the professor wanted him to generate HTML on the server-side from a simple XML file, but he's best to go back to the professor and asking what he wanted.

I guess I jumped to the conclusion that it was supposed to be a single page app :shrug:

quote:

What the gently caress is this? He wants to build a time table. That's *exactly* what <table> is for!

It looked from the images like he wanted the cells to break out of the columns, which would be more annoying to get working with a table than with divs.

# ? Oct 9, 2013 18:29

kedo: Nov 27, 2007

Munkeymon posted:

It looked from the images like he wanted the cells to break out of the columns, which would be more annoying to get working with a table than with divs.

code:

colspan="#"

# ? Oct 9, 2013 18:32

Munkeymon: Aug 14, 2003; Motherfucker's got an
armor-piercing crowbar! Rigoddamndicu𝜆ous.

kedo posted:

code:

colspan="#"

I said "break out of" not "span". I'm thinking about representing a run_time mod column_time != 0 situation. It's not uncommon in real-life TV listings, which is probably why I was convinced it'd be a requirement.

E: so, yeah, if it's not meant to be applicable to the real world, use a table because that's easier.

Munkeymon fucked around with this message at 18:41 on Oct 9, 2013

# ? Oct 9, 2013 18:37

peepsalot: Apr 24, 2007; ��PEEP THIS...
��BITCH!

Munkeymon posted:

I said "break out of" not "span". I'm thinking about representing a run_time mod column_time != 0 situation. It's not uncommon in real-life TV listings, which is probably why I was convinced it'd be a requirement.

E: so, yeah, if it's not meant to be applicable to the real world, use a table because that's easier.

If you really wanted you could just make 1 column represent 5 minutes or something. Have headers with colspan=6 for every half hour.

# ? Oct 9, 2013 18:58

Ethereal: Mar 8, 2003

peepsalot posted:

Type coercion and short-circuit evaluation.

When you try to evaluate a variable in a conditional or logical operator, javascript considers the value "falsy" if it is: false, 0, "", NaN, null, or undefined
All other values are considered "truthy".

The short circuit evaluation means that when evaluating expressions with logical operators, if the first operand gives you the answer then you don't need to evaluate the second one. So if variable x is truthy in "x || y" then no matter what y is, we know the expression will be true, so we return x. If x is falsy then the value of the expression depends entirely on y, so return y. Similarly if the first operand in a && operation is false, then the whole expression must be false.
Just remember that || and && don't necessarily return an actual boolean, they return the value of the left or right operand.

Tres Burritos posted:

So I discovered Three.js a little bit ago and I fukkin' love it despite the fact that I'm not the biggest fan of JavaScript. One of the bad things about Three.js is that the documentation is a teeny bit inconsistent.

To that end I've decided to start contributing to it on Github (babbys first Github contribution on a "big" project). The main thing that's been bugging the poo poo out of me is that the constructors sometimes don't list if an argument is optional.

So I've run into two (as of now) different ways that people are handling optional arguments. One is
code:
THREE.Clock = function ( autoStart ) {
	this.autoStart = ( autoStart !== undefined ) ? autoStart : true;
}
The other is
code:
THREE.Raycaster = function ( origin, direction, near, far ) {
	this.ray = new THREE.Ray( origin, direction );
	this.near = near || 0;
	this.far = far || Infinity;
};	
That second one seems ... wrong. I'm following the first one, but not the second one. Could someone walk me through the differences / what's going on?

To expand on your two examples, the first one is done that way because autoStart could be defined with a value of true or false, or it could be undefined and you just want to default to true. If you used short circuit evaluation then autoStart would always be true.

The example

autoStart = autoStart || true

Could have the following values
autoStart = true || true // evaluates to true
autoStart = false || true // evaluates to true incorrectly
autoStart = undefined || true // evaluates to true

In your second example, if you wanted to default this.near to -1 if it was undefined and allow 0 as an input value, then you would have to use the first way of defaulting instead.

# ? Oct 10, 2013 06:22

Osmosisch: Sep 9, 2007; I shall make everyone look like me! Then when they trick each other, they will say "oh that Coyote, he is the smartest one, he can even trick the great Coyote."; Grimey Drawer

Hi guys, does anyone here have any advice on this question about dynamic routing in angularjs?

the long and short of it is that we're trying to pass information around between nested controllers via routing, but it doesn't appear to be working because ng-view has its own $scope.

http://stackoverflow.com/questions/19295904/dynamic-routing-with-dynamic-controllers-in-angularjs

Any tips are appreciated.

# ? Oct 10, 2013 13:44

Thermopyle: Jul 1, 2003; ...the stupid are cocksure while the intelligent are full of doubt. �Bertrand Russell

Speaking of angularjs, I'm just now working through the official tutorial and...am I alone in thinking this is a terrible piece of documentation? (maybe I'm just a terrible tutorial reader)

I mean, they just drop new stuff in there all the time with no clear explanation. Take, for example, step-11. They make a Phone resource and use several methods on it with no explanation of where they came from. I mean, I figured it out because I'm awesome, but judging by the comments on nearly every page the tutorial, it's just a bad bit of teaching material.

Any other introductory Angular reading I should use instead of (or in addition to) this piece of poo poo?

# ? Oct 12, 2013 16:32

piratepilates: Mar 28, 2004; So I will learn to live with it. Because I can live with it. I can live with it.

Thermopyle posted:

Speaking of angularjs, I'm just now working through the official tutorial and...am I alone in thinking this is a terrible piece of documentation? (maybe I'm just a terrible tutorial reader)

I mean, they just drop new stuff in there all the time with no clear explanation. Take, for example, step-11. They make a Phone resource and use several methods on it with no explanation of where they came from. I mean, I figured it out because I'm awesome, but judging by the comments on nearly every page the tutorial, it's just a bad bit of teaching material.

Any other introductory Angular reading I should use instead of (or in addition to) this piece of poo poo?

That's a pretty widely held opinion, the best thing to do is try to google around and find blogs that cover the same stuff that you want to do, or read through the source code and figure it out that way (someone I was talking to recently said he did that).

# ? Oct 12, 2013 16:37

Quebec Bagnet: Apr 28, 2009; mess with the honk
you get the bonk; Lipstick Apathy

The Angular documentation is horrific. The only reason I put up with it was because I was getting paid.

# ? Oct 12, 2013 16:49

Adbot: ADBOT LOVES YOU

# ? May 15, 2024 23:13

Wheany: Mar 17, 2006; Spinya^{ha^{ha^haha}ha}ha_{ha_{ha_haha}ha}ha!; Doctor Rope

peepsalot posted:

If you really wanted you could just make 1 column represent 5 minutes or something. Have headers with colspan=6 for every half hour.

Or just have 1 column represent 1 minute.

HTML code:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Bond</title>
		<style>
			table, td, th {
				border: 1px solid black;
			}
			th {
				background: silver;
			}
		</style>
	</head>
	<body>
		<table>
		<tr>
			<th>Channel</th>
			<th colspan="60">9 AM</th>
			<th colspan="60">10 AM</th>
			<th colspan="60">11 AM</th>
			<th colspan="60">12 PM</th>
			<th colspan="60">1 PM</th>
			<th colspan="60">2 PM</th>
			<th colspan="60">3 PM</th>
		</tr>
		<tr>
			<th>Sean Connery</th>
			<td colspan="120">Dr No</td>
			<td colspan="150">Thunderball</td>
			<td colspan="150">&nbsp;</td>
		</tr>
		<tr>
			<th>Roger Moore</th>
			<td colspan="150">Ballraker</td>
			<td colspan="270">&nbsp;</td>
		</tr>
		</table>
	</body>
</html>

Wheany fucked around with this message at 18:47 on Oct 12, 2013

# ? Oct 12, 2013 18:45

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > Javascript questions which don't deserve their own thread.

«‹›277 »