Legend

Question

Why is one of my topics getting its breadcrumb formatting from javascript code?

Forum|Forum|10 years ago
February 16, 2016
2 replies
1176 views

I'm using the latest RH 9.

My output is an html help output (chm).

I use breadcrumbs in all topics. They're generated at compile time from the single source layout. They don't come from a bc placeholder in the .htt nor from the .htm topics.

Let's examine just two topics:

Topic1 here has some not-so-good formatting (ugly standard blue) in the breadcrumbs:

Topic2 here has the desired formatting in the breadcrumbs (aside from the formatting of the final item in the bc trail--but that's a separate issue):

When I look at the compiled topic's html source for Topic1 (from the chm in Notepad++, it has this code. Notice the JavaScript code it's getting (that I marked in red):

Source from Topic1 in CHM

<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">

<html>

<head>

<title>Step 1: Installing PC-DMIS</title>

var bc=0;

var n = strUrl.toLowerCase().indexOf("642b3b9347ca42c9b00b820c00c373fa=");

if(n != -1)

{

bc = strUrl.substring(n+33);

document.location.href = strUrl.substring(0, n);

}

if(bc == 3) strUrl = " <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Introducing_Direct_CAD_Interfaces.htm\">Home</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Direct_CAD__Interfaces_and_Translators.htm\">Direct CAD™ Interfaces and Translators</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Installation_Overview.htm\">Installing and Using the Direct CAD Interfaces</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"SolidWorks_Direct_CAD_Interface.htm\">SolidWorks Direct CAD Interface</a> > Step 1: Installing PC-DMIS";

if(bc == 2) strUrl = " <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Introducing_Direct_CAD_Interfaces.htm\">Home</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Direct_CAD__Interfaces_and_Translators.htm\">Direct CAD™ Interfaces and Translators</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Installation_Overview.htm\">Installing and Using the Direct CAD Interfaces</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"I-DEAS_Direct_CAD_Interface.htm\">I-DEAS Direct CAD Interface</a> > Step 1: Installing PC-DMIS";

if(bc == 1) strUrl = " <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Introducing_Direct_CAD_Interfaces.htm\">Home</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Direct_CAD__Interfaces_and_Translators.htm\">Direct CAD™ Interfaces and Translators</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Installation_Overview.htm\">Installing and Using the Direct CAD Interfaces</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"CATIA_5_Direct_CAD_Interface.htm\">CATIA 5 Direct CAD Interface</a> > Step 1: Installing PC-DMIS";

if(bc == 0) strUrl = " <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Introducing_Direct_CAD_Interfaces.htm\">Home</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Direct_CAD__Interfaces_and_Translators.htm\">Direct CAD™ Interfaces and Translators</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Installation_Overview.htm\">Installing and Using the Direct CAD Interfaces</a> > <a style=\"font-family: ; font-size: 10pt; font-style:normal; color: rgb(0, 0, 255); text-decoration:none; text-align: right\" href=\"Unigraphics_Direct_CAD_Interface.htm\">Unigraphics Direct CAD Interface</a> > Step 1: Installing PC-DMIS";

</script>

</head>

<body lang="EN-US" xml:lang="EN-US"><a name="642b3b9347ca42c9b00b820c00c373fa=3"></a><a name="642b3b9347ca42c9b00b820c00c373fa=2"></a><a name="642b3b9347ca42c9b00b820c00c373fa=1"></a><script type="text/javascript" language="javascript">document.write(strUrl)</script>

<h4>Step 1: Installing PC-DMIS</h4>

First, you need to install PC-DMIS. To install PC-DMIS,

follow this procedure:

<li class="p-List">Plug your PC-DMIS portlock (also

known as a dongle) into the appropriate port of your PC.</li>

<li class="p-List">Insert the PC-DMIS CD-ROM into

your CD-ROM drive.</li>

<li class="p-List">Using Windows Explorer, open

the directory containing the CD-ROM and then navigate to the <span

class="bold">setup.exe application for PC-DMIS.</li>

<li class="p-List">Double click (execute) the file

setup.exe.</li>

<li class="p-List">This will activate the PC-DMIS

installation sequence.</li>

<li class="p-List">Follow the on-screen instructions

until PC-DMIS is installed.</li>

</ol>

This completes the PC-DMIS installation.

</body>

</html>

Yet when I examine the essential parts of Topic1 and Topic2 in Notepad++, there's nothing different aside form the expected body text. Can one of you see anything?

Topic1 Source

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Step 1: Installing PC-DMIS</title>

</head>

<?rh-placeholder type="header" ?>

<h4>Step 1: Installing PC-DMIS</h4>

First, you need to install PC-DMIS. To install PC-DMIS,

follow this procedure:

<li class="p-List">Plug your PC-DMIS portlock (also

known as a dongle) into the appropriate port of your PC.</li>

<li class="p-List">Insert the PC-DMIS CD-ROM into

your CD-ROM drive.</li>

<li class="p-List">Using Windows Explorer, open

the directory containing the CD-ROM and then navigate to the <span

class="bold">setup.exe application for PC-DMIS.</li>

<li class="p-List">Double click (execute) the file

setup.exe.</li>

<li class="p-List">This will activate the PC-DMIS

installation sequence.</li>

<li class="p-List">Follow the on-screen instructions

until PC-DMIS is installed.</li>

</ol>

This completes the PC-DMIS installation.

<?rh-placeholder type="footer" ?>

</body>

</html>

Topic2 Source

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Step 1: Installing the Pcdcat Interface File on the CATIA System</title>

</head>

<?rh-placeholder type="header" ?>

<h4>Step 1: Installing the Pcdcat Interface File on the CATIA System</h4>

<li class="p-List">Determine on which UNIX operating

system the CATIA system is currently running. Supported operating

systems are:</li>

</ol>

<li class="p-List">IBM's

AIX</li>

<li class="p-List">SGI's

IRIS</li>

<li class="p-List">HP's

HP-UX</li>

<li class="p-List">SUN's

SOLARIS</li>

</ul>

<li class="p-List">Create a directory called "pcdmis"

under a CATIA user directory for installing PC-DMIS files. Example:

/home/catadm/pcdmis</li>

<li class="p-List">Place the appropriate PC-DMIS/CATIA

interface file in the PC-DMIS directory of your UNIX workstation.

This interface file will be one of the following files, depending

on your type of UNIX workstation:</li>

</ol>

<li class="p-List">pcdcat.ibm.gz</li>

<li class="p-List">pcdcat.sgi.gz</li>

<li class="p-List">pcdcat.hp.gz</li>

<li class="p-List">pcdcat.sun.gz</li>

</ul>

<li class="p-List">You can also download the latest

PC-DMIS/CATIA interface file from ftp://wilcoxassoc.com/dci/catia/.</li>

<li class="p-List">On the UNIX station, unzip the

pcdcat file with the gunzip command: gunzip <span

class="italic"><filename></li>

<li class="p-List">Once the file is in the PC-DMIS

directory on your UNIX workstation and unzipped, rename the file to

simply “pcdcat” (without any file name extension).</li>

</ol>

<?rh-placeholder type="footer" ?>

</body>

</html>

Somehow, during compile time, Topic1 (and others) is getting that javascript code and it is conflicting with the formatting I have setup in my stylesheet and in jQuery calls in my .htt.

Where oh where does the rogue javascript code come from? Thanks in advanced for any help you can provide.

Message was edited by: Jared Hess. I pasted the code as straight text since the source code wasn't showing properly in the nifty controls that Adobe offers here that only sometimes work.

This topic has been closed for replies.

KimberlyO

Inspiring

Does it matter with the meta tags if they aren't in the same order? The <meta-name="template" content="standard.htt" /> is in different locations between the two topics.

Jared HessAuthor

Legend

Hi KimberlyO, thanks for your comment.

I tested it and verified that the order of that tag doesn't matter.

I put it to the same location as the other and the topic still looks the same.

I've noticed that when I un-apply and reapply a master page, RH rewrites the meta-name tag in random locations within the <head> </head> block.

Willam van Weelden

Inspiring

How are you adding the breadcrumbs? If it's the breadcrumbs placeholder, you can choose to apply topic level formatting. Adding a paragraph style 'breadcrumbs' to the CSS should do to the trick.

A

Amebr

Community Expert

Are you sure the first topic hasn't somehow had the breadcrumbs code applied either through a master page or directly into the topic? I know I used to have problems years ago with the master page detaching itself and embedding the code into the topics somehow. (I also noticed the green header isn't in the problem topic which suggests the setup might be different.)

So I'd triple-check the HTML, the applied master page and css in the problem topic.

Jared HessAuthor

Legend

Funny, I've looked at this so long, I didn't even notice Topic1 was missing the green header. But I did try reapplying the master page. I'll try it again.

Jared HessAuthor

Legend

I reapplied the master page. The green header now appears but the link formatting is still all blue in the chm:

Hmmm. My backup solution is to apply the bc call directly in the .htt header and see if that fixes it. I think that would be a solution, but my main question is how in the heck did RH do this? What tells it to apply the script code when it builds the chm?

Source from Topic1 in CHM

Topic1 Source

Topic2 Source

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded