Printable page. I want to add the full URL of relative links

Question

I use a CSS file when type media = print, which will add the link address to the content for each link. There are no problems with absolute links to external pages, but relative links to other pages of my site , which are not always on the same level as the link database, are problematic .

Still:

I defined the links I want to display:

$(".TreasuryLink").each(function(i) { 
var thisLink = $(this).attr('href');
});

Once again, my problem is getting the full URL where the link can go to a different level in the site file structure, for example

<a href="../../anotherpage.html">

Answer 1

You can always define this in your CSS stylesheet. Try the following style line:

@media print{
  a:after{content:" (" attr(href) ")"}
}

href . , :

@media print{
  a:after{content:" (http://www.domain.com/" attr(href) ")"}
}

all ( a - CSS). , a -.

:

@media print{
  a.TreasuryLink:after{content:" (http://www.domain.com/" attr(href) ")"}
}

, ../../file.html. URL-, - /path/to/file.html, , , .

, :

, ! (Http://www.domain.com/contact.html)

Answer 2

:

a [href ^ = "/" ]: {   content: "( http://www.example.com" attr (href) ")"! important;}

, !