@tbettinazziaxioma-it
@tbettinazziaxioma-it
Forum Replies Created
-
AuthorPosts
-
tbettinazzi@axioma.itParticipant
I followed Your instruction but nothing changed.
Still present also the console javascript error.
Here the code
<!DOCTYPE html>
<html>
<head>
<title>Table Basic Demo</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
</head>
<body class=”viewport”>
<div class=”demo-description”> Our Table web component can be used to wrap or replace standard Tables and add different styles, hover effects, sorting by one or multiple columns, add, remove and update rows. </div>
<smart-table id=”table” width=”100%”>
<table>
<thead>
<tr>
<th class=”riattualizza_record_header” >
</th>
<th class=”riattualizza_record_header” >
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >
</th>
</tr>
</thead>
<tbody>
<tr>
<td width=”1%” class=”carattere_riattualizza_record” nowrap>
<span border=”0″ id=”Annullamento383660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”Annullamento383660″ id=”tooltipAnnullamento383660″>Valido</smart-tooltip>
<span id=”StatoInterfaccia83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoInterfaccia83660″ id=”tooltipStatoInterfaccia83660″>Stato interfaccia AVA: processata</smart-tooltip>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_modTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_modTestata(65474,83660);” id=”tooltipab_modTestata(65474,83660);”>Modifica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-pencil blue cfg-button-font-icon”></span>
</button>
<button id=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>
<smart-tooltip position=”bottom” selector=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” id=”tooltipab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>Duplica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-files-o blue cfg-button-font-icon”></span>
</button>
<button id=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” id=”tooltipab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);”>Elimina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-close red cfg-button-font-icon”></span>
</button>
<button id=”ab_ripTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_ripTestata(65474,83660);” id=”tooltipab_ripTestata(65474,83660);”>Ripristina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-reply blue cfg-button-font-icon”></span>
</button>
<button id=”ab_docTestata(65474,”);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_docTestata(65474,”);” id=”tooltipab_docTestata(65474,”);”>Documenti</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-o blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” id=”tooltipfinestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>Valori personalizzati</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-expand blue cfg-button-font-icon”></span>
</button>
<button id=”ab_downloadCarrelliCsv(83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_downloadCarrelliCsv(83660);”>
<smart-tooltip position=”bottom” selector=”ab_downloadCarrelliCsv(83660);” id=”tooltipab_downloadCarrelliCsv(83660);”>Scarica carrello in formato csv</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-cart-arrow-down blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle” width=”1px” class=”carattere_riattualizza_record” nowrap>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_pdfTestata(65474,643341,287293);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_pdfTestata(65474,643341,287293);”>
<smart-tooltip position=”bottom” selector=”ab_pdfTestata(65474,643341,287293);” id=”tooltipab_pdfTestata(65474,643341,287293);”>Pdf</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-pdf-o blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle” style=”text-align:left” class=”carattere_riattualizza_record” nowrap>
<span id=”StatoConfigurazione83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoConfigurazione83660″ id=”tooltipStatoConfigurazione83660″>PROCESSATA</smart-tooltip>
</td>
<td class=”carattere_riattualizza_record” nowrap>
83660
</td>
<td class=”carattere_riattualizza_record” nowrap> </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap> 2202501 PMENG</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap></td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>JONATHAN.FLIPPANCE</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>ZWI/4000009545</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>007964</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>WAM ENGINEERING LTD </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>EUR</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>413.600</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>20006575</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>MICHAL.SYGNECKI</td>
</tr>
</tbody>
</table>
</smart-table>
<!– scripts –>
<script src=”../../../source/smart.elements.js”></script>
<script src=”index.js”></script>
</body>
</html>tbettinazzi@axioma.itParticipantLooking at the console I saw an error : Uncaught SyntaxError: invalid range in character class smart.elements.js:45:17131
I tetsed it also with 14.2 version but nothing changed.
- This reply was modified 2 years, 4 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantHere a simple testcase which reproduces the problem.
<!DOCTYPE html>
<html>
<head>
<title>Table Basic Demo</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
</head>
<body class=”viewport”>
<div class=”demo-description”> Our Table web component can be used to wrap or replace standard Tables and add different styles, hover effects, sorting by one or multiple columns, add, remove and update rows. </div>
<smart-table id=”table” width=”100%”>
<tr>
<th class=”riattualizza_record_header” align=”center”>
<font class=”carattere_riattualizza_record_header”>Azioni</font>
</th>
<th class=”riattualizza_record_header” align=”center”>
<font class=”carattere_riattualizza_record_header”>Lista report</font>
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>
<font class=”carattere_riattualizza_record_header”>Stato</font>
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>
<font class=”carattere_riattualizza_record_header”>Id</font>
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>
<font class=”carattere_riattualizza_record_header”>Stato testata</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Riferimento Ordine Cliente</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Conferma ordine filiale</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Utente</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Numero Pratica</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Data documento</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Codice Cliente</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Ragione Sociale</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Valuta</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Importo</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Ordine ERP</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Data modifica</font>
</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>
<font class=”carattere_riattualizza_record_header”>Utente modifica</font>
</th>
</tr>
<tr>
<td width=”1%” class=”carattere_riattualizza_record” nowrap>
<span border=”0″ id=”Annullamento383660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”Annullamento383660″ id=”tooltipAnnullamento383660″>Valido</smart-tooltip>
<span id=”StatoInterfaccia83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoInterfaccia83660″ id=”tooltipStatoInterfaccia83660″>Stato interfaccia AVA: processata</smart-tooltip>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_modTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_modTestata(65474,83660);” id=”tooltipab_modTestata(65474,83660);”>Modifica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-pencil blue cfg-button-font-icon”></span>
</button>
<button id=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>
<smart-tooltip position=”bottom” selector=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” id=”tooltipab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>Duplica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-files-o blue cfg-button-font-icon”></span>
</button>
<button id=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” id=”tooltipab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);”>Elimina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-close red cfg-button-font-icon”></span>
</button>
<button id=”ab_ripTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_ripTestata(65474,83660);” id=”tooltipab_ripTestata(65474,83660);”>Ripristina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-reply blue cfg-button-font-icon”></span>
</button>
<button id=”ab_docTestata(65474,”);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_docTestata(65474,”);” id=”tooltipab_docTestata(65474,”);”>Documenti</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-o blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” id=”tooltipfinestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>Valori personalizzati</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-expand blue cfg-button-font-icon”></span>
</button>
<button id=”ab_downloadCarrelliCsv(83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_downloadCarrelliCsv(83660);”>
<smart-tooltip position=”bottom” selector=”ab_downloadCarrelliCsv(83660);” id=”tooltipab_downloadCarrelliCsv(83660);”>Scarica carrello in formato csv</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-cart-arrow-down blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle” width=”1px” class=”carattere_riattualizza_record” nowrap>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_pdfTestata(65474,643341,287293);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_pdfTestata(65474,643341,287293);”>
<smart-tooltip position=”bottom” selector=”ab_pdfTestata(65474,643341,287293);” id=”tooltipab_pdfTestata(65474,643341,287293);”>Pdf</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-pdf-o blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle” style=”text-align:left” class=”carattere_riattualizza_record” align=”center” nowrap>
<span id=”StatoConfigurazione83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoConfigurazione83660″ id=”tooltipStatoConfigurazione83660″>PROCESSATA</smart-tooltip>
</td>
<td class=”carattere_riattualizza_record” align=”center” nowrap>
83660
</td>
<td class=”carattere_riattualizza_record” align=”center” nowrap> </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap> 2202501 PMENG</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap></td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>JONATHAN.FLIPPANCE</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>ZWI/4000009545</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>007964</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>WAM ENGINEERING LTD </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>EUR</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>413.600</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>20006575</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>MICHAL.SYGNECKI</td>
</tr>
</smart-table>
<!– scripts –>
<script src=”../../../source/smart.elements.js”></script>
<script src=”index.js”></script>
</body>
</html>tbettinazzi@axioma.itParticipantHere the test case.
On the first checkbox if You change from checked to unchecked You’ll se an alert “C1 0” (correct) but if You goes from unchecked to checked You’ll get “C1 -1″ (wrong, it should be the same as before).
Tks
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Checkbox Overview Demo</title>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”../../styles/demos.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” /></head>
<body class=”viewport”>
<script>
function applica(element) {
var myPage = document.forms[0];
var id = -1;
var elementName = element.name;
for (var i = 0; i < myPage.length; i++) {
if (myPage.elements[i].name == elementName) {
id = i;
}
}
alert(elementName + ” ” +id);
}
</script>
<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br/>
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br/>
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br/>
</div>
<br/>
<form>
<div>
<div class=”check-box-container-light”>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</form>
</section>
<br/>
<!– scripts –>
<script src=”../../../source/modules/smart.checkbox.js”></script>
<script src=”index.js”></script></body>
</html>tbettinazzi@axioma.itParticipantUnfortunately this doesn’t solve my problem.
I need the sequence in order to set the focus on the next item.
But my question is : why, when a checkbox is not checked, it isn’t in the list of elements in the page ?
Tks
tbettinazzi@axioma.itParticipantI investigate deeper and the problem seems to be a little more complex.
In the onfocus I activate the following code in order to have the sequence number of the element :
var elementName = getElementName(element);
for (var i = 0; i < myPage.length; i++) {
if (getElementName(myPage.elements[i]) == elementName) {
id = i;
}
}I found that when the checkbox goes from unchecked to checked the code fails and doesn’t find the sequence number, when it goes from checked to unchecked it works and finds the correct sequence number.
Could You explain me why ?
I also listed all elements and, effectively, when the checkbox is non checked it doesn’t esist in list of the element of the pages.
Tks
Tks
- This reply was modified 2 years, 4 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantSorry but I didn’t understand (may be some comma are missing).
When a checkbok has not the focus and I click on it it will fire before onfocus and then onchange or viceversa ?
Tks
Tullio
tbettinazzi@axioma.itParticipant<span class="Y2IQFc" lang="en">Effectively it seems to fire before the onchange event and then the onfocus doesn't fire. Tks</span>
tbettinazzi@axioma.itParticipantI solved.
Tks
tbettinazzi@axioma.itParticipantI solved using edit_mode=full
tks
- This reply was modified 2 years, 4 months ago by tbettinazzi@axioma.it.
September 12, 2022 at 3:34 pm in reply to: Date time calendar tab header undefined in italian #103668tbettinazzi@axioma.itParticipantI tested Your suggestion but it doesn’t work.
In your demo the date picker is setted “en” and then changed to “it”.
However If you set directly “it” as in
<smart-date-time-picker class=”demoDateTimePickerWide”
calendar-button
enable-mouse-wheel-action
drop-down-position=”center-bottom”
spin-buttons
spin-buttons-position=”left”
locale=”it”></smart-date-time-picker>You’ll see the value undefined.
Tks
Tullio
September 8, 2022 at 7:19 am in reply to: Date time calendar tab header undefined in italian #103653tbettinazzi@axioma.itParticipantTks for Your help.
In my “environment”, however, I don’t know “a priori” how many datepicker I’ve (it’s a runtime generated html code).
Is there any way to set it once for all ?
Tks
tbettinazzi@axioma.itParticipantSorry but I don’t understand what I should do.
How can I set such variables ?
Could You provide a small example ?
Tks
tbettinazzi@axioma.itParticipantTks.
I still have some small problems :
- the button label is allways capital (even if I write Take License I see TAKE LICENSE)
- how can I control the button size to make i larger enough to keep the button text (e.g. take license)
Tks
Tullio
tbettinazzi@axioma.itParticipantTks, it seems to work.
How can I force the calendar to appear in italian and not in english ?
Tks
-
AuthorPosts