10 Replies Latest reply on Apr 27, 2012 9:18 AM by Jeff_Coatsworth

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

    FB_fr

      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 ?

        • 1. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
          Willam van Weelden Adobe Community Professional & MVP

          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

          • 2. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
            FB_fr Level 1

            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

             

            cid:image001.png@01CD2394.D50C7DB0

            • 3. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
              Willam van Weelden Adobe Community Professional & MVP

              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

              • 4. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                FB_fr Level 1

                Here is the HTML of a snippet :

                 

                . La liste des renouvellements du

                                                                client s'affiche. ( <span class="Menu_deroulant_a">Voir</span> )




                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. ( <span class="Menu_deroulant_a">Voir</span> )

                   

                   

                  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

                   

                  cid:image001.png@01CD23C9.F80AFA00

                  • 5. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                    Willam van Weelden Adobe Community Professional & MVP

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

                     

                    Greet,

                     

                    Willam

                    • 6. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                      FB_fr Level 1

                      Do you mean using the Adobe forum ?

                      How to reply via the forum ?

                       

                      Cordialement

                      Florence

                       

                      cid:image001.png@01CD245C.356009D0

                      • 7. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                        Willam van Weelden Adobe Community Professional & MVP

                        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

                        1 person found this helpful
                        • 8. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                          FB_fr Level 1

                          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>
                          <p class="Texte">Suivre la procédure décrite ci-dessous pour réaliser un
                          renouvellement actualisé.</p>
                          <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"><p class="Etape_Action"><span
                             style="text-transform: uppercase;">é</span>tape</p></td>
                            <td style="border-top: Solid 1px #dbdbdb; border-right: Solid 1px #dbdbdb;
                              border-bottom: Solid 1px #dbdbdb;" bgcolor="#6A7E93"><p class="Etape_Action">Action</p></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;"><p class="Num_etape">1</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">En espace de travail, saisir le nom
                             du client et appuyer sur la touche <span class="Bouton">[F2 Reprise
                             facture]</span> du clavier.</p>
                            <ul>
                             <li class="Resultat_Tableau" style="color: #607284;"><p class="Texte_Tableau"
                               style="color: #607284;">La liste des menus s'affiche.
                              (<a class="dropspot" href="javascript:TextPopup(this)" id="a1"><span
                              class="Menu_deroulant_a">Voir</span></a>)</p>
                             <div class="droptext" id="POPUP507750580" style="display: none;">
                              <p><img src="Menus_F2_EspaceTravail.jpg" alt="" style="border: none;"
                                 border="0" /></p>
                             </div></li>
                            </ul>
                            <p class="Remarque"><span style="font-weight: bold;">Remarque</span>
                             : vous pouvez également accéder au renouvellement actualisé d'une
                             facture, via la touche <span style="font-weight: bold;">[F5]</span>,
                             puis sélectionner la facture concernée, appuyer sur la touche
                             <span style="font-weight: bold;">&lt;Entrée&gt;</span> et cliquer
                             sur<span style="font-weight: bold;"> [renouvt aCtualisé]. </span></p></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;"><p class="Num_etape">2</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">Cliquer sur <span class="Bouton">[liste
                             des renouVellements client]</span>.</p>
                            <ul>
                             <li class="Resultat_Tableau" style="color: #607284;"><p class="Texte_Tableau"
                               style="color: #607284;">La liste des renouvellements du
                              client s'affiche. (<a class="dropspot" href="javascript:TextPopup(this)"
                                    id="a2"><span class="Menu_deroulant_a">Voir</span></a>)</p>
                             <div class="droptext" id="POPUP448612676" style="display: none;">
                              <p><img src="Liste_Renouvellement.jpg" alt="" style="border: none;"
                                 border="0" /></p>
                             </div></li>
                            </ul>
                            <p class="Remarque"><span style="font-weight: bold;">Remarque</span>
                             : le numéro du renouvellement s'affiche ainsi que les produits
                             dispensés.</p></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;"><p class="Num_etape">3</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">Sélectionner la dispensation à renouveler
                             et appuyer sur la touche<span class="Bouton"> [A renouvellement
                             Actualisé]</span>.</p>
                            <p class="Remarque"><span style="font-weight: bold;">Remarque</span>
                             : 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. <span style="color: #607284;">(</span><a
                             class="dropspot" href="javascript:TextPopup(this)" id="a5"><span
                             class="Menu_deroulant_a">Voir</span></a><span style="color: #607284;">)</span></p>
                            <div class="droptext" id="POPUP440995091_1_1_1" style="display: none;">
                             <p><img src="Message_Selection_Lignes_Dispensation_Rnvt.jpg"
                                alt="" style="border: none;" border="0" /></p>
                            </div>
                            <ul>
                             <li class="Resultat_Tableau"><p class="Texte_Tableau" style="color: #607284;">Le
                              logiciel demande le numéro du renouvellement. (<a class="dropspot"
                              href="javascript:TextPopup(this)" id="a3"><span class="Menu_deroulant_a">Voir</span></a>)</p>
                             <div class="droptext" id="POPUP448653551" style="display: none;">
                              <p><img src="Demande_Numero_Renouvellement.jpg" alt=""
                                 style="border: none;" border="0" /></p>
                             </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;"><p class="Num_etape">4</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">Indiquer le numéro du renouvellement.</p>
                            <ul>
                             <li class="Resultat_Tableau" style="color: #607284;"><p class="Texte_Tableau"
                               style="color: #607284;">Le logiciel rapatrie les informations
                              de la facture dans l'espace de travail.</p></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;"><p class="Num_etape">5</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">Valider la vente via la touche <span
                             class="Bouton">&lt;*&gt;</span>.</p>
                            <ul>
                             <li class="Resultat_Tableau"><p class="Texte_Tableau"><span
                              style="color: #607284;">Le numéro de renouvellement s'affiche
                              dans la zone </span><span style="color: #607284; font-weight: bold;">Renouvellement</span><span
                              style="color: #607284;">. (</span><a class="dropspot" href="javascript:TextPopup(this)"
                                        id="a4"><span class="Menu_deroulant_a">Voir</span></a><span
                              style="color: #607284;">)</span></p>
                             <div class="droptext" id="POPUP484680565_1_1_1" style="display: none;">
                              <p><img src="Zone_Renouvellement_Modifiable.jpg" alt=""
                                 style="border: none;" border="0" /></p>
                             </div></li>
                            </ul>
                            <p class="Remarque"><span style="font-weight: bold;">Remarque</span>
                             : vous pouvez encore modifier le numéro de renouvellement à cette
                             étape.</p></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;"><p class="Num_etape">6</p></td>
                            <td class="last" style="border-right: Solid 1px #dbdbdb; border-bottom: Solid 1px #dbdbdb;"><p
                              class="Texte_Tableau">Terminer la vente.</p></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>

                           

                           

                          • 9. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                            FB_fr Level 1

                            Hi

                             

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

                             

                            Cordialement

                            Florence

                             

                            cid:image001.png@01CD249A.444BBC30

                            • 10. Re: drop-down hotspots in snippet (.hts file) and mozilla firefox
                              Jeff_Coatsworth Adobe Community Professional & MVP

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