Question

Is it possible to search all web pages you developed (not just current page the user is on) for a body tag with a specified ID? If so how would I go about doing this in Javascript? Also, how would I go about re-directing the user to the page that contains that body with the unique ID?

Answer 1

If you really want to do it, you could do it if you knew the pages’ urls:

(using jQuery)

function searchPages(urls,elem,success,failure){
    nextUrl(urls,0);
    // this calls itself as a callback because $.load is asynchronous
    function nextUrl(i){ // this function tries to load a body#myId for the url 
         $('<div /'>).load(urls[i]+' '+elem,function(){ 
             // if it loaded there'd be html
             if($(this).html()!=='') success.call(this,urls[i]); 
             // if you've loaded all the pages, then you're done
             if(i===urls.length) 
                failure.call(this,urls[i]);
             // otherwise, call the function again for the next url
             else nextUrl(i+1);
           });
    };
}

searchPages(['/url1','/url2','/url3'],'body#myId',function(url){
   console.log(url); // this is the url you want
   console.log($(this)); // $(this) is the div that the body elem was loaded into
},failed);

// this is called if you don't find the page
function failed(){ alert('no page found'); };