Home/ Questions/Q 6328093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T17:23:51+00:00

This is a javascript meant to be a part of chrome extension. It should

  • 0

This is a javascript meant to be a part of chrome extension. It should print out id when I press the add button.
What it does, though, is I have to press add TWICE to have the id appended where I want it to ( I use this instead of alert)
When debugging, it says that bookmarkBarID is undefined… I suppose this is the error but I dont know how to fix it. Please help
here is the whole code:

<!doctype html>
<html>
    <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
var bookmarkBarID;
function getBM(){
chrome.bookmarks.getTree(function(tree){ 
bookmarkBarID=tree[0].children[0];
}); 
}



function CreateNewItem()
{
$('#submit').click(function (){
getBM()
console.log(bookmarkBarID);
$('.bookmark').append(bookmarkBarID.id);
})
}

    </script>
    </head>
<body onload="CreateNewItem();" style="width:1200px">
<div class="bookmark"></div>
  <input type="text" value="enter url here" id = 'urlLink' />
  <input type="text" value="enter Name title" id='linkName'/>
  <input type="text" value="" id='folderName' />
  <div><button id="submit">Add</button></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    chrome.bookmarks.getTree is an asynchronous function, which means that it runs at the same time as your other code. The function finishes after the rest of your code executes. To use the function’s results, you need to give a callback function that will be called with the results. In this case, you need to move $('.bookmark').append(bookmarkBarID.id); into the callback function:

    function getBM(){
chrome.bookmarks.getTree(function(tree){ 
bookmarkBarID=tree[0].children[0];
console.log(bookmarkBarID);
$('.bookmark').append(bookmarkBarID.id);
}); 
}



function CreateNewItem()
{
$('#submit').click(function (){
getBM();
})
}

    Note: you should use $(document).ready(CreateNewItem); instead of onload (assuming that you are using jQuery).

    • 0