Databases
StackOverflow2013
Postsdbo
POUncaught ReferenceError when Loading a Bookmarklet
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUncaught ReferenceError when Loading a Bookmarklet
    primarykey
    data
    text
    <p>I am trying to build a simple Bookmarklet that will load some external Javascript into a page, the goal is to add a markdown editor like Stackoverflow has to another site. I have it working but it requires me to click my Bookmarklet button 2 times instead of 1 time.</p> <p>The first click gives this error...</p> <pre><code>Uncaught ReferenceError: Markdown is not defined init.js:46 </code></pre> <p>Line 46 is this...</p> <pre><code>var converter1 = Markdown.getSanitizingConverter(); </code></pre> <p>Now after clicking my Bookmarklet for the 2nd time then everything runs perfectly but always the first click will give that error and do nothing.</p> <p>Here is the code for the Bookmarklet file, please help me to fix, my Javascript skills are not too great. </p> <p>Load external JS and CSS files </p> <pre><code>function loadScripts(scriptURL) { var scriptElem = document.createElement('SCRIPT'); scriptElem.setAttribute('language', 'JavaScript'); scriptElem.setAttribute('src', scriptURL); void(document.body.appendChild(scriptElem)); } // Load these 3 Javascript files into the page // jQuery is already loaded into the page being used so no need to load it loadScripts('http://codedevelopr.com/labs/javascript/forrst/Markdown.Converter.js'); loadScripts('http://codedevelopr.com/labs/javascript/forrst/Markdown.Sanitizer.js'); loadScripts('http://codedevelopr.com/labs/javascript/forrst/Markdown.Editor.js'); // Load the CSS file into the Page var head = document.getElementsByTagName('head')[0]; $(document.createElement('link')).attr({ type: 'text/css', href: 'http://codedevelopr.com/labs/javascript/forrst/demo.css', rel: 'stylesheet' }).appendTo(head); </code></pre> <p>After the files are loaded then we run this...</p> <pre><code>// Find and replace the curent textarea with the HTML we // need for our markdown editor to work $(document).ready(function () { var htmlToReplace = ' \ &lt;div class="wmd-panel"&gt; \ &lt;div id="wmd-button-bar"&gt;&lt;/div&gt; \ &lt;textarea class="wmd-input" id="wmd-input" name="description"&gt;&lt;/textarea&gt; \ &lt;/div&gt; \ &lt;div id="wmd-preview" class="wmd-panel wmd-preview"&gt;&lt;/div&gt;'; $("#description").replaceWith(htmlToReplace); //Run the Markdown editor! var converter1 = Markdown.getSanitizingConverter(); var editor1 = new Markdown.Editor(converter1); editor1.run(); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJasonDavis
    1. USJasonDavis
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USFabrício Matté
      1. VTFavorite
    2. VO
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USJasonDavis
      1. VTFavorite
    3. VO
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USYves
      1. VTFavorite
    1. COThe 3 external scripts are appended at runtime but loaded asynchronously, you'll need to load them synchronously or set a callback to start the markdown after the scripts are loaded. You could try adapting your `loadScripts` function to [this answer](http://stackoverflow.com/a/2880147/1331430).
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USFabrício Matté
    2. CO@FabrícioMatté is right. To put it in laymans terms, the browser doesn't wait for each script to be loaded before proceeding in the code. all 3 scripts get loaded simultaneously and the rest of your script runs before the other 3 scripts finish loading.
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USsparebytes
    3. CO@Kranklin Yes that's better explained. `=]` With jQuery you could use `$.getScript` and set a callback to still load it async and get it to work, but without jQuery I guess you'll have to load them synchronously which may hang your browser.
      singulars
      1. POUncaught ReferenceError when Loading a Bookmarklet
      1. USFabrício Matté
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload