Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 540
  • Last Modified:

Is there a tool to get a list of links on a web page?

I want a list of links on some pages.  It would love to have a two column list with the link name on the left & the actual URL on the right, but a plain text list of link names would do.  

How could I get this without editing the page itself?
0
leslieinva
Asked:
leslieinva
  • 6
  • 4
1 Solution
 
Michel PlungjanIT ExpertCommented:
I could write you a bookmarklet if you want
A link on the link bar you can click to get the list you want.
Would that be what you were thinking about?
0
 
Michel PlungjanIT ExpertCommented:
Or is this on your page?

Add

<script>
window.onload=function() {
  var links = document.links;
  var html = "<table>";
  for (var i=0,n=links.length;i<n;i++) {
    if (links[i].href!="") html += '<tr><td>'+
     links[i].textContent+
    '</td><td>'+links[i].href+
    '</td></tr>';
  }
  html +='</table>';
  var linksDiv = document.createElemen('div');
  linksDiv.style.height='250px';
  linksDiv.style.overflow='scroll';
  document.body.insertBefore(linksDiv,document.body.firstChild);
}
</script>

Open in new window

0
 
leslieinvaAuthor Commented:
Hi mplungjan,

How do I turn your script into a bookmarklet?
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
Michel PlungjanIT ExpertCommented:
Change
Window.onload=
To
javascript:(
and the last } to
})()
0
 
leslieinvaAuthor Commented:
After I do that, then how do I add it to my links bar?

I made the changes you suggested, then removed all the line breakes and pasted it into the URL for a bookmark.  I get no response from clicking on the bookmark.
0
 
Michel PlungjanIT ExpertCommented:
Sorry, forgot the double quotes and to add the innerHTML

Here

http://jsfiddle.net/mplungjan/GEPdP/
Drag the link in the bottom right field off to the links bar

And here is the code

<a href="javascript:(function() {var links = document.links;var html = '<table>';for (var i=0,n=links.length;i<n;i++) { if (links[i].href!='') html += '<tr><td>'+links[i].textContent+'</td><td>'+links[i].href+'</td></tr>';} html +='</table>';var linksDiv = document.createElement('div'); linksDiv.style.height='250px';linksDiv.style.width='500px'; linksDiv.style.position='absolute';linksDiv.style.top='0';linksDiv.style.zIndex=99999;linksDiv.style.overflow='scroll';linksDiv.innerHTML=html;document.body.insertBefore(linksDiv,document.body.firstChild);
})()">AllLinks</a>

Open in new window

0
 
leslieinvaAuthor Commented:
This is almost exactly what I need!  The only problem is how do I get this info off the screen into a text format of any kind?  I can't read it with the transparent background or use the info anywhere else as it displays now.

Can you have it create a separate HTML file, like the "Search Links" bookmarklet does at https://www.squarefree.com/bookmarklets/pagelinks.html#search_links
0
 
Michel PlungjanIT ExpertCommented:
1) add
linksDiv.style.background='white';
to get rid of the transparency
2)
change

var linksDiv = document.createElement('div'); linksDiv.style.height='250px';linksDiv.style.width='500px'; linksDiv.style.position='absolute';linksDiv.style.top='0';linksDiv.style.zIndex=99999;linksDiv.style.overflow='scroll';linksDiv.innerHTML=html;document.body.insertBefore(linksDiv,document.body.firstChild);
to
var w=window.open('','_blank');if (w) {w.document.write(html);w.document.close()}

to get all the links in a new window

Right now the table will take on the CSS of the parent page
0
 
leslieinvaAuthor Commented:
YES!!!!

Many Thanks!!  

I'll give you more points if you can make the URL texts into real links in the output that open the linked pages into a new tab.
0
 
Michel PlungjanIT ExpertCommented:
You are welcome

With the points from this question I hit Overall Expert Point Total: 10,000,866
Giving me Savant Status.

jsFiddle with both bookmarklets

<a href="javascript:(function() {var links = document.links;var html = '<table>';for (var i=0,n=links.length;i<n;i++) { if (links[i].href!='') html += '<tr><td><a href=\''+links[i].href+'\'>'+links[i].textContent+'</a></td><td>'+links[i].href+'</td></tr>';} html +='</table>';var w=window.open('','_blank');if (w) {w.document.write(html);w.document.close()}
})()">AllLinks</a>

Open in new window

0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 6
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now