Help with crazy simple options page

**RubberBiscuit** · 06-09-2010, 01:26 AM

I've been looking around all over the web trying to get an options page working.. It's really driving me crazy. I finally found a Chrome extension forum and here I am. I have this as the options.html page:

<html>
<head>
<title>Feed Options</title>
<script type="text/javascript" src="options.js"></script>
</head>
<body onload="loadOptions()">
<h1>Select your Feed.</h1>
<select id="feed">
<option value="theoatmeal">TheOatmeal</option>
<option value="twitter">Twitter</option>
</select>
<br />
<button onclick="saveOptions()">Save</button>
<br />
<button onclick="eraseOptions()">Restore default</button>
</body>
</html>

Sorry I forgot the tag for putting that in a box.. It's fairly short so no harm should be done.

Anyways, I need help with options.js. I'm a newbie to JavaScript, but this shouldn't be hard.

Whenever you go to the options page and select 'Twitter' for example, I need it to display "popup2.html" instead of the default "popup.html"..

-Jared

**Waha** · 06-10-2010, 10:29 AM

Well you haven't shared any information on your extension or manifest or anything so no one can really help you.
An options page is nothing by itself.

**RubberBiscuit** · 06-10-2010, 08:57 PM

Here's my extension: https://chrome.google.com/extensions...fgalhbfdgmefi# It's a simple RSS reader.

Manifest.json:

{
"name": "TheOatmeal Update Extension",
"version": "1.2",
"description": "Recent posts on TheOatmeal.",
"icons": { "128": "icon128.png" },
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
},
"permissions": [
"http://theoatmeal.com/"
]
}
--------------------------------------------------------------------------------------
popup.html:

<style>
body {
background-image:url('theoatmeal.png');
background-repeat:no-repeat;
background-position:right bottom;
min-width:400px;
overflow-x:hidden;
background-color:#efefef;
}
</style>
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftheoatmeal.com%2Ffeed%2Frss&chan=y&num=4&date=y&targ=y& amp;utf=y" type="text/javascript"></script>

<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftheoatmeal.com%2Ffeed%2Frss&chan=y&num=4&date=y&targ=y& amp;utf=y&html=y">View RSS feed</a>
</noscript>
------------------------------------------------------------------------
popup2.html:

<style>
body {
background-image:url('twitter.png');
background-repeat:no-repeat;
background-position:right bottom;
min-width:400px;
overflow-x:hidden;
background-color:#efefef;
}
</style>

<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftwitter.com%2Fstatuses%2Fuser_timeline%2F4519121.rss&chan=title&amp ;num=4&date=y&utf=y" type="text/javascript"></script>

<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftwitter.com%2Fstatuses%2Fuser_timeline%2F4519121.rss&chan=title&amp ;num=4&date=y&utf=y&html=y">View RSS feed</a>
</noscript>
--------------------------------

If I switch the popup in the manifest to 'popup2.html', it does what it's supposed to.

On the options page I'm trying to add the selection so people can view the site's feed OR the twitter feed..

**Waha** · 06-11-2010, 01:17 AM

You can change what the popup page is with the chrome.browserAction.setPopup function.
For managing the options, I'd suggest having a Background Page that manages/applies them, and making your options page tell the Background Page the changes made when the user makes them. That way the BGP can apply the popup change and you'll have all the saving/loading of options in one file in case you need to change anything.
You could also have a JS file they both include to achieve the same thing I guess. :T Whichever you like more.

LinkBack

Thread Tools

Display

Help with crazy simple options page

Similar Threads

No options on some extensions

Lost options

New "Simple New Tab Page" ?

Extension options - Now possible ?

[Bookmarklet] Crazy effect on Google Images

Posting Permissions