html title to show as a folder name

Question

0.00/5 (No votes)

See more:

Hi guys could you help me please I want to somehow set my html title to display the folder name. I mean if my index.html is in mydomain.com/how it works/ I want the title of index.html to show how it works as a title I know it is possible with php but I am not using php only html help me please.
Thanks

Posted 11-Apr-13 7:38am

Member 9739402

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

enhzflep · Accepted Answer · 2013-04-11T08:48:00

Solution 2

Assuming your html file (index.html) _doesn't_ have a title element already -
If so, just locate it and replace it's innerHTML

EDIT: Code snippet suplimented with fully-functional example. Also, method of extracting folder name changed. A url of http://localhost/enhzflep/audio/index.html was giving the result of enhzflep/audio

** Obselete **
JavaScript

function myInit() { // When I open the file, it is found at: // http://www.localhost/enhzflep/index.html // // Yours would be http://someDomain.com/PartYouWant/index.html // sets locationStr = "/enhzflep/index.html" var locationStr = window.location.pathname; // make sure the below line reflects the actual name of the file // sets locationStr = "enhzflep" locationStr = locationStr.replace("/index.html", ""); locationStr = locationStr.replace("/", ""); // ** NOTE ** // I make no provisions for folders that have spaces in their names (%20 in the url) // you'll need to unencode these yourself. There's likely a function for it urlencode // or urlescape or something similar. Never needed it, haven't remembered it yet. var title = document.createElement('title'); var titleText = document.createTextNode( 'Page Title = ' + locationStr ); title.appendChild( titleText ); document.head.appendChild(title); }

Example of use:

XML

<!doctype html>
<html>
<head>
<script>
window.addEventListener('load', myInit, false);

function myInit()
{
    if (titleElementExists() == true)
        document.getElementsByTagName('title')[0].innerText = constructPageTitleStr();
    else
        addPageTitle();
    /*
        other initialization code here.
    */
}

function titleElementExists()
{
    var titleEl = document.getElementsByTagName('title');
    if (titleEl.length == 0)
        return false;
    return true;
}


function constructPageTitleStr()
{
    var locationStr = window.location.pathname;

    // make sure the below line reflects the actual name of the file
    // sets locationStr = "enhzflep"
    locationStr = locationStr.replace("/index.html", "");

    // get the position of the last / char in the string
    var slashPos = locationStr.lastIndexOf("/");

    // extract the string that remains after it
    locationStr = locationStr.substr(slashPos+1);
    return locationStr;
}

function addPageTitle()
{
    var locationStr = constructPageTitleStr();
    var title = document.createElement('title');
    var titleText = document.createTextNode( 'Page Title = ' + locationStr );
    title.appendChild( titleText );
    document.head.appendChild(title);
}
</script>
<title>Original Page Title</title>
</head>
<body>
</body>
</html

>

Posted 11-Apr-13 8:48am

enhzflep

Updated 12-Apr-13 3:38am

v4

Comments

Member 9739402 12-Apr-13 8:44am

thanks very much could you tell me please how to implement this code in to html

enhzflep 12-Apr-13 9:05am

You're most welcome. Sure thing, I've updated the solution to include a full example.

Member 9739402 12-Apr-13 9:06am

thank you very very much you are my savior

enhzflep 12-Apr-13 9:07am

:-)
You're welcome.

Member 9739402 12-Apr-13 9:17am

Hi thanks for your help just one question is there code for instance like leaving <title></title> empty and and the code will add the title according to the directory index.html in thanks very much

enhzflep 12-Apr-13 9:39am

Solution updated. :)

Member 9739402 12-Apr-13 10:13am

this is just amazing thank you so much you are a very nice person.

Member 9739402 12-Apr-13 10:22am

hi i have tried it and I am very sorry to tell you but it doesn't change title! do i have to change something i run it on xammp server

enhzflep 12-Apr-13 10:35am

It's a problem related to the browser, one would assume. It's plain html, there's nothing for the server to do, other than supply the file to the browser.

I also use xampp(1.7.3 for windows), and have tested both from the local file-system(double-click the file in explorer) and with the server, via localhost.

Tested on win7 with: Google Chrome, IE9, Opera - All okay
Tested on android 2.3 using default browser - Seems not to work, can't really tell.

Note: The page title will change when saved locally.
I.e
/localhost/enhzflep/audio/index.html - title = audio
C:/Users/enhzflep/Documents/index.html - title = Documents

ALSO, it will fail if saved locally with a name other than index.html

Member 9739402 12-Apr-13 10:39am

Thanks very much again I very appreciate your help bye

Member 9739402 13-Apr-13 9:12am

Hi sorry it's me again! Could you please help me one more time? I want to create tag links like so "mydomain.com/tag/keyword" and I want to place index into the keyword folder but I want the index title to display the name of the folder it is in without me changing it because I will have like 100 tags and changing title for each index will be to complicated!
Thanks

enhzflep 13-Apr-13 20:17pm

Howdy. Sure, but tell me, what do you see at the moment?
As designed, it should give the following titles in said locations:

