title: Display notification after specific frame loads
body: <p>I am creating a Google Extension that will display a simple text notification immediately after a specific frame loads in our company's web-based applicant tracking system.</p>
  
  <p>The frame loads via JavaScript after clicking a specific button on the webpage: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href="javascript:void(0)" onclick="formletter();;TrackActionClick(7516);return false;" class="actionIcon icon-med icon-highlight MailAction icon-Mail" title="Letter"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>This is the URL of the frame that I am trying to get to trigger the notification: <code>https://www2.pcrecruiter.net/pcrbin/bmail.exe</code></p>
  
  <p>I am having trouble getting a notification to display after clicking the button and loading the frame (nothing happens currently).</p>
  
  <p><strong>manifest.json</strong><br></p>
  
  <pre class="lang-json prettyprint-override"><code>{
      "manifest_version": 2,
  
      "name": "Bulk Email Reminder",
      "description": "This extension provides a reminder for AE's to use SparkPost when sending a bulk email",
      "version": "1.0",
      "icons": {
          "16": "logo.png"
      },
  
      "permissions": [
      "notifications"
      ],
  
      "content_scripts": [
          {
              "matches": ["*://*.pcrecruiter.net/pcrbin/bmail.exe"],
              "match_about_blank": true,
              "js": ["myscript.js"]
          }
      ]
  }
  </code></pre>
  
  <p><strong>myscript.js</strong>
  </p>
  
  <pre><code>// Create a simple text notification:
  var notification = webkitNotifications.createNotification(
      'Hello!', // notification title
      'Lorem ipsum...' // notification body text
  );
  
  // Then show the notification.
  notification.show();
  </code></pre>