drop-down hotspots in snippet (.hts file) and mozilla firefox

Report · Apr 24, 2012

Hello everyone

I use RH 9 and the output is Webhelp.

I've created snippets with drop-down hotspots inside. These snippets are then included in HTML pages.

After help generation, the drop-down hotspots are working with IE but not with Mozilla (some of them are working but a few only).

Some are working in some HTML pages but not in another pages using the same snippet.

Is DHTML compatible with Mozilla Firefox ?

Report · Apr 24, 2012

Hi,

Yes, Dropdowns are compatible with Firefox. DHTML effects other than dropdown/expandspot/popup may not work however. Do you use any other events?

Is this project upgraded from a lower version of RH? If so, make a backup of your project and run Tools > Update DHTML effects in topics.

Greet,

Willam

Report · Apr 26, 2012

Hi,

Thank you for your answer.

My project is upgraded from RH 8 and I update DHTML.

My problem still remains.

There are images in the dropdown text.

Is the problem linked with snippet ? The dropdown are included in snippet.

When I generate my project using the prompt command, there’s still this message : “no baggage file description”. What’s it mean ?

Cordialement

Florence

Report · Apr 26, 2012

Hmm,

Please check the following threads:

I don't think i'tll solve the dropdown problem, but it may help with the baggage file warning. Also check that the file rhbag.apj is available in your project root.

For the dropdowns: Can you post the HTML of a snippet so we can see what's going on? Try the FireBug extension for firefox. Do you receive any errors in the console of Firebug when you click a dropdown? Alternatively, can you share the project with me so I can take a look in the FF console? You can PM me for my e-mail.

Greet,

Willam

Report · Apr 26, 2012

Here is the HTML of a snippet :

. La liste des renouvellements du

client s'affiche. (Voir )

Remarque
: le numéro du renouvellement s'affiche ainsi que les produits
dispensés.

3

class="Texte_Tableau">Sélectionner la dispensation à renouveler
et appuyer sur la touche [A renouvellement Actualisé].

Remarque
: sélectionner en premier la dispensation et ensuite les lignes
de la dispensation. SI vous sélectionnez une ligne avant la dispensation,
le message suivant s'affiche. ( class="dropspot" href="javascript:TextPopup(this)" id="a5"> class="Menu_deroulant_a">Voir)

Le

logiciel demande le numéro du renouvellement. (Voir )

In the console of Firebug, there is this warning : "enabling javascript debugger to support console"

The rhbag.apj is available in the project root.

Cordialement

Florence

Report · Apr 26, 2012

Can you paste the HTML using the browser? You snippet doesn't come through correctly in the replied e-mail.

Greet,

Willam

Report · Apr 27, 2012

Do you mean using the Adobe forum ?

How to reply via the forum ?

Cordialement

Florence

Report · Apr 27, 2012

Hi,

Just go to the forum site, in the top left corner, click Log in. In your thread click reply and paste the HTML in the message area.

Greet,

Willam

Report · Apr 27, 2012

Here is the source HTML code of a snippet (from RH) :

<?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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="topic-comment" content="Procédure du renouvellement actualisé" />
<meta name="generator" content="Adobe RoboHelp 9" />
<title>Renouvellement_Actualise</title>
<link rel="StyleSheet" href="Alliance_Premium.css" type="text/css" />
</head>

<body>
<?rh-script_start ?><script src="ehlpdhtm.js" type="text/javascript" language="JavaScript1.2"></script><?rh-script_end ?>
<h2 class="Texte">Réaliser le renouvellement</h2>
Suivre la procédure décrite ci-dessous pour réaliser un
renouvellement actualisé.
<table class="Tableau_Gris" style="border: Double 1px #dbdbdb; margin-top: 2px;
 margin-bottom: 2px; margin-right: 64px; left: 0px; top: 30px;
 margin-left: 15px;" cellspacing="0">
<col width="35" />
<col width="682" />
<tr class="t1st" style="vertical-align: middle;">
<td style="border: Solid 1px #dbdbdb;" bgcolor="#6A7E93">étape</td>
<td style="border-top: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;" bgcolor="#6A7E93">Action</td>
</tr>
<tr class="t2Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">1</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">En espace de travail, saisir le nom
 du client et appuyer sur la touche [F2 Reprise
 facture] du clavier.
