options.js

var list = document.getElementById('demo');

function changeText2() {
    var firstname = document.getElementById('firstname').value;
    document.getElementById('boldStuff2').innerHTML = firstname;
    var entry = document.createElement('li');
    entry.appendChild(document.createTextNode(firstname));
    list.appendChild(entry);
}

function deleteOption(theSel, theIndex)
{ 
  var selLength = theSel.length;
  if(selLength>0)
  {
    theSel.options[theIndex] = null;
  }
}

function moveOptions(theSelFrom, theSelTo)
{
  
  var selLength = theSelFrom.length;
  var selectedText = new Array();
  var selectedValues = new Array();
  var selectedCount = 0;
  
  var i;
  
  // Find the selected Options in reverse order
  // and delete them from the 'from' Select.
  for(i=selLength-1; i>=0; i--)
  {
    if(theSelFrom.options[i].selected)
    {
      selectedText[selectedCount] = theSelFrom.options[i].text;
      selectedValues[selectedCount] = theSelFrom.options[i].value;
      deleteOption(theSelFrom, i);
      selectedCount++;
    }
  }
  
  // Add the selected text/values in reverse order.
  // This will add the Options to the 'to' Select
  // in the same order as they were in the 'from' Select.
  for(i=selectedCount-1; i>=0; i--)
  {
    addOption(theSelTo, selectedText[i], selectedValues[i]);
  }
  
  if(NS4) history.go(0);
}

function loadOptions() {
    var textAreaId = "blockedURLs";
    var strUrl = getBlockedURLs(function(result) {
      console.log(result);
      document.getElementById(textAreaId).value = result.join(',');
    });
    // var e = document.getElementById("urls");
    // var strUser = e.options[e.selectedIndex].text;
    /*if (typeof(Storage) !== "undefined") {
      document.getElementById('urls').innerHTML = localStorage.getItem('urls');
    } else {
      document.getElementById('urls').innerHTML = "Sorry, your browser does not support Web Storage...";
    }
    //var currentURl = localStorage["urls"];
    // valid colors are red, blue, green and yellow
    if (currentURL == undefined || (currentURL != "www.facebook.com" && currentURL != "www.exchange.jacobs-university.de" && currentURL != "www.twitter.com" && currentURL != "www.youtube.com")) {
        currentURL = defaultURL;
    }
    var select = document.getElementById("urls");
    for (var i = 0; i < select.children.length; i++) {
        var child = select.children[i];
            if (child.value == currentURL) {
            child.selected = "true";
            break;
        }
    }*/
}

function getBlockedURLs(callback) {
    var options = {};
    chrome.storage.local.get(function(items) {
      options = items;
        
    });
    var out = [];
    setTimeout(function() {
        if ((typeof options['blockedURLs']) != "undefined")  {
          out = options['blockedURLs'];
        }
        callback(out);
    }, 100);
}

function setBlockedURLs(urls) {
    var options = {};
    options['blockedURLs'] = urls;
    chrome.storage.local.set({'blockedURLs':urls});
}

function saveBlockedURLs() {
    var textAreaId = "blockedURLs";
    var urls = document.getElementById(textAreaId).value.split(',');
    setBlockedURLs(urls);
}

window.addEventListener('load', loadOptions);
document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('saveUrls').addEventListener('click', saveBlockedURLs);
});