Skip to content

Instantly share code, notes, and snippets.

@tmeasday

tmeasday/index.html

Created May 17, 2012 06:02
Show Gist options
  • Save tmeasday/2716855 to your computer and use it in GitHub Desktop.
Save tmeasday/2716855 to your computer and use it in GitHub Desktop.
Download ZIP
Template code that triggers meteor #142
Raw
index.html
<head>
<title>Sport Grid</title>
</head>
<body>
{{> screens }}
</body>
<template name="screens">
<div class="container {{ visible_page }}">
<h1>Showing page: {{ visible_page }}</h1>
{{> home }}
{{> teams }}
</div>
</template>
<template name="home">
<div class="home">
<form class="create_team">
<input name="team[name]" placeholder="Your team name"></input>
</form>
</div>
</template>
<template name="teams">
<div class="teams">
{{> team_builder }}
</div>
</template>
<template name="team_builder">
<form class="team_builder">
<input name="team[name]" placeholder="Team name"></input>
</form>
</template>
Raw
index.js
if (Meteor.is_client) {
Session.set('visible_page', 'first');
Template.screens.visible_page = function() { return Session.get('visible_page') || 'home'; }
Meteor.startup(function() {
setTimeout(function() {
Session.set('visible_page', 'second')
}, 500);
setTimeout(function() {
Session.set('visible_page', 'third')
}, 1000);
})
}
@Avaq
Copy link

Avaq commented May 23, 2012

Hello, I don't know if this has anything to with the error, but I happened to notice. The Meteor documentation on timers discourages the use of JavaScript's native setTimeout.

You'll get an error if you call the native function.

It is suggested you use Meteor.setTimeout instead.

@tmeasday
Copy link
Author

Thanks for the tip! I'll remember that.. My original code didn't use timeouts however, I was just trying to simulate the behaviour of the Facebook API I was using.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment