Re: Javascript becomes unusable

Marco DE BOOIJ <[email protected]> Thu, 20 Feb 2025 22:21:19 +0100
Newsgroups gmane.comp.java.openejb.user
Message-ID <83c155b6-920f-44d6-9823-9e6c85eef324__44106.338783034$1740086501$gmane$org@gmail.com>
It is TomEE Plus 10.0.0 and I come from TomEE 8.0.16. This is the 
template that I use:

<html lang="#{gebruiker.locale.language}"
      xmlns="http://www.w3.org/1999/xhtml"
    xmlns:d="http://java.debooy.eu/jsf/facelets"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
   xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
   <h:head>
     <ui:param name="applicatienaam" value="#{doos.applicatieNaam}" />
     <ui:param name="path"           value="#{doos.path}" />
     <title>#{applicatienaam} - #{i18nTeksten.tekst('doos.titel')}</title>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible"  content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" type="text/css" media="all" 
href="/common/css/jquery.dataTables.min.css" />
     <link rel="stylesheet" type="text/css" media="all" 
href="/common/css/jquery-ui-1.12.1.min.css" />
     <link rel="stylesheet" type="text/css" media="all" 
href="#{properties.appValue('doos.stylesheet')}" />
     <script src="/common/js/jquery-3.5.1.min.js"></script>
     <script src="/common/js/jquery.dataTables.min.js"></script>
     <script src="/common/js/jquery-ui-1.12.1.min.js"></script>
     <script src="/common/js/dOOS.js"></script>
     <script src="#{path}/js/common.js"></script>
     <link rel="shortcut icon" href="#{path}/favicon.ico" />
     <ui:insert name="head" />
   </h:head>
   <h:body>
     <div id="container">
       <div id="menu" class="row">
         <d:menu bean="#{doos}" applicatienaam="#{applicatienaam}" 
path="#{path}" />
       </div>
       <div id="content" class="row">
         <div class="container">
           <ui:insert name="body" />
           <d:messages />
         </div>
       </div>
       <div id="footer" class="row">
         <div class="container">
           <div class="is-12 has-text-right footer">
             <d:footer />
           </div>
         </div>
       </div>
       <div id="modal" class="row">
         <ui:insert name="modal" />
       </div>
     </div>
     <script src="/common/js/Bulma.js"></script>
   </h:body>
</html>

The index.xhtml is:

<ui:composition
     xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  template="/WEB-INF/templates/template.xhtml">
   <ui:define name="body" />
</ui:composition>

This is the source that is shown by the browser:

<!DOCTYPE html>

<html lang='nl' xmlns='http://www.w3.org/1999/xhtml'>
  <head>&#x0a;
   <title>dOOS - DOOS Administratie
   </title>&#x0a;
   <meta charset='utf-8'>&#x0a;
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>&#x0a;
   <meta name='viewport' content='width=device-width, 
initial-scale=1'>&#x0a;
   <link rel='stylesheet' type='text/css' media='all' 
href='/common/css/jquery.dataTables.min.css'>&#x0a;
   <link rel='stylesheet' type='text/css' media='all' 
href='/common/css/jquery-ui-1.12.1.min.css'>&#x0a;
   <link rel='stylesheet' type='text/css' media='all' 
href='/common/css/dOOS-blauw.css'>&#x0a;
   <script src='/common/js/jquery-3.5.1.min.js'></script>&#x0a;
   <script src='/common/js/jquery.dataTables.min.js'></script>&#x0a;
   <script src='/common/js/jquery-ui-1.12.1.min.js'></script>&#x0a;
   <script src='/common/js/dOOS.js'></script>&#x0a;
   <script src='/doos/js/common.js'></script>&#x0a;
   <link rel='shortcut icon' href='/doos/favicon.ico'>
  </head>
  <body>&#x0a;
   <div id='container'>&#x0a;
    <div id='menu' class='row'>&#x0a;
     <div class='container'>&#x0a;
      <nav class='navbar' role='navigation' aria-label='hoofdmenu'>&#x0a;
       <div id='dOOS' class='navbar-item'>
        <a class='nav-link' href='/doos/index.xhtml'>dOOS</a>
       </div>&#x0a;
       <div id='hoofdmenu' class='navbar-menu'>&#x0a;
        <div class='navbar-start'>&#x0a;
         <div class='navbar-item has-dropdown is-hoverable'>&#x0a;
          <a id='i18n' class='navbar-link' href='#'>Administratie</a>&#x0a;
          <div class='navbar-dropdown'>&#x0a;
           <a class='navbar-item' 
href='/doos/admin/logs.xhtml'>Logging</a>&#x0a;
           <a class='navbar-item' 
href='/doos/admin/parameters.xhtml'>Parameters</a>&#x0a;
           <a class='navbar-item' 
href='/doos/admin/quartzjobs.xhtml'>Quartz</a>&#x0a;
          </div>&#x0a;
         </div>&#x0a;
         <div id='/doos/admin/cache.xhtml' class='navbar-item'>
          <a class='nav-link' href='/doos/admin/cache.xhtml'>Cache</a>
         </div>&#x0a;
         <div id='/doos/charts/chart.xhtml' class='navbar-item'>
          <a class='nav-link' href='/doos/charts/chart.xhtml'>Grafiek</a>
         </div>&#x0a;
         <div class='navbar-item has-dropdown is-hoverable'>&#x0a;
          <a id='i18n' class='navbar-link' href='#'>I18N</a>&#x0a;
          <div class='navbar-dropdown'>&#x0a;
           <a class='navbar-item' href='/doos/i18n/i18nCodes.xhtml'>I18N 