mydomain.com/tag/keywordA/index.html - keyWordA
mydomain.com/tag/keywordB/index.html - keyWordB
mydomain.com/tag/keywordC/index.html - keyWordC
etc, etc

Provided your server is setup to do so (it's enabled by default in xampp), and there's only 1 index.XXXx (.php, .html or .htm) file in the keywordA, keywordB, and keywordC folders,

you could link to each page as specified, i.e

mydomain.com/tag/keywordA
mydomain.com/tag/keywordB
mydomain.com/tag/keywordC

Every folder I put the index.html file into appears as the title when I test it, fwiw.

Member 9739402 14-Apr-13 14:05pm

omg it is extremely difficult for me to understand please forgave me for that could you explain please?

Member 9739402 14-Apr-13 14:09pm

At the moment I have to change the title of the each index.html my self! Thank you very much I would very appreciate if you could give me an example of what to do!

enhzflep 15-Apr-13 4:10am

You forgot to answer _the_ important question:

"What do you see at the moment?"

I can't see your screen or your hard-drive. I have no idea what output is being produced!!
Please supply several examples of the full path of index.html and the title that is produced.

:-)

Member 9739402 15-Apr-13 8:51am

I am sorry about that! I have index.html with the code you have provided in here:
http://localhost/tag/keyword/
The title is Original Page Title

enhzflep 15-Apr-13 9:13am

No worries, it's easily done. :) (forgetting, I mean)

Which browser are you viewing it with?
As mentioned, I have tested and found it to work with IE9, Chrome and Opera.

A couple of things I can think of to suggest:
1. Open the browser's debugger and see if there are any error messages
2. In the javascript, search for a title element. If found, delete it. Then, create one with the desired text.

3. If #2 works for you, do a search-and-replace on all files that you need it in. I'd
use notepad++ and use a regular expression for the search term. You should be able to find an example of a regular expression that will select all of the text between <title> and </title>

With notepad++, you can search+replace (or find) text within all files in a folder (and it's children) BE CAREFUL not to change files you care about! - consider putting all 'tag' folders inside a separate folder before doing this - otherwise, you may alter parts of xampp and phpmyadmin inadveretantly.

Member 9739402 15-Apr-13 9:24am

It works on chrome but it doesn't change the source code title! Do you know how to change the source code it self! Because I want that for the SEO you know I need a different title for each tag! Thanks very much for trying to help me !

enhzflep 15-Apr-13 9:35am

Ohhhhhhh.

In order for it to work for SEO, the machines that build the page-rank would need to
a) request your page
b) run any/all javascript on it that runs at startup
c) use the page at this point for it's algorithms.

I no nothing of the intricacies of SEO. I wouldn't be surprised if this approach will fail utterly in that pursuit, since after all, the page title of the raw html is "Original Page Title".

You'd have to look further into SEO to know if the pages' javascript would be executed (perhaps the SEO machine uses node.js)

If I were doing it, I'd just do a find-in-files using notepad++, looking for the text <title>.
I'd just replace them all by hand or (better yet) write code that will do the job for you.
PHP would do the job, as would c/c++/c# - heck, even VBA from excel, word, access, power-point etc would do it.

(aaaaand, you're welcome :-) )

Member 9739402 15-Apr-13 9:38am

Do you know to to do it using PHP code? I saw a forum and the title of the forum was chancing according to the topic that is what I am looking for my tags thanks

enhzflep 15-Apr-13 10:13am

Nope. I don't know - though I could (continue) to work it out, but I'm not prepared to do that. It's time for you to do some more work - either research, trial and error, or brute-force..

Here's a short example I whipped up (not sure if 'title'+'/title' are case sensitive - I hardly touch regexes):
You will need to make your own changes. You'll need to:
- read the contents of the folder holding all of the 'tag' folders. (get names of 'tag' folders)

for each of the 'tag' folders found:
- open the index.html file
- use the folder name for the $newTitle
- do the replace
- re-save the file over the old one.

<?php
// $htmlContents = file_get_contents("index.html");
$htmlContents = "<!DOCTYPE html><html><head><title>something unwanted</title></head><body>Page content</body></html>";

$string = $htmlContents;
$pattern = '/(<title[^>]*>)(.*?)(<\/title>)/i';

$newTitle = "Insert desired title here";
$replacement = '<title>' . $newTitle . '</title>';

$newContents = preg_replace($pattern, $replacement, $string);
echo $newContents;
// file_put_contents("index.html");
?>

Member 9739402 15-Apr-13 15:59pm

you are awesome I love you finally it works thanks very much

enhzflep 15-Apr-13 16:15pm

No worries, glad to have helped while trying something I found an interesting challenge.
:-)

Adam R Harris · Accepted Answer · 2013-04-11T07:42:00

Solution 1

HTML

<head>
   <title>how it works</title>
</head>

Posted 11-Apr-13 7:42am

Adam R Harris

Comments

DinoRondelly 11-Apr-13 13:43pm

+5

Richard C Bishop 11-Apr-13 14:13pm

Classic.

enhzflep 11-Apr-13 14:49pm

<-- Insert smutty fellatio joke here -->