title: JavaScript lint doesn't recognize embedded PHP
body: <p>I am using JavaScript Lint in vim. Recently I converted my pure JavaScript to php so as to make certain server side additions. I have set the file type in vim as such <code>:s filetype=javascript.php</code>. </p>
  
  <p>test.php:</p>
  
  <pre><code>/*jsl:ignore*/
  &lt;?php
    header("Content-type: application/x-javascript");
  ?&gt;
  /*jsl:end*/
  
  function foo() {...}
  </code></pre>
  
  <p>I get a syntax error at <code>&lt;?php</code>, both in vim and <a href="http://www.javascriptlint.com/online_lint.php" rel="nofollow noreferrer">online</a>. I guess <code>jsl:ignore</code> ignores warnings, but not syntax errors, and it is detecting <code>&lt;?php</code> as a syntax error. Is there anyway to bypass this as it is essentially a deal breaker for JavaScript Lint.</p>
  
  <hr>
  
  <p><strong>EDIT</strong> There have been a great number of requests as to what it is I am doing, therefore, here is a more thorough explanation. </p>
  
  <p>I have a database for my pictures, like so</p>
  
  <pre><code>ID owner path
  0  0     /var/www/0/*.jpg
  1  0     /var/www/0/*.jpg
  2  1     /var/www/1/*.jpg
  3  2     /var/www/2/*.jpg
  4  0     /var/www/0/*.jpg
  </code></pre>
  
  <p>The important thing here is that there is absolutely no correlation between the picture ID and/or who owns the picture and/or where the picture is stored. The client <strong>must</strong> query the database to find out where the files are stored (the reason for this is that user pictures are added in arbitrary order, and they are often moved around). Lets say there are 1000 pictures, and I want to load them all into the browser (tiny thumbnails). </p>
  
  <p>I could load up <code>index.html</code> then use Ajax to get all 1000 file locations and set populate the browser with images somewhat like so</p>
  
  <pre><code>for (var i = ; i &lt; picturePaths.length ;i++){
      var img = new Image();
      img.src = picturePaths[i];
  }
  </code></pre>
  
  <p>But I don't want to use Ajax because it is very slow (3/4s) to kick in and retrieve any queries. Instead I want all the <code>img.src</code> attributes to already be set when the page loads. </p>
  
  <p>Now John Watson mentioned <a href="https://stackoverflow.com/q/8231148/654789">below</a> that I could/should return all of these in a single variable and reference that. I am not an expert so he could be right. However, My website is very complex, and different scripts are being dynamically loaded from the server quite frequently, I would prefer not to store important image path's in a single global object.</p>