I have been searching everywhere to find a solution for connecting
between my contentscript named facebook.js and options.html.
facebook.js
{{{var default_css = "home_filter_list\n{width: 100% !important;
display: block !important; margin: 0px 0px 15px;}\n\n#home_stream\n
{width:auto !important;}";
(function() {
var filterPosition = document.getElementById("#position").value;
switch(filterPosition)
{
case "top":
$("#home_filter_list").insertBefore("#pagelet_reqbox");
var css = default_css;
break;
case "bottom":
$("#home_filter_list").insertAfter("#pagelet_syndicationbox");
var css = default_css;
break;
case "original":
var css = "#home_filter_list\n{display: block !important;}";
break;
default:
alert("hello");
break;
}
})();
// change style of facebook
(function() {
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
}
})();}}}
My options.html page looks like this...
{{{<html>
<head>
<title>Facebook Options</title>
<style>
</style>
<script src="facebook.js" />
<script type="text/javascript">
// Saves options to localStorage.
function save_options() {
var select = document.getElementById("position");
var position = select.children[select.selectedIndex].value;
localStorage["favorite_position"] = position;
// Update status to let user know options were saved.
var status = document.getElementById("status");
status.innerHTML = "Options Saved.";
setTimeout(function() {
status.innerHTML = "";
}, 750);
}
// Restores select box state to saved value from localStorage.
function restore_options() {
var favorite = localStorage["favorite_position"];
if (!favorite) {
return;
}
var select = document.getElementById("position");
for (var i = 0; i < select.children.length; i++) {
var child = select.children[i];
if (child.value == favorite) {
child.selected = "true";
break;
}
}
}
</script>
</head>
<body onload="showDimensions()">
<div id="windowsize"></div>
<div id="position_options">
<p></p>
News Feed Position:
<select id="position">
<option disabled="disabled">Left</option>
<option value="original">Original</option>
<option disabled="disabled">Right</option>
<option value="top">Top</option>
<option value="bottom" selected>Bottom</option>
</select>
</div>
<br>
<button onclick="save_options()">Save</button>
</body>
</html>}}}
Any ideas would be greatly appreciated
--
You received this message because you are subscribed to the Google Groups
"Chromium-extensions" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/chromium-extensions?hl=en.