<ul>
 <li class="Resultat_Tableau" style="color: #607284;">La liste des menus s'affiche.
 (<a class="dropspot" href="javascript:TextPopup(this)" id="a1">Voir</a>)
 <div class="droptext" id="POPUP507750580" style="display: none;">
 <img src="Menus_F2_EspaceTravail.jpg" alt="" style="border: none;"
 border="0" />
 </div></li>
</ul>
Remarque
 : vous pouvez également accéder au renouvellement actualisé d'une
 facture, via la touche [F5],
 puis sélectionner la facture concernée, appuyer sur la touche
 <Entrée> et cliquer
 sur [renouvt aCtualisé]. </td>
</tr>
<tr class="t1Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">2</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">Cliquer sur [liste
 des renouVellements client].
<ul>
 <li class="Resultat_Tableau" style="color: #607284;">La liste des renouvellements du
 client s'affiche. (<a class="dropspot" href="javascript:TextPopup(this)"
 id="a2">Voir</a>)
 <div class="droptext" id="POPUP448612676" style="display: none;">
 <img src="Liste_Renouvellement.jpg" alt="" style="border: none;"
 border="0" />
 </div></li>
</ul>
Remarque
 : le numéro du renouvellement s'affiche ainsi que les produits
 dispensés.</td>
</tr>
<tr class="t2Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">3</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">Sélectionner la dispensation à renouveler
 et appuyer sur la touche [A renouvellement
 Actualisé].
Remarque
 : sélectionner en premier la dispensation et ensuite les lignes
 de la dispensation. SI vous sélectionnez une ligne avant la dispensation,
 le message suivant s'affiche. (<a
 class="dropspot" href="javascript:TextPopup(this)" id="a5">Voir</a>)
<div class="droptext" id="POPUP440995091_1_1_1" style="display: none;">
 <img src="Message_Selection_Lignes_Dispensation_Rnvt.jpg"
 alt="" style="border: none;" border="0" />
</div>
<ul>
 <li class="Resultat_Tableau">Le
 logiciel demande le numéro du renouvellement. (<a class="dropspot"
 href="javascript:TextPopup(this)" id="a3">Voir</a>)
 <div class="droptext" id="POPUP448653551" style="display: none;">
 <img src="Demande_Numero_Renouvellement.jpg" alt=""
 style="border: none;" border="0" />
 </div></li>
</ul></td>
</tr>
<tr class="t1Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">4</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">Indiquer le numéro du renouvellement.
<ul>
 <li class="Resultat_Tableau" style="color: #607284;">Le logiciel rapatrie les informations
 de la facture dans l'espace de travail.</li>
</ul></td>
</tr>
<tr class="t2Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">5</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">Valider la vente via la touche <*>.
<ul>
 <li class="Resultat_Tableau">Le numéro de renouvellement s'affiche
 dans la zone Renouvellement. (<a class="dropspot" href="javascript:TextPopup(this)"
 id="a4">Voir</a>)
 <div class="droptext" id="POPUP484680565_1_1_1" style="display: none;">
 <img src="Zone_Renouvellement_Modifiable.jpg" alt=""
 style="border: none;" border="0" />
 </div></li>
</ul>
Remarque
 : vous pouvez encore modifier le numéro de renouvellement à cette
 étape.</td>
</tr>
<tr class="t1Row" style="vertical-align: middle;">
<td class="t1st" style="border-left: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
 border-bottom: Solid 1px #dbdbdb;">6</td>
<td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;">Terminer la vente.</td>
</tr>
</table>
<?rh-script_start ?><script type="text/javascript" language="JavaScript1.2">//<![CDATA[
if( typeof( TextPopupInit ) != 'function' ) TextPopupInit = new Function();
TextPopupInit('a1', 'POPUP507750580');
TextPopupInit('a2', 'POPUP448612676');
TextPopupInit('a5', 'POPUP440995091_1_1_1');
TextPopupInit('a3', 'POPUP448653551');
TextPopupInit('a4', 'POPUP484680565_1_1_1');
//]]></script><?rh-script_end ?>
</body>
</html>

Report · Apr 27, 2012

Hi

I attach a zip file containing HTML page with snippet and dropdown.

Cordialement

Florence

Report · Apr 27, 2012

Sorry, Florence, you can’t attach files to posts on the forum – they get stripped off.

Adobe Community

drop-down hotspots in snippet (.hts file) and mozilla firefox