Reverse Order Of Title Tag

**AlvinSA** · 07-30-2009, 01:20 PM

Hi Guys

Is there a way that JavaScript can be used to reverse the order of a title tag?

Let me explain:

My title currently gets created dynamically by calling the breadcrumb path depending on which page I'm on. The title looks like:

PHP Code:


<title><?php echo $page_title; ?></title>

When I'm 3 levels deep, the title would look something like:
Accommodation | Guest Houses | My Guest House

I need the title to be reversed, so that on the same page it would show:
My Guest House | Guest Houses | Accommodation

Is this possible with JS?

**Charles** · 07-30-2009, 02:06 PM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Fee | Fie | Foe | Fum</title>
		<script type="text/javascript">
		onload = function () {document.title = document.title.split (/\s*\|\s*/).reverse().join (' | ')}
		</script>
	</head>
	<body>
	
	</body>
</html>

**AlvinSA** · 07-30-2009, 02:22 PM

Thanx for that, but still not working.

**AlvinSA** · 07-30-2009, 02:29 PM

This is what the source code looks like:

PHP Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title> Accommodation | Guest Houses | Ekala Guest Farm and Eco Tours Johannesburg  </title>
          <script type="text/javascript">
      onload = function () {document.title = document.title.split (/\s*\|\s*/).reverse().join (' | ')}
      </script>

**A1ien51** · 07-30-2009, 02:42 PM

Your code is missing \ in 2 places. Look at the example again.

Eric

**AlvinSA** · 07-30-2009, 02:55 PM

This is how I inserted the code:

PHP Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title> Accommodation | Guest Houses | Ekala Guest Farm and Eco Tours Johannesburg  </title>
          <script type="text/javascript">
      onload = function () {document.title = document.title.split (/\s*\|\s*/).reverse().join (' | ')}
      </script>

This is what shows in "View >> Page Source":

PHP Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title> Accommodation | Guest Houses | Ekala Guest Farm and Eco Tours Johannesburg  </title>
          <script type="text/javascript">
      onload = function () {document.title = document.title.split (/s*|s*/).reverse().join (' | ')}
      </script>

**Charles** · 07-30-2009, 03:39 PM

That script is not what I posted.

**AlvinSA** · 07-30-2009, 03:48 PM

Hi Charles

This is the script you posted:

PHP Code:


<script type="text/javascript">
        onload = function () {document.title = document.title.split (/\s*\|\s*/).reverse().join (' | ')}
        </script>

Did you mean the entire code with html, head, body, etc.?

**Charles** · 07-30-2009, 06:34 PM

Nope, as A1ien51 noted above that's not what I posted.

**AlvinSA** · 07-30-2009, 06:48 PM

My apologies. I wrapped php tags around the code, so it stripped out the \. Anyway, I used the code as you posted, but still no luck. Any ideas?

Thanx again for the help.