Codes</a>&#x0a;
           <a class='navbar-item' 
href='/doos/i18n/i18nLijsten.xhtml'>I18N Lijsten</a>&#x0a;
           <a class='navbar-item' 
href='/doos/talen/talen.xhtml'>Talen</a>&#x0a;
           <a class='navbar-item' 
href='/doos/lokalen/lokalen.xhtml'>Lokalen</a>&#x0a;
          </div>&#x0a;
         </div>&#x0a;
         <div id='/doos/lijsten/lijsten.xhtml' class='navbar-item'>
          <a class='nav-link' href='/doos/lijsten/lijsten.xhtml'>Lijsten</a>
         </div>&#x0a;
         <div id='/doos/logging/logging.xhtml' class='navbar-item'>
          <a class='nav-link' href='/doos/logging/logging.xhtml'>Logging</a>
         </div>&#x0a;
         <div id='/doos/parameters/parameters.xhtml' class='navbar-item'>
          <a class='nav-link' 
href='/doos/parameters/parameters.xhtml'>Parameters</a>
         </div>&#x0a;
         <div id='/doos/quartzjobs/quartzjobs.xhtml' class='navbar-item'>
          <a class='nav-link' 
href='/doos/quartzjobs/quartzjobs.xhtml'>Quartz</a>
         </div>&#x0a;
        </div>&#x0a;
       </div>&#x0a;
       <div id='gebruikerinfo' class='navbar-end'>&#x0a;
        <div id='gebruiker' class='navbar-item'>Marco de 
Administrateur-Gebruiker
         <img alt='nl' align='right' hspace='10px' 
src='/common/images/taal/nl.png' title='nl' height='9'>
        </div>&#x0a;
       </div>&#x0a;
      </nav>&#x0a;
     </div>&#x0a;
    </div>&#x0a;
    <div id='content' class='row'>&#x0a;
     <div class='container'>&#x0a;
      <div class='is-12'>&#x0a;
      </div>&#x0a;
     </div>&#x0a;
    </div>&#x0a;
    <div id='footer' class='row'>&#x0a;
     <div class='container'>&#x0a;
      <div class='is-12 has-text-right footer'>  Versie: 4.2.0-SNAPSHOT 
| Bouwdatum: 2025-02-19 22:03:01&#x0a;
      </div>&#x0a;
     </div>&#x0a;
    </div>&#x0a;
    <div id='modal' class='row'>&#x0a;
    </div>&#x0a;
   </div>&#x0a;
   <script src='/common/js/Bulma.js'></script>
  </body>&#x0a;
</html>

Regards,

Marco

Op 20/02/2025 om 18:58 schreef Richard Zowalla:
> Which flavour of TomEE? Maybe put up a sample.
>
> Gruß
> Richard
>
> Am 20. Februar 2025 14:21:10 MEZ schrieb Marco DE BOOIJ<[email protected]>:
>> I am busy to migrate from Tomee 8 to Tomee 10. Less easy than expected. Now I am able to run an application on Tomee 10, but a strange translation is done. All LF characters are  replaced by &#x0a;. This is the HTML code for the LF. This is annoying, but the pages get displayed correctly. I also notice that all " are replaced by '. The bad part is that it replaces some characters in my JavaScript, which makes it unusable.
>>
>> On Tomee 8 it works. Here is a snippet:
>>
>>                    <div class="field is-grouped">
>>                      <p class="control"><a href="#" onclick="return myfaces.oam.submitForm('cacheForm','cacheForm:bekijkProperties');" id="cacheForm:bekijkProperties" class="button">Bekijken</a>
>>                      </p>
>>                      <p class="control"><a href="#" onclick="return myfaces.oam.submitForm('cacheForm','cacheForm:clearProperties');" id="cacheForm:clearProperties" class="button">Leegmaken</a>
>>                      </p>
>>                    </div>
>>
>> On Tomee 10 the same part is:
>>
>>              <div class='field is-grouped'>&#x0a;
>>               <p class='control'>
>>                <script type='text/javascript' src='/doos/jakarta.faces.resource/faces.js.xhtml?ln=jakarta.faces'></script>
>>                <a href='#' onclick='return myfaces.oam.submitForm(&#x27;cacheForm&#x27;,&#x27;cacheForm:bekijkI18nTeksten&#x27;);' id='cacheForm:bekijkI18nTeksten' class='button'>Bekijken</a>&#x0a;
>>               </p>&#x0a;
>>               <p class='control'>
>>                <a href='#' onclick='return myfaces.oam.submitForm(&#x27;cacheForm&#x27;,&#x27;cacheForm:clearI18nTeksten&#x27;);' id='cacheForm:clearI18nTeksten' class='button'>Leegmaken</a>&#x0a;
>>               </p>&#x0a;
>>              </div>&#x0a;
>>
>> Did I miss some parameter to be set?
>>
>>
>> Kind regards,
>>
>> Marco