Possible to detect which stylesheet in use?

mar2195 · #1 (**permalink**) Nov 22nd, 2006, 23:22

Is it possible to use Javascript to detect which stylesheet is currently being used in a page?

... a script to detect the HREF value in the <link> tag which is located in the <HEAD> of the page.

IMPORTANT:
I need to place this javascript "detect" after the <BODY> tag! (= cannot place this script in the <HEAD>)

EXAMPLE:

Code: Select all

<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
blah, blah....
<script> detectCurrentStylesheetBeingUsed() </script>
</body>
</html>

My guess is that this cannot be done ... but I'd like to hear from others.

Thanks.

Ryan Fait · #2 (**permalink**) Nov 23rd, 2006, 03:16

Code: Select all

<link rel="stylesheet" type="text/css" href="layout.css" id="style" />

alert(document.getElementById("style").getAttribute("href"));

mar2195 · #3 (**permalink**) Nov 23rd, 2006, 03:57

Quote:

Code: Select all

<link rel="stylesheet" type="text/css" href="layout.css" id="style" />

alert(document.getElementById("style").getAttribute("href"));

Unfortunately, I am working on a web page that I am being "fed" that I have no control over. The <LINK> tag does not have an "id" and I cannot add an "id" to the <LINK> tag.

I am only able to manipulate/edit the page within the <BODY> section.

So... I need to DETECT which Stylesheet is specifically being used within the <LINK> tag without an "id".

There are a few different stylesheets that are being used. I need to know which stylesheet is the CURRENT one so that I can counter-code (if that's a real word

) specific font colors, background colors, etc.

If you need futher explanation, I'll be happy to give deeper descriptions. But I think that I've covered the situation.

Thanks.

Ryan Fait · #4 (**permalink**) Nov 23rd, 2006, 09:56

Well, if there is no way to directly identify the current stylesheet, there's obviously no way JavaScript can do it...

Ryan Fait · #5 (**permalink**) Nov 23rd, 2006, 09:57

Er, I should've asked this before, why can't you edit the head tags? That seems rather silly to me.

mar2195 · #6 (**permalink**) Nov 24th, 2006, 03:00

1. I am being "fed" a wrapper for the page. Then I put my content inside the <BODY> of the page.

2. I can see the stylesheet (i.e.: main.css, etc.) that I'm being "fed" in the <HEAD> in the HTML SOURCE, but I can't change the stylesheet.

ukgeoff · #7 (**permalink**) Nov 24th, 2006, 22:47

You can use JavaScript to pick up the link tag(s) and look at its/their attirbute values.

Use the getElementByTagName('tagname'); function.

This actually returns a zero indexed array.

Ryan Fait · #8 (**permalink**) Nov 25th, 2006, 00:49

Yeah, but if there are more than one link tags, there is no way to identify which one is the active stylesheet.

mar2195 · #9 (**permalink**) Nov 25th, 2006, 05:21

I agree... luckily, the particular site that I'm working with only has one <LINK> tag.

So... here is the script that I was looking for:

Code: Select all

<script>
  hr = document.getElementsByTagName("link")[0].getAttribute('href');
  alert( hr );
</script>

BUT... if there were more than one link, I could use a FOR LOOP to find all of the <LINK> tags. As long as I know what CSS sheet that I'm searching for, I can "grab" that data and do whatever with it.

Like so...
(*Although I haven't tested the specific code below - this is the idea behind what I'm trying say - so no need to write back to tell me if this script works or not ... unless you feel like posting a correct functional version for others.)

Code: Select all

<script>
links = document.getElementsByTagName('link');
for (i=0; i<links.length; i++) {
  if (links[i].rel == "stylesheet") {
     alert(links[i].href)
  }
}
</script>

Thanks to all for the help.

Ryan Fait · #10 (**permalink**) Nov 25th, 2006, 11:43

Don't forget you can have more than one rel="stylesheet" on a site. I use three on most of my pages... If it's going to be consistant, then you're set!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Popup Name Detect	RobinDeanDotCom	JavaScript Forum	0	Feb 24th, 2007 22:35
Script to detect flash?	fezunit	JavaScript Forum	5	Jan 28th, 2007 12:18
Detect IE	Totti	JavaScript Forum	4	Dec 6th, 2006 00:48
Detect whether connection to external url is possible	simonneaves	Classic ASP	3	Oct 24th, 2005 13:12
detect pop-up blocker - different	bert	JavaScript Forum	0	Jul 22nd, 2005 10:30

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Possible to detect which stylesheet in use?