HTML-parse extract value from javascript

Hello there,

once again I have a flow to read values from my Heating-Systems Web-UI an puts the data into an SQL-DB. First part to the problem was solved by @E1cid (thank you again) here: html-parce-to-sql-flow-optimization

Unfortunately there are other pages with different structure, where the desired values are not in the plain HTML.
The HTML look like:

  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. NACHT</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val7','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val7','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="2" value="" name="val7" id="val7" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val7'] = new Array();
      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';
      valSettings['val7']['max'] = '30';
      
            
      jsvalues['7'] = new Array();
      jsvalues['7']['id']='val7';
      jsvalues['7']['val']='21,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval58">

I want to get "RAUMTEMP. NACHT" and the corresponding Value "21,5".

My current try looks like:

[
    {
        "id": "092ceda1e64fd139",
        "type": "html",
        "z": "cb085eef1cd8e696",
        "name": "",
        "property": "payload",
        "outproperty": "payload",
        "tag": "script.val, .title",
        "ret": "text",
        "as": "single",
        "x": 400,
        "y": 320,
        "wires": [
            [
                "83830f8dcc177657",
                "e1b27dd0d724abbc"
            ]
        ]
    },
    {
        "id": "83830f8dcc177657",
        "type": "function",
        "z": "cb085eef1cd8e696",
        "name": "parse http",
        "func": "const output = {};\nfor(let i = 0; i < msg.payload.length; i += 2){\n    let value = parseFloat(msg.payload[i+1].replace(\",\", \".\"))\n    if(isNaN(value)) value = 0;\n    let key = msg.payload[i].replace(/[^A-Za-z0-9]+/g,\" \").trim().replace(/\\s/g, \"_\");\n    output[key] = value\n}\n\nmsg.payload = output;\n\nmsg.topic = \"task8\";\n\nreturn msg;\n",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 560,
        "y": 320,
        "wires": [
            [
                "199c9a19fd72d8bb",
                "bec8eab33bfc6b0c"
            ]
        ]
    },
    {
        "id": "7519ac97c48ffcc9",
        "type": "http request",
        "z": "cb085eef1cd8e696",
        "name": "LWZ",
        "method": "GET",
        "ret": "txt",
        "paytoqs": "ignore",
        "url": "192.168.2.120/?s=4,0",
        "tls": "",
        "persist": false,
        "proxy": "",
        "insecureHTTPParser": false,
        "authType": "",
        "senderr": false,
        "headers": [],
        "x": 230,
        "y": 320,
        "wires": [
            [
                "092ceda1e64fd139",
                "690670859ec91b41"
            ]
        ]
    }
]

With that I get the "titles" quite well but I couldn't manage to get the value :man_bowing:

If someone is willing to help me any advice is highly appreciated. :slightly_smiling_face:

Best Regards
Michael

You could use JSONata to find the substring section
e.g.

[{"id":"5043d3d9928e476d","type":"inject","z":"b779de97.b1b46","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":140,"y":2660,"wires":[["3619501058a5b350"]]},{"id":"3619501058a5b350","type":"template","z":"b779de97.b1b46","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. NACHT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val7','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val7','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"2\" value=\"\" name=\"val7\" id=\"val7\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val7'] = new Array();\n      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';\n      valSettings['val7']['max'] = '30';\n      \n            \n      jsvalues['7'] = new Array();\n      jsvalues['7']['id']='val7';\n      jsvalues['7']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval58\">","output":"str","x":300,"y":2660,"wires":[["55d71dd56580667b"]]},{"id":"55d71dd56580667b","type":"html","z":"b779de97.b1b46","name":"","property":"payload","outproperty":"temp","tag":"h3","ret":"text","as":"single","x":450,"y":2660,"wires":[["66d6156943dfacf6"]]},{"id":"66d6156943dfacf6","type":"change","z":"b779de97.b1b46","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"$substringBefore($substringAfter($$.payload, \"svalues['7']['val']='\"),\"'\")","tot":"jsonata"},{"t":"move","p":"payload","pt":"msg","to":"payload.temp","tot":"msg"},{"t":"move","p":"temp[0]","pt":"msg","to":"payload.title","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":600,"y":2660,"wires":[["387675af5fa81414"]]},{"id":"387675af5fa81414","type":"debug","z":"b779de97.b1b46","name":"debug 299","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":450,"y":2600,"wires":[]}]

Hello @E1cid ,

again, thank you for your help :grinning:

I checked your proposal and for sure it worked for the given example.

But in my first post I didn't choose the example right. Indeed there are several Values I'd want to fetch from the HTML.

So here the complete HTML:

<?xml version="1.0"?>
<!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" lang="de">
<head>
	<title>STIEBEL ELTRON Reglersteuerung</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="content-language" content="de" />
	<meta name="robots" content="noindex,nofollow" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
  
  <link rel="shortcut icon" href="./pics/brlogo.ico">
  <!-- does not exist link rel="stylesheet" href="./css/netzwerk.css" type="text/css" media="all" /-->
  <link rel="stylesheet" type="text/css" href="./css/slider/ste_slider.css" />	
	<!-- Blueprint CSS framework -->
	<link rel="stylesheet" href="./css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="./css/blueprint/print.css" type="text/css" media="print" />	
	<!--[if lt IE 8]><link rel="stylesheet" href="./css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
	
	<link rel="stylesheet" href="./css/layout.css" type="text/css" media="all" />
  	
	<link rel="stylesheet" href="./css/sifr.css" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/thickbox.css" type="text/css" media="all" />
	
	<link rel="stylesheet" type="text/css" href="./css/jquery.jqplot.min.css" />
	
	  
  	
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/thickbox.js"></script>
	<script type="text/javascript" src="./js/sifr.js"></script>
	<script type="text/javascript" src="./js/sifr_sw.js"></script>
	<script type="text/javascript" src="./js/scripts.js"></script>
  <script type="text/javascript" src="./js/json2.js"></script>
  <script type="text/javascript" src="./js/plugins/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="./js/setDNS1.js"></script>

	<!-- [if IE] -->
	<script language="javascript" type="text/javascript" src="./js/excanvas.min.js"></script>
	<!-- [endif] -->

	<!-- for dateAxisRenderer.js -->
	<script language="javascript" type="text/javascript" src="./js/plugins/Date.min.js"></script>
	<!-- BEGIN: load jqplot -->
	<script language="javascript" type="text/javascript" src="./js/jquery.jqplot.min.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.dateAxisRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.barRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.categoryAxisRenderer.js"></script>
	<!-- END: load jqplot -->
  
  <!-- BEGIN: load slider -->
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.core.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.widget.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.mouse.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.slider.js"></script>
	<!-- END: load slider -->
  
    
  <!-- BEGIN: Uhrzeit -->
  <script language="javascript" type="text/javascript">
var timestampunterschied = 1685263190 * 1000 - new Date().getTime();
</script>
<script src="./js/uhrzeit.js" type="text/javascript" language="javascript"></script>
  <!-- END:  Uhrzeit -->
  
</head>
<body>
<div id="header">
	<div class="head curdef">
		<div id="meta">
			<div id="login">
      			</div>
		</div>
    <div class="eingestelle_sprache"><strong><a href="?s=5,3" style="color:white">DEUTSCH</a></strong></div>
    <div id="Uhrzeit"></div>
		<div class="title">
      <a href="." onclick="return checkChanges(this);" title="zur Startseite">
        <img src="./pics/title.png" alt="Servicewelt" />
		
      </a>
            <div style="position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;"></div>
          </div>
		<div class="logo"><a href="." onclick="return checkChanges(this);" title="zur Startseite" class="home_link">&nbsp;</a></div>
	</div>
</div>


<div class="container" id="page">
  <div id="main" >
  <div id="SpacerFirefox"></div>
    <div id="nav">
      <div class="clear"></div>
            <div class="nav left defaultfirst">
        <div class="l left">&nbsp;</div>
        <div class="c left link1">
          <a onclick="return checkChanges(this);" href="?s=0">START</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link2">
          <a >INFO</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=1,0">ANLAGE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,1">WÄRMEPUMPE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,2">LIZENZBESTIMMUNGEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,3">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,4">BEDIENUNG UND INSTALLATION</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link3">
          <a >DIAGNOSE</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=2,0">STATUS</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,1">INBETRIEBNAHME</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,2">FEHLERLISTE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,3">FACHMANN</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link4">
          <a >PROGRAMME</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=3,0">HEIZPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,1">WARMWASSERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,2">LÜFTERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,3">PARTYPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,4">FERIENPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,5">KÜHLZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,6">ANTILEGIONELLENZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,8">GRUNDEINSTELLUNG</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link5">
          <a >EINSTELLUNGEN</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=4,0">HEIZEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,1">WARMWASSER</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,2">LÜFTEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,3">KÜHLEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,4">SOLAR</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,5">ENERGIEMANAGEMENT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,6">ZEIT/DATUM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,7">INBETRIEBNAHME</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left defaultlast parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link6">
          <a >Profil</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second last">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=5,0">Netzwerk</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,1">Sicherheit</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,2">Anlagenbild</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,3">SPRACHE</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="clear"></div>
    </div>
        <div id="sub_nav" class="span-24"><div class="left main sifr span-9" style="width: 45%">HEIZEN</div>
<div class="span-15 last">
  <div class="nav default right" style="text-align:center;padding:0;" id="subsubnavicon">
    <a style="background-image:none;"><img src="pics/sub_nav_default_bg_bot_2.gif"></a>
    <div id="subsubnav" class="right" style="position:absolute; left:0px; background: url('pics/sub_sub_nav_bg_left.gif') repeat-y scroll 0pt 0pt white; z-index:99; display:none;margin-left:-5px;margin-top;2px">
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,1" onclick="return checkChanges(this);">RAUMTEMPERATUREN HK2</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,2" onclick="return checkChanges(this);">HEIZKURVE HK1</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,3" onclick="return checkChanges(this);">HEIZKURVE HK2</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,4" onclick="return checkChanges(this);">GRUNDEINSTELLUNG</a>
      </div>
          <div class="right" style="height: 7px; width: 100%; background-image: url('pics/sub_sub_nav_bg_bot.gif');">
        <img src="pics/sub_sub_nav_bg_round_top_right.gif" class="left">
      </div>
    </div>
  </div>
  <div class="nav active right">
    <div class="l"></div>
    <div class="c">
      <a id="subnavactivename"></a>
    </div>
    <div class="r"></div>
    <div class="clear"></div>
  </div>
  <script type="text/javascript">
    $("#subnavactivename").html('RAUMTEMPERATUREN HK1');
    $("#subsubnavicon").css( 'width', function(){ 
      return parseInt( $("#subsubnav").css('width')); 
    }).click(function(e){
      $("#subsubnav").slideToggle('fast');
      e.stopPropagation();
    });
    $("#subsubnav").click(function(e){
      e.stopPropagation();
    });
    $('body').bind('click', function(e) {
      $("#subsubnav").slideUp('fast');
    });
  </script>
</div>
<div class="clear"></div></div>
        <form id="werte" action="#" onsubmit="saveValues(this);return false;"><div id="content">
    <script type="text/javascript">
  var valSettings = new Array();
  var jsvalues = new Array();
  var jsobj;
</script>
<div class="focusguard" id="focusguard-1" tabindex="0"></div>
 <div class="calibration round span-24 last" id="calval5">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. TAG</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val5','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val5','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="1" value="" name="val5" id="val5" class="edit upndown firstElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val5'] = new Array();
      valSettings['val5']['type'] = 'float';       valSettings['val5']['min'] = '10';
      valSettings['val5']['max'] = '30';
      
            
      jsvalues['5'] = new Array();
      jsvalues['5']['id']='val5';
      jsvalues['5']['val']='21,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval7">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. NACHT</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val7','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val7','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="2" value="" name="val7" id="val7" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val7'] = new Array();
      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';
      valSettings['val7']['max'] = '30';
      
            
      jsvalues['7'] = new Array();
      jsvalues['7']['id']='val7';
      jsvalues['7']['val']='21,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval58">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. BEREITSCHAFT</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val58','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val58','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="3" value="" name="val58" id="val58" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val58'] = new Array();
      valSettings['val58']['type'] = 'float';       valSettings['val58']['min'] = '10';
      valSettings['val58']['max'] = '30';
      
            
      jsvalues['58'] = new Array();
      jsvalues['58']['id']='val58';
      jsvalues['58']['val']='10,0';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval54">
  <div class="span-7 ialigned">
    <h3 class="title">HEIZKREISSOLL HAND</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val54','+',10,65,'0.5',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val54','-',10,65,'0.5',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="4" value="" name="val54" id="val54" class="edit upndown lastElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val54'] = new Array();
      valSettings['val54']['type'] = 'float';       valSettings['val54']['min'] = '10';
      valSettings['val54']['max'] = '65';
      
            
      jsvalues['54'] = new Array();
      jsvalues['54']['id']='val54';
      jsvalues['54']['val']='19,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval14">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMISTTEMP</h3>
  </div>
  <div class="values span-7">
    <div class="info_alone" style="width:3.6em">23,7</div>
  </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p></p>
  </div>
  </div>
 <div class="focusguard" id="focusguard-2" tabindex="5"></div>
<div class="span-24 last">
  <div class="span-4 right">
    <div class="button left"  onclick="document.forms['werte'].onsubmit();"><div class="bg_r">&nbsp;</div><a>Speichern</a></div>  </div>
</div>
<div class="span-24 last"><p></p></div>

<script type="text/javascript">
$( document ).ready(function() {
  $('#focusguard-1').focus( function() {
	// "last" focus guard got focus: set focus to the first field
	$('.lastElement').focus();
	$('.lastElement').select();
	
  });

  $('#focusguard-2').focus( function() {
   // "first" focus guard got focus: set focus to the last field
   $('.firstElement').focus();
   $('.firstElement').select();
  });
}); 
</script>

    </div>  </form></div>
</div>
</div>
</div>
<div id="footer">
	<!--[if IE]>
	<style type="text/css">
	#footer
{
		
		height:260px;
}
	#versionsNummer
	{
		position:relative;
		top:-33px;
	}
	</style>

     	<![endif]-->
	<div class="span-24 last footer_middle curdef">
	
		<div class="span-8 prepend-top" style="height:145px">
						<div class="span-3">
			
				<img src="./pics/ste_footer_website.png" />
			</div>
			<div class="span-5 last">
				<p>
				
          					Weitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter					<a href="http://www.stiebel-eltron.de" target="_blank" class="extern">www.stiebel-eltron.de</a>
				</p>
			</div>
					</div>
	  
    		<div class="bordered span-1"></div>
		<div class="span-6 prepend-top">
			<div class="span-2">
			  <img src="./pics/footer_tel.png" />
			</div>
			<div class="span-4 last">
				<p>
					Unsere Service-Hotline erreichen Sie unter<br /><span class="big">05531 702-111</span>
				</p>
			</div>
	  </div>
    		<div class="bordered span-1"></div>
		<div class="span-7 prepend-top last">
			<p>
				Das Neueste rund um die Servicewelt				<br /><a href="http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/" target="_blank" class="extern">servicewelt</a>
			</p>
	  </div>
    
	</div>
  <div class="links span-23 prepend-top append-1 last footer_middle">
    <div class="span-17">
        		<a class="intern" href="?forcepage=dsgvo" onclick="return checkChanges(this);">Datenschutz</a>
				
		<a href="http://www.stiebel-eltron.de/de/info/impressum.html">Impressum</a>
      &nbsp;
      <p style="margin-top:8px" class="right" id="versionsNummer">v12.2.1</p>
    </div>
  	<div class="copyright span-6 last curdef">
  		&copy; STIEBEL ELTRON 2023  	</div>
  </div>
</div>
</body>
</html>

To meet the same structure as here it would be the best to get out an array like [title1, value1, title2, value2, ...]

Best Regards
Michael

By not supplying correct example and a complete explanation and exact output you have wasted time and effort.

Here is another example, lets hope your example is complete and output is correct as you do not clearly define it

[{"id":"5043d3d9928e476d","type":"inject","z":"b779de97.b1b46","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":220,"y":2900,"wires":[["3619501058a5b350"]]},{"id":"3619501058a5b350","type":"template","z":"b779de97.b1b46","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<?xml version=\"1.0\"?>\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"de\">\n<head>\n\t<title>STIEBEL ELTRON Reglersteuerung</title>\n\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n\t<meta http-equiv=\"imagetoolbar\" content=\"no\" />\n\t<meta name=\"content-language\" content=\"de\" />\n\t<meta name=\"robots\" content=\"noindex,nofollow\" />\n\t<meta name=\"keywords\" content=\"\" />\n\t<meta name=\"description\" content=\"\" />\n  \n  <link rel=\"shortcut icon\" href=\"./pics/brlogo.ico\">\n  <!-- does not exist link rel=\"stylesheet\" href=\"./css/netzwerk.css\" type=\"text/css\" media=\"all\" /-->\n  <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/slider/ste_slider.css\" />\t\n\t<!-- Blueprint CSS framework -->\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/screen.css\" type=\"text/css\" media=\"screen, projection\" />\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/print.css\" type=\"text/css\" media=\"print\" />\t\n\t<!--[if lt IE 8]><link rel=\"stylesheet\" href=\"./css/blueprint/ie.css\" type=\"text/css\" media=\"screen, projection\" /><![endif]-->\n\t\n\t<link rel=\"stylesheet\" href=\"./css/layout.css\" type=\"text/css\" media=\"all\" />\n  \t\n\t<link rel=\"stylesheet\" href=\"./css/sifr.css\" type=\"text/css\" media=\"all\" />\n\t<link rel=\"stylesheet\" href=\"./css/thickbox.css\" type=\"text/css\" media=\"all\" />\n\t\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"./css/jquery.jqplot.min.css\" />\n\t\n\t  \n  \t\n\t<script type=\"text/javascript\" src=\"./js/jquery.min.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/thickbox.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr_sw.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/scripts.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/json2.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/plugins/jquery-ui-1.8.6.custom.min.js\"></script>\n    <script type=\"text/javascript\" src=\"./js/setDNS1.js\"></script>\n\n\t<!-- [if IE] -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/excanvas.min.js\"></script>\n\t<!-- [endif] -->\n\n\t<!-- for dateAxisRenderer.js -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/Date.min.js\"></script>\n\t<!-- BEGIN: load jqplot -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/jquery.jqplot.min.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.dateAxisRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.barRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.categoryAxisRenderer.js\"></script>\n\t<!-- END: load jqplot -->\n  \n  <!-- BEGIN: load slider -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.core.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.widget.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.mouse.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.slider.js\"></script>\n\t<!-- END: load slider -->\n  \n    \n  <!-- BEGIN: Uhrzeit -->\n  <script language=\"javascript\" type=\"text/javascript\">\nvar timestampunterschied = 1685263190 * 1000 - new Date().getTime();\n</script>\n<script src=\"./js/uhrzeit.js\" type=\"text/javascript\" language=\"javascript\"></script>\n  <!-- END:  Uhrzeit -->\n  \n</head>\n<body>\n<div id=\"header\">\n\t<div class=\"head curdef\">\n\t\t<div id=\"meta\">\n\t\t\t<div id=\"login\">\n      \t\t\t</div>\n\t\t</div>\n    <div class=\"eingestelle_sprache\"><strong><a href=\"?s=5,3\" style=\"color:white\">DEUTSCH</a></strong></div>\n    <div id=\"Uhrzeit\"></div>\n\t\t<div class=\"title\">\n      <a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\">\n        <img src=\"./pics/title.png\" alt=\"Servicewelt\" />\n\t\t\n      </a>\n            <div style=\"position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;\"></div>\n          </div>\n\t\t<div class=\"logo\"><a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\" class=\"home_link\">&nbsp;</a></div>\n\t</div>\n</div>\n\n\n<div class=\"container\" id=\"page\">\n  <div id=\"main\" >\n  <div id=\"SpacerFirefox\"></div>\n    <div id=\"nav\">\n      <div class=\"clear\"></div>\n            <div class=\"nav left defaultfirst\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link1\">\n          <a onclick=\"return checkChanges(this);\" href=\"?s=0\">START</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link2\">\n          <a >INFO</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,0\">ANLAGE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,1\">WÄRMEPUMPE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,2\">LIZENZBESTIMMUNGEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,3\">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,4\">BEDIENUNG UND INSTALLATION</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link3\">\n          <a >DIAGNOSE</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,0\">STATUS</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,1\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,2\">FEHLERLISTE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,3\">FACHMANN</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link4\">\n          <a >PROGRAMME</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,0\">HEIZPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,1\">WARMWASSERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,2\">LÜFTERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,3\">PARTYPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,4\">FERIENPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,5\">KÜHLZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,6\">ANTILEGIONELLENZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,8\">GRUNDEINSTELLUNG</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link5\">\n          <a >EINSTELLUNGEN</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,0\">HEIZEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,1\">WARMWASSER</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,2\">LÜFTEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,3\">KÜHLEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,4\">SOLAR</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,5\">ENERGIEMANAGEMENT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,6\">ZEIT/DATUM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,7\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left defaultlast parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link6\">\n          <a >Profil</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second last\">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,0\">Netzwerk</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,1\">Sicherheit</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,2\">Anlagenbild</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,3\">SPRACHE</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"clear\"></div>\n    </div>\n        <div id=\"sub_nav\" class=\"span-24\"><div class=\"left main sifr span-9\" style=\"width: 45%\">HEIZEN</div>\n<div class=\"span-15 last\">\n  <div class=\"nav default right\" style=\"text-align:center;padding:0;\" id=\"subsubnavicon\">\n    <a style=\"background-image:none;\"><img src=\"pics/sub_nav_default_bg_bot_2.gif\"></a>\n    <div id=\"subsubnav\" class=\"right\" style=\"position:absolute; left:0px; background: url('pics/sub_sub_nav_bg_left.gif') repeat-y scroll 0pt 0pt white; z-index:99; display:none;margin-left:-5px;margin-top;2px\">\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,1\" onclick=\"return checkChanges(this);\">RAUMTEMPERATUREN HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,2\" onclick=\"return checkChanges(this);\">HEIZKURVE HK1</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,3\" onclick=\"return checkChanges(this);\">HEIZKURVE HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,4\" onclick=\"return checkChanges(this);\">GRUNDEINSTELLUNG</a>\n      </div>\n          <div class=\"right\" style=\"height: 7px; width: 100%; background-image: url('pics/sub_sub_nav_bg_bot.gif');\">\n        <img src=\"pics/sub_sub_nav_bg_round_top_right.gif\" class=\"left\">\n      </div>\n    </div>\n  </div>\n  <div class=\"nav active right\">\n    <div class=\"l\"></div>\n    <div class=\"c\">\n      <a id=\"subnavactivename\"></a>\n    </div>\n    <div class=\"r\"></div>\n    <div class=\"clear\"></div>\n  </div>\n  <script type=\"text/javascript\">\n    $(\"#subnavactivename\").html('RAUMTEMPERATUREN HK1');\n    $(\"#subsubnavicon\").css( 'width', function(){ \n      return parseInt( $(\"#subsubnav\").css('width')); \n    }).click(function(e){\n      $(\"#subsubnav\").slideToggle('fast');\n      e.stopPropagation();\n    });\n    $(\"#subsubnav\").click(function(e){\n      e.stopPropagation();\n    });\n    $('body').bind('click', function(e) {\n      $(\"#subsubnav\").slideUp('fast');\n    });\n  </script>\n</div>\n<div class=\"clear\"></div></div>\n        <form id=\"werte\" action=\"#\" onsubmit=\"saveValues(this);return false;\"><div id=\"content\">\n    <script type=\"text/javascript\">\n  var valSettings = new Array();\n  var jsvalues = new Array();\n  var jsobj;\n</script>\n<div class=\"focusguard\" id=\"focusguard-1\" tabindex=\"0\"></div>\n <div class=\"calibration round span-24 last\" id=\"calval5\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. TAG</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val5','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val5','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"1\" value=\"\" name=\"val5\" id=\"val5\" class=\"edit upndown firstElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val5'] = new Array();\n      valSettings['val5']['type'] = 'float';       valSettings['val5']['min'] = '10';\n      valSettings['val5']['max'] = '30';\n      \n            \n      jsvalues['5'] = new Array();\n      jsvalues['5']['id']='val5';\n      jsvalues['5']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval7\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. NACHT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val7','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val7','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"2\" value=\"\" name=\"val7\" id=\"val7\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val7'] = new Array();\n      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';\n      valSettings['val7']['max'] = '30';\n      \n            \n      jsvalues['7'] = new Array();\n      jsvalues['7']['id']='val7';\n      jsvalues['7']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval58\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. BEREITSCHAFT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val58','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val58','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"3\" value=\"\" name=\"val58\" id=\"val58\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val58'] = new Array();\n      valSettings['val58']['type'] = 'float';       valSettings['val58']['min'] = '10';\n      valSettings['val58']['max'] = '30';\n      \n            \n      jsvalues['58'] = new Array();\n      jsvalues['58']['id']='val58';\n      jsvalues['58']['val']='10,0';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval54\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">HEIZKREISSOLL HAND</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val54','+',10,65,'0.5',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val54','-',10,65,'0.5',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"4\" value=\"\" name=\"val54\" id=\"val54\" class=\"edit upndown lastElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val54'] = new Array();\n      valSettings['val54']['type'] = 'float';       valSettings['val54']['min'] = '10';\n      valSettings['val54']['max'] = '65';\n      \n            \n      jsvalues['54'] = new Array();\n      jsvalues['54']['id']='val54';\n      jsvalues['54']['val']='19,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval14\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMISTTEMP</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"info_alone\" style=\"width:3.6em\">23,7</div>\n  </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p></p>\n  </div>\n  </div>\n <div class=\"focusguard\" id=\"focusguard-2\" tabindex=\"5\"></div>\n<div class=\"span-24 last\">\n  <div class=\"span-4 right\">\n    <div class=\"button left\"  onclick=\"document.forms['werte'].onsubmit();\"><div class=\"bg_r\">&nbsp;</div><a>Speichern</a></div>  </div>\n</div>\n<div class=\"span-24 last\"><p></p></div>\n\n<script type=\"text/javascript\">\n$( document ).ready(function() {\n  $('#focusguard-1').focus( function() {\n\t// \"last\" focus guard got focus: set focus to the first field\n\t$('.lastElement').focus();\n\t$('.lastElement').select();\n\t\n  });\n\n  $('#focusguard-2').focus( function() {\n   // \"first\" focus guard got focus: set focus to the last field\n   $('.firstElement').focus();\n   $('.firstElement').select();\n  });\n}); \n</script>\n\n    </div>  </form></div>\n</div>\n</div>\n</div>\n<div id=\"footer\">\n\t<!--[if IE]>\n\t<style type=\"text/css\">\n\t#footer\n{\n\t\t\n\t\theight:260px;\n}\n\t#versionsNummer\n\t{\n\t\tposition:relative;\n\t\ttop:-33px;\n\t}\n\t</style>\n\n     \t<![endif]-->\n\t<div class=\"span-24 last footer_middle curdef\">\n\t\n\t\t<div class=\"span-8 prepend-top\" style=\"height:145px\">\n\t\t\t\t\t\t<div class=\"span-3\">\n\t\t\t\n\t\t\t\t<img src=\"./pics/ste_footer_website.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-5 last\">\n\t\t\t\t<p>\n\t\t\t\t\n          \t\t\t\t\tWeitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter\t\t\t\t\t<a href=\"http://www.stiebel-eltron.de\" target=\"_blank\" class=\"extern\">www.stiebel-eltron.de</a>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t\t\t</div>\n\t  \n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-6 prepend-top\">\n\t\t\t<div class=\"span-2\">\n\t\t\t  <img src=\"./pics/footer_tel.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-4 last\">\n\t\t\t\t<p>\n\t\t\t\t\tUnsere Service-Hotline erreichen Sie unter<br /><span class=\"big\">05531 702-111</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t  </div>\n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-7 prepend-top last\">\n\t\t\t<p>\n\t\t\t\tDas Neueste rund um die Servicewelt\t\t\t\t<br /><a href=\"http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/\" target=\"_blank\" class=\"extern\">servicewelt</a>\n\t\t\t</p>\n\t  </div>\n    \n\t</div>\n  <div class=\"links span-23 prepend-top append-1 last footer_middle\">\n    <div class=\"span-17\">\n        \t\t<a class=\"intern\" href=\"?forcepage=dsgvo\" onclick=\"return checkChanges(this);\">Datenschutz</a>\n\t\t\t\t\n\t\t<a href=\"http://www.stiebel-eltron.de/de/info/impressum.html\">Impressum</a>\n      &nbsp;\n      <p style=\"margin-top:8px\" class=\"right\" id=\"versionsNummer\">v12.2.1</p>\n    </div>\n  \t<div class=\"copyright span-6 last curdef\">\n  \t\t&copy; STIEBEL ELTRON 2023  \t</div>\n  </div>\n</div>\n</body>\n</html>","output":"str","x":380,"y":2900,"wires":[["66d6156943dfacf6"]]},{"id":"66d6156943dfacf6","type":"change","z":"b779de97.b1b46","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(jsvalues\\['\\d+'\\]\\['val'\\]='|<h3 class=\"title\">)).+(?=(';|<\\/h3>))/,\t   8\t).match","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":540,"y":2900,"wires":[["387675af5fa81414"]]},{"id":"387675af5fa81414","type":"debug","z":"b779de97.b1b46","name":"debug 299","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":530,"y":2840,"wires":[]}]

Thank you again @E1cid,

Your code works like a charm. :raised_hands: Sorry for my bad example in the first post. It was not my intention to waste anyones time. (especially when volunteers like you are supporting strangers with your high quality help)

Back to the code, JASONata is totally f***ing my brain, I barely undersand whats goin on there...
I just quickly figured out, I have to change the no. of values to be processed by JASONata. And so I was able to fetch several pages of my heating systems webserver.

Unfortunately there are some pages with other disruptions in the structure like this (Example1):

  <div class="span-7 ialigned">
    <h3 class="title">WW PUFFERBETRIEB</h3>
  </div>
  <div class="values span-7">
    <div class="dropdown" style="width:7.56em">	<!-- Chrome-Bug: div zu schmal, daher feste Breite. Sorgt ausserdem fuer Platz fuer Radio-Buttons in div.black -->
      <input id="aval114" value="AUS" readonly="readonly" class="dropdown dropdown_wert" style="width:3.6em">
      <img src="./pics/icon_edit_dropdown.png" class="dropdown">
      <div class="black" style="padding-bottom:15px;padding-top:15px">
                  <input id="radioval1140" type="radio" alt="AUS" name="val114" value="0" checked="checked">
          <label for="radioval1140">AUS</label>
          <br>
                  <input id="radioval1141" type="radio" alt="EIN" name="val114" value="1">
          <label for="radioval1141">EIN</label>
          <br>
              </div>
    </div>
    
    <script language="javascript" type="text/javascript">
    $(":input[name=val114]").click( function() {
    if ($("input[name=val114]:checked").val()==$(this).val()) {
      $("#val114").val($(this).val());
      $("#aval114").val(this.alt);
      valueChanged = true;
      closeAllBoxes();
    }});
    </script>

  </div>
  <div class="values span-1 append-1"></div>
  <div class="green round-right span-8 last">
    <p>Optionale Auswahl</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval115">

or this (Example2):

  <div class="span-7 ialigned">
    <h3 class="title">RAUMISTTEMP</h3>
  </div>
  <div class="values span-7">
    <div class="info_alone" style="width:3.6em">23,8</div>
  </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p></p>
  </div>
  </div>

Here the JASONata fails to get the value, because it is has an different structure in the HTML/Java.

Any advice how to deal with this?

Best Regards
Michael

Full HTML of above example 1
<?xml version="1.0"?>
<!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" lang="de">
<head>
	<title>STIEBEL ELTRON Reglersteuerung</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="content-language" content="de" />
	<meta name="robots" content="noindex,nofollow" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
  
  <link rel="shortcut icon" href="./pics/brlogo.ico">
  <!-- does not exist link rel="stylesheet" href="./css/netzwerk.css" type="text/css" media="all" /-->
  <link rel="stylesheet" type="text/css" href="./css/slider/ste_slider.css" />	
	<!-- Blueprint CSS framework -->
	<link rel="stylesheet" href="./css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="./css/blueprint/print.css" type="text/css" media="print" />	
	<!--[if lt IE 8]><link rel="stylesheet" href="./css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
	
	<link rel="stylesheet" href="./css/layout.css" type="text/css" media="all" />
  	
	<link rel="stylesheet" href="./css/sifr.css" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/thickbox.css" type="text/css" media="all" />
	
	<link rel="stylesheet" type="text/css" href="./css/jquery.jqplot.min.css" />
	
	  
  	
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/thickbox.js"></script>
	<script type="text/javascript" src="./js/sifr.js"></script>
	<script type="text/javascript" src="./js/sifr_sw.js"></script>
	<script type="text/javascript" src="./js/scripts.js"></script>
  <script type="text/javascript" src="./js/json2.js"></script>
  <script type="text/javascript" src="./js/plugins/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="./js/setDNS1.js"></script>

	<!-- [if IE] -->
	<script language="javascript" type="text/javascript" src="./js/excanvas.min.js"></script>
	<!-- [endif] -->

	<!-- for dateAxisRenderer.js -->
	<script language="javascript" type="text/javascript" src="./js/plugins/Date.min.js"></script>
	<!-- BEGIN: load jqplot -->
	<script language="javascript" type="text/javascript" src="./js/jquery.jqplot.min.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.dateAxisRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.barRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.categoryAxisRenderer.js"></script>
	<!-- END: load jqplot -->
  
  <!-- BEGIN: load slider -->
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.core.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.widget.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.mouse.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.slider.js"></script>
	<!-- END: load slider -->
  
    
  <!-- BEGIN: Uhrzeit -->
  <script language="javascript" type="text/javascript">
var timestampunterschied = 1685306485 * 1000 - new Date().getTime();
</script>
<script src="./js/uhrzeit.js" type="text/javascript" language="javascript"></script>
  <!-- END:  Uhrzeit -->
  
</head>
<body>
<div id="header">
	<div class="head curdef">
		<div id="meta">
			<div id="login">
      			</div>
		</div>
    <div class="eingestelle_sprache"><strong><a href="?s=5,3" style="color:white">DEUTSCH</a></strong></div>
    <div id="Uhrzeit"></div>
		<div class="title">
      <a href="." onclick="return checkChanges(this);" title="zur Startseite">
        <img src="./pics/title.png" alt="Servicewelt" />
		
      </a>
            <div style="position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;"></div>
          </div>
		<div class="logo"><a href="." onclick="return checkChanges(this);" title="zur Startseite" class="home_link">&nbsp;</a></div>
	</div>
</div>


<div class="container" id="page">
  <div id="main" >
  <div id="SpacerFirefox"></div>
    <div id="nav">
      <div class="clear"></div>
            <div class="nav left defaultfirst">
        <div class="l left">&nbsp;</div>
        <div class="c left link1">
          <a onclick="return checkChanges(this);" href="?s=0">START</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link2">
          <a >INFO</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=1,0">ANLAGE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,1">WÄRMEPUMPE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,2">LIZENZBESTIMMUNGEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,3">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,4">BEDIENUNG UND INSTALLATION</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link3">
          <a >DIAGNOSE</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=2,0">STATUS</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,1">INBETRIEBNAHME</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,2">FEHLERLISTE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,3">FACHMANN</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link4">
          <a >PROGRAMME</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=3,0">HEIZPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,1">WARMWASSERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,2">LÜFTERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,3">PARTYPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,4">FERIENPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,5">KÜHLZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,6">ANTILEGIONELLENZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,8">GRUNDEINSTELLUNG</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link5">
          <a >EINSTELLUNGEN</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=4,0">HEIZEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,1">WARMWASSER</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,2">LÜFTEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,3">KÜHLEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,4">SOLAR</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,5">ENERGIEMANAGEMENT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,6">ZEIT/DATUM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,7">INBETRIEBNAHME</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left defaultlast parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link6">
          <a >Profil</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second last">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=5,0">Netzwerk</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,1">Sicherheit</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,2">Anlagenbild</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,3">SPRACHE</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="clear"></div>
    </div>
        <div id="sub_nav" class="span-24"><div class="left main sifr span-9" style="width: 45%">WARMWASSER</div>
<div class="span-15 last">
  <div class="nav default right" style="padding-right: 24px;">
    <a href="?s=4,1,0" onclick="return checkChanges(this);">
      WW-TEMPERATUREN    </a>
  </div>
  <div class="nav active right">
    <div class="l"></div>
    <div class="c">
      <a id="subnavactivename"></a>
    </div>
    <div class="r"></div>
    <div class="clear"></div>
  </div>
  <script type="text/javascript">
    $("#subnavactivename").html('GRUNDEINSTELLUNG');
    $("#subsubnavicon").css( 'width', function(){ 
      return parseInt( $("#subsubnav").css('width')); 
    }).click(function(e){
      $("#subsubnav").slideToggle('fast');
      e.stopPropagation();
    });
    $("#subsubnav").click(function(e){
      e.stopPropagation();
    });
    $('body').bind('click', function(e) {
      $("#subsubnav").slideUp('fast');
    });
  </script>
</div>
<div class="clear"></div></div>
        <form id="werte" action="#" onsubmit="saveValues(this);return false;"><div id="content">
    <script type="text/javascript">
  var valSettings = new Array();
  var jsvalues = new Array();
  var jsobj;
</script>
<div class="focusguard" id="focusguard-1" tabindex="0"></div>
 <div class="calibration round span-24 last" id="calval60">
  <div class="span-7 ialigned">
    <h3 class="title">HYSTERESE</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val60','+',2,10,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val60','-',2,10,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="1" value="" name="val60" id="val60" class="edit upndown firstElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val60'] = new Array();
      valSettings['val60']['type'] = 'float';       valSettings['val60']['min'] = '2';
      valSettings['val60']['max'] = '10';
      
            
      jsvalues['60'] = new Array();
      jsvalues['60']['id']='val60';
      jsvalues['60']['val']='3,0';
    </script>
   </div>
  <div class="values span-1 append-1">K</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />2 K und 10 K</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval111">
  <div class="span-7 ialigned">
    <h3 class="title">ZEITSPERRE NE</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val111','+',0,360,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val111','-',0,360,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="2" value="" name="val111" id="val111" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val111'] = new Array();
      valSettings['val111']['type'] = 'int';       valSettings['val111']['min'] = '0';
      valSettings['val111']['max'] = '360';
      
            
      jsvalues['111'] = new Array();
      jsvalues['111']['id']='val111';
      jsvalues['111']['val']='90';
    </script>
   </div>
  <div class="values span-1 append-1">min</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />0 min und 360 min</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval112">
  <div class="span-7 ialigned">
    <h3 class="title">TEMP. FREIGABE NE</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val112','+',-10,10,'0.5',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val112','-',-10,10,'0.5',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="3" value="" name="val112" id="val112" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val112'] = new Array();
      valSettings['val112']['type'] = 'float';       valSettings['val112']['min'] = '-10';
      valSettings['val112']['max'] = '10';
      
            
      jsvalues['112'] = new Array();
      jsvalues['112']['id']='val112';
      jsvalues['112']['val']='-10,0';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />-10 °C und 10 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval109">
  <div class="span-7 ialigned">
    <h3 class="title">INTERVALL ANTILEGIONELLEN</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val109','+',1,30,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val109','-',1,30,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="4" value="" name="val109" id="val109" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val109'] = new Array();
      valSettings['val109']['type'] = 'int';       valSettings['val109']['min'] = '1';
      valSettings['val109']['max'] = '30';
      
            
      jsvalues['109'] = new Array();
      jsvalues['109']['id']='val109';
      jsvalues['109']['val']='30';
    </script>
   </div>
  <div class="values span-1 append-1">d</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />1 d und 30 d</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval62">
  <div class="span-7 ialigned">
    <h3 class="title">MAX DAUER WW-ERZEUG.</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val62','+',6,12,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val62','-',6,12,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="5" value="" name="val62" id="val62" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val62'] = new Array();
      valSettings['val62']['type'] = 'int';       valSettings['val62']['min'] = '6';
      valSettings['val62']['max'] = '12';
      
            
      jsvalues['62'] = new Array();
      jsvalues['62']['id']='val62';
      jsvalues['62']['val']='12';
    </script>
   </div>
  <div class="values span-1 append-1">h</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />6 h und 12 h</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval110">
  <div class="span-7 ialigned">
    <h3 class="title">ANTILEGIONELLENTEMPERATUR</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val110','+',10,65,'0.5',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val110','-',10,65,'0.5',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="6" value="" name="val110" id="val110" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val110'] = new Array();
      valSettings['val110']['type'] = 'float';       valSettings['val110']['min'] = '10';
      valSettings['val110']['max'] = '65';
      
            
      jsvalues['110'] = new Array();
      jsvalues['110']['id']='val110';
      jsvalues['110']['val']='60,0';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval113">
  <div class="span-7 ialigned">
    <h3 class="title">NE STUFE WW</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val113','+',1,3,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val113','-',1,3,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="7" value="" name="val113" id="val113" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val113'] = new Array();
      valSettings['val113']['type'] = 'int';       valSettings['val113']['min'] = '1';
      valSettings['val113']['max'] = '3';
      
            
      jsvalues['113'] = new Array();
      jsvalues['113']['id']='val113';
      jsvalues['113']['val']='3';
    </script>
   </div>
  <div class="values span-1 append-1"></div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />1  und 3 </p>
  </div>
  </div>  

<div class="calibration round span-24 last" id="calval114">
  <div class="span-7 ialigned">
    <h3 class="title">WW PUFFERBETRIEB</h3>
  </div>
  <div class="values span-7">
    <div class="dropdown" style="width:7.56em">	<!-- Chrome-Bug: div zu schmal, daher feste Breite. Sorgt ausserdem fuer Platz fuer Radio-Buttons in div.black -->
      <input id="aval114" value="AUS" readonly="readonly" class="dropdown dropdown_wert" style="width:3.6em">
      <img src="./pics/icon_edit_dropdown.png" class="dropdown">
      <div class="black" style="padding-bottom:15px;padding-top:15px">
                  <input id="radioval1140" type="radio" alt="AUS" name="val114" value="0" checked="checked">
          <label for="radioval1140">AUS</label>
          <br>
                  <input id="radioval1141" type="radio" alt="EIN" name="val114" value="1">
          <label for="radioval1141">EIN</label>
          <br>
              </div>
    </div>
    
    <script language="javascript" type="text/javascript">
    $(":input[name=val114]").click( function() {
    if ($("input[name=val114]:checked").val()==$(this).val()) {
      $("#val114").val($(this).val());
      $("#aval114").val(this.alt);
      valueChanged = true;
      closeAllBoxes();
    }});
    </script>

  </div>
  <div class="values span-1 append-1"></div>
  <div class="green round-right span-8 last">
    <p>Optionale Auswahl</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval115">
  <div class="span-7 ialigned">
    <h3 class="title">MAXIMALE VORLAUFTEMP</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val115','+',10,75,'0.5',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val115','-',10,75,'0.5',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="8" value="" name="val115" id="val115" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val115'] = new Array();
      valSettings['val115']['type'] = 'float';       valSettings['val115']['min'] = '10';
      valSettings['val115']['max'] = '75';
      
            
      jsvalues['115'] = new Array();
      jsvalues['115']['id']='val115';
      jsvalues['115']['val']='75,0';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 75 °C</p>
  </div>
  </div>  

<div class="calibration round span-24 last" id="calval116">
  <div class="span-7 ialigned">
    <h3 class="title">WW-ECO</h3>
  </div>
  <div class="values span-7">
    <div class="dropdown" style="width:7.56em">	<!-- Chrome-Bug: div zu schmal, daher feste Breite. Sorgt ausserdem fuer Platz fuer Radio-Buttons in div.black -->
      <input id="aval116" value="EIN" readonly="readonly" class="dropdown dropdown_wert" style="width:3.6em">
      <img src="./pics/icon_edit_dropdown.png" class="dropdown">
      <div class="black" style="padding-bottom:15px;padding-top:15px">
                  <input id="radioval1160" type="radio" alt="AUS" name="val116" value="0">
          <label for="radioval1160">AUS</label>
          <br>
                  <input id="radioval1161" type="radio" alt="EIN" name="val116" value="1" checked="checked">
          <label for="radioval1161">EIN</label>
          <br>
              </div>
    </div>
    
    <script language="javascript" type="text/javascript">
    $(":input[name=val116]").click( function() {
    if ($("input[name=val116]:checked").val()==$(this).val()) {
      $("#val116").val($(this).val());
      $("#aval116").val(this.alt);
      valueChanged = true;
      closeAllBoxes();
    }});
    </script>

  </div>
  <div class="values span-1 append-1"></div>
  <div class="green round-right span-8 last">
    <p>Optionale Auswahl</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval420">
  <div class="span-7 ialigned">
    <h3 class="title">WW-LEISTUNG SOMMER</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val420','+',30,100,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val420','-',30,100,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="9" value="" name="val420" id="val420" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val420'] = new Array();
      valSettings['val420']['type'] = 'int';       valSettings['val420']['min'] = '30';
      valSettings['val420']['max'] = '100';
      
            
      jsvalues['420'] = new Array();
      jsvalues['420']['id']='val420';
      jsvalues['420']['val']='60';
    </script>
   </div>
  <div class="values span-1 append-1">%</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />30 % und 100 %</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval421">
  <div class="span-7 ialigned">
    <h3 class="title">WW-LEISTUNG WINTER</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val421','+',30,100,'1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val421','-',30,100,'1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="10" value="" name="val421" id="val421" class="edit upndown lastElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val421'] = new Array();
      valSettings['val421']['type'] = 'int';       valSettings['val421']['min'] = '30';
      valSettings['val421']['max'] = '100';
      
            
      jsvalues['421'] = new Array();
      jsvalues['421']['id']='val421';
      jsvalues['421']['val']='60';
    </script>
   </div>
  <div class="values span-1 append-1">%</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />30 % und 100 %</p>
  </div>
  </div>  

<div class="calibration round span-24 last" id="calval423">
  <div class="span-7 ialigned">
    <h3 class="title">2.WW-SPEICHER</h3>
  </div>
  <div class="values span-7">
    <div class="dropdown" style="width:7.56em">	<!-- Chrome-Bug: div zu schmal, daher feste Breite. Sorgt ausserdem fuer Platz fuer Radio-Buttons in div.black -->
      <input id="aval423" value="AUS" readonly="readonly" class="dropdown dropdown_wert" style="width:3.6em">
      <img src="./pics/icon_edit_dropdown.png" class="dropdown">
      <div class="black" style="padding-bottom:15px;padding-top:15px">
                  <input id="radioval4230" type="radio" alt="AUS" name="val423" value="0" checked="checked">
          <label for="radioval4230">AUS</label>
          <br>
                  <input id="radioval4231" type="radio" alt="EIN" name="val423" value="1">
          <label for="radioval4231">EIN</label>
          <br>
              </div>
    </div>
    
    <script language="javascript" type="text/javascript">
    $(":input[name=val423]").click( function() {
    if ($("input[name=val423]:checked").val()==$(this).val()) {
      $("#val423").val($(this).val());
      $("#aval423").val(this.alt);
      valueChanged = true;
      closeAllBoxes();
    }});
    </script>

  </div>
  <div class="values span-1 append-1"></div>
  <div class="green round-right span-8 last">
    <p>Optionale Auswahl</p>
  </div>
  </div> <div class="focusguard" id="focusguard-2" tabindex="11"></div>
<div class="span-24 last">
  <div class="span-4 right">
    <div class="button left"  onclick="document.forms['werte'].onsubmit();"><div class="bg_r">&nbsp;</div><a>Speichern</a></div>  </div>
</div>
<div class="span-24 last"><p></p></div>

<script type="text/javascript">
$( document ).ready(function() {
  $('#focusguard-1').focus( function() {
	// "last" focus guard got focus: set focus to the first field
	$('.lastElement').focus();
	$('.lastElement').select();
	
  });

  $('#focusguard-2').focus( function() {
   // "first" focus guard got focus: set focus to the last field
   $('.firstElement').focus();
   $('.firstElement').select();
  });
}); 
</script>

    </div>  </form></div>
</div>
</div>
</div>
<div id="footer">
	<!--[if IE]>
	<style type="text/css">
	#footer
{
		
		height:260px;
}
	#versionsNummer
	{
		position:relative;
		top:-33px;
	}
	</style>

     	<![endif]-->
	<div class="span-24 last footer_middle curdef">
	
		<div class="span-8 prepend-top" style="height:145px">
						<div class="span-3">
			
				<img src="./pics/ste_footer_website.png" />
			</div>
			<div class="span-5 last">
				<p>
				
          					Weitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter					<a href="http://www.stiebel-eltron.de" target="_blank" class="extern">www.stiebel-eltron.de</a>
				</p>
			</div>
					</div>
	  
    		<div class="bordered span-1"></div>
		<div class="span-6 prepend-top">
			<div class="span-2">
			  <img src="./pics/footer_tel.png" />
			</div>
			<div class="span-4 last">
				<p>
					Unsere Service-Hotline erreichen Sie unter<br /><span class="big">05531 702-111</span>
				</p>
			</div>
	  </div>
    		<div class="bordered span-1"></div>
		<div class="span-7 prepend-top last">
			<p>
				Das Neueste rund um die Servicewelt				<br /><a href="http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/" target="_blank" class="extern">servicewelt</a>
			</p>
	  </div>
    
	</div>
  <div class="links span-23 prepend-top append-1 last footer_middle">
    <div class="span-17">
        		<a class="intern" href="?forcepage=dsgvo" onclick="return checkChanges(this);">Datenschutz</a>
				
		<a href="http://www.stiebel-eltron.de/de/info/impressum.html">Impressum</a>
      &nbsp;
      <p style="margin-top:8px" class="right" id="versionsNummer">v12.2.1</p>
    </div>
  	<div class="copyright span-6 last curdef">
  		&copy; STIEBEL ELTRON 2023  	</div>
  </div>
</div>
</body>
</html>

Full HTML of above example 2
<?xml version="1.0"?>
<!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" lang="de">
<head>
	<title>STIEBEL ELTRON Reglersteuerung</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="content-language" content="de" />
	<meta name="robots" content="noindex,nofollow" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
  
  <link rel="shortcut icon" href="./pics/brlogo.ico">
  <!-- does not exist link rel="stylesheet" href="./css/netzwerk.css" type="text/css" media="all" /-->
  <link rel="stylesheet" type="text/css" href="./css/slider/ste_slider.css" />	
	<!-- Blueprint CSS framework -->
	<link rel="stylesheet" href="./css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="./css/blueprint/print.css" type="text/css" media="print" />	
	<!--[if lt IE 8]><link rel="stylesheet" href="./css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
	
	<link rel="stylesheet" href="./css/layout.css" type="text/css" media="all" />
  	
	<link rel="stylesheet" href="./css/sifr.css" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/thickbox.css" type="text/css" media="all" />
	
	<link rel="stylesheet" type="text/css" href="./css/jquery.jqplot.min.css" />
	
	  
  	
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/thickbox.js"></script>
	<script type="text/javascript" src="./js/sifr.js"></script>
	<script type="text/javascript" src="./js/sifr_sw.js"></script>
	<script type="text/javascript" src="./js/scripts.js"></script>
  <script type="text/javascript" src="./js/json2.js"></script>
  <script type="text/javascript" src="./js/plugins/jquery-ui-1.8.6.custom.min.js"></script>
    <script type="text/javascript" src="./js/setDNS1.js"></script>

	<!-- [if IE] -->
	<script language="javascript" type="text/javascript" src="./js/excanvas.min.js"></script>
	<!-- [endif] -->

	<!-- for dateAxisRenderer.js -->
	<script language="javascript" type="text/javascript" src="./js/plugins/Date.min.js"></script>
	<!-- BEGIN: load jqplot -->
	<script language="javascript" type="text/javascript" src="./js/jquery.jqplot.min.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.dateAxisRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.barRenderer.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/jqplot.categoryAxisRenderer.js"></script>
	<!-- END: load jqplot -->
  
  <!-- BEGIN: load slider -->
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.core.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.widget.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.mouse.js"></script>
	<script language="javascript" type="text/javascript" src="./js/plugins/slider/jquery.ui.slider.js"></script>
	<!-- END: load slider -->
  
    
  <!-- BEGIN: Uhrzeit -->
  <script language="javascript" type="text/javascript">
var timestampunterschied = 1685306551 * 1000 - new Date().getTime();
</script>
<script src="./js/uhrzeit.js" type="text/javascript" language="javascript"></script>
  <!-- END:  Uhrzeit -->
  
</head>
<body>
<div id="header">
	<div class="head curdef">
		<div id="meta">
			<div id="login">
      			</div>
		</div>
    <div class="eingestelle_sprache"><strong><a href="?s=5,3" style="color:white">DEUTSCH</a></strong></div>
    <div id="Uhrzeit"></div>
		<div class="title">
      <a href="." onclick="return checkChanges(this);" title="zur Startseite">
        <img src="./pics/title.png" alt="Servicewelt" />
		
      </a>
            <div style="position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;"></div>
          </div>
		<div class="logo"><a href="." onclick="return checkChanges(this);" title="zur Startseite" class="home_link">&nbsp;</a></div>
	</div>
</div>


<div class="container" id="page">
  <div id="main" >
  <div id="SpacerFirefox"></div>
    <div id="nav">
      <div class="clear"></div>
            <div class="nav left defaultfirst">
        <div class="l left">&nbsp;</div>
        <div class="c left link1">
          <a onclick="return checkChanges(this);" href="?s=0">START</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link2">
          <a >INFO</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=1,0">ANLAGE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,1">WÄRMEPUMPE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,2">LIZENZBESTIMMUNGEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,3">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=1,4">BEDIENUNG UND INSTALLATION</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link3">
          <a >DIAGNOSE</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=2,0">STATUS</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,1">INBETRIEBNAHME</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,2">FEHLERLISTE</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=2,3">FACHMANN</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link4">
          <a >PROGRAMME</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=3,0">HEIZPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,1">WARMWASSERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,2">LÜFTERPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,3">PARTYPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,4">FERIENPROGRAMM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,5">KÜHLZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,6">ANTILEGIONELLENZEIT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=3,8">GRUNDEINSTELLUNG</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left default parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link5">
          <a >EINSTELLUNGEN</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second ">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=4,0">HEIZEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,1">WARMWASSER</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,2">LÜFTEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,3">KÜHLEN</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,4">SOLAR</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,5">ENERGIEMANAGEMENT</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,6">ZEIT/DATUM</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=4,7">INBETRIEBNAHME</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="nav left defaultlast parent">
        <div class="l left">&nbsp;</div>
        <div class="c left link6">
          <a >Profil</a>
        </div>
        <div class="r left">&nbsp;</div>
        <div class="clear"></div>
                <div class="second">
          <ul class="second last">
                        <li>
			  <a onclick="return checkChanges(this);" href="?s=5,0">Netzwerk</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,1">Sicherheit</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,2">Anlagenbild</a>
    			    
            </li>
                      <li>
			  <a onclick="return checkChanges(this);" href="?s=5,3">SPRACHE</a>
    			    
            </li>
                    </ul>
        </div>
              </div>
            <div class="clear"></div>
    </div>
        <div id="sub_nav" class="span-24"><div class="left main sifr span-9" style="width: 45%">HEIZEN</div>
<div class="span-15 last">
  <div class="nav default right" style="text-align:center;padding:0;" id="subsubnavicon">
    <a style="background-image:none;"><img src="pics/sub_nav_default_bg_bot_2.gif"></a>
    <div id="subsubnav" class="right" style="position:absolute; left:0px; background: url('pics/sub_sub_nav_bg_left.gif') repeat-y scroll 0pt 0pt white; z-index:99; display:none;margin-left:-5px;margin-top;2px">
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,1" onclick="return checkChanges(this);">RAUMTEMPERATUREN HK2</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,2" onclick="return checkChanges(this);">HEIZKURVE HK1</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,3" onclick="return checkChanges(this);">HEIZKURVE HK2</a>
      </div>
          <div class="nav default right" style="padding-right:25px;padding-bottom:5px;width:100%;float:left">
        <div style="margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px">
          <img src="pics/sub_sub_nav_underline_r.gif" class="right">
          <img src="pics/sub_sub_nav_underline_l.gif" class="left">
        </div>
        <a class="left" style="white-space:nowrap" href="?s=4,0,4" onclick="return checkChanges(this);">GRUNDEINSTELLUNG</a>
      </div>
          <div class="right" style="height: 7px; width: 100%; background-image: url('pics/sub_sub_nav_bg_bot.gif');">
        <img src="pics/sub_sub_nav_bg_round_top_right.gif" class="left">
      </div>
    </div>
  </div>
  <div class="nav active right">
    <div class="l"></div>
    <div class="c">
      <a id="subnavactivename"></a>
    </div>
    <div class="r"></div>
    <div class="clear"></div>
  </div>
  <script type="text/javascript">
    $("#subnavactivename").html('RAUMTEMPERATUREN HK1');
    $("#subsubnavicon").css( 'width', function(){ 
      return parseInt( $("#subsubnav").css('width')); 
    }).click(function(e){
      $("#subsubnav").slideToggle('fast');
      e.stopPropagation();
    });
    $("#subsubnav").click(function(e){
      e.stopPropagation();
    });
    $('body').bind('click', function(e) {
      $("#subsubnav").slideUp('fast');
    });
  </script>
</div>
<div class="clear"></div></div>
        <form id="werte" action="#" onsubmit="saveValues(this);return false;"><div id="content">
    <script type="text/javascript">
  var valSettings = new Array();
  var jsvalues = new Array();
  var jsobj;
</script>
<div class="focusguard" id="focusguard-1" tabindex="0"></div>
 <div class="calibration round span-24 last" id="calval5">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. TAG</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val5','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val5','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="1" value="" name="val5" id="val5" class="edit upndown firstElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val5'] = new Array();
      valSettings['val5']['type'] = 'float';       valSettings['val5']['min'] = '10';
      valSettings['val5']['max'] = '30';
      
            
      jsvalues['5'] = new Array();
      jsvalues['5']['id']='val5';
      jsvalues['5']['val']='21,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval7">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. NACHT</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val7','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val7','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="2" value="" name="val7" id="val7" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val7'] = new Array();
      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';
      valSettings['val7']['max'] = '30';
      
            
      jsvalues['7'] = new Array();
      jsvalues['7']['id']='val7';
      jsvalues['7']['val']='21,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval58">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMTEMP. BEREITSCHAFT</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val58','+',10,30,'0.1',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val58','-',10,30,'0.1',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="3" value="" name="val58" id="val58" class="edit upndown" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val58'] = new Array();
      valSettings['val58']['type'] = 'float';       valSettings['val58']['min'] = '10';
      valSettings['val58']['max'] = '30';
      
            
      jsvalues['58'] = new Array();
      jsvalues['58']['id']='val58';
      jsvalues['58']['val']='10,0';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval54">
  <div class="span-7 ialigned">
    <h3 class="title">HEIZKREISSOLL HAND</h3>
  </div>
  <div class="values span-7">
    <div class="editors">
      <a onmousedown="change('val54','+',10,65,'0.5',true);return false;" href="javascript://">
        <img src="./pics/button_higher.png">
      </a>
      <a id="editorslower" onmousedown="change('val54','-',10,65,'0.5',true);return false;" href="javascript://" style="clear:left;">
        <img src="./pics/button_lower.png">
      </a>
    </div> 
    <input type="text" tabindex="4" value="" name="val54" id="val54" class="edit upndown lastElement" style="width:3.6em">
	
    <script language="javascript" type="text/javascript">
      valSettings['val54'] = new Array();
      valSettings['val54']['type'] = 'float';       valSettings['val54']['min'] = '10';
      valSettings['val54']['max'] = '65';
      
            
      jsvalues['54'] = new Array();
      jsvalues['54']['id']='val54';
      jsvalues['54']['val']='19,5';
    </script>
   </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>
  </div>
  </div>  <div class="calibration round span-24 last" id="calval14">
  <div class="span-7 ialigned">
    <h3 class="title">RAUMISTTEMP</h3>
  </div>
  <div class="values span-7">
    <div class="info_alone" style="width:3.6em">23,8</div>
  </div>
  <div class="values span-1 append-1">°C</div>
  <div class="green round-right span-8 last">
    <p></p>
  </div>
  </div>
 <div class="focusguard" id="focusguard-2" tabindex="5"></div>
<div class="span-24 last">
  <div class="span-4 right">
    <div class="button left"  onclick="document.forms['werte'].onsubmit();"><div class="bg_r">&nbsp;</div><a>Speichern</a></div>  </div>
</div>
<div class="span-24 last"><p></p></div>

<script type="text/javascript">
$( document ).ready(function() {
  $('#focusguard-1').focus( function() {
	// "last" focus guard got focus: set focus to the first field
	$('.lastElement').focus();
	$('.lastElement').select();
	
  });

  $('#focusguard-2').focus( function() {
   // "first" focus guard got focus: set focus to the last field
   $('.firstElement').focus();
   $('.firstElement').select();
  });
}); 
</script>

    </div>  </form></div>
</div>
</div>
</div>
<div id="footer">
	<!--[if IE]>
	<style type="text/css">
	#footer
{
		
		height:260px;
}
	#versionsNummer
	{
		position:relative;
		top:-33px;
	}
	</style>

     	<![endif]-->
	<div class="span-24 last footer_middle curdef">
	
		<div class="span-8 prepend-top" style="height:145px">
						<div class="span-3">
			
				<img src="./pics/ste_footer_website.png" />
			</div>
			<div class="span-5 last">
				<p>
				
          					Weitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter					<a href="http://www.stiebel-eltron.de" target="_blank" class="extern">www.stiebel-eltron.de</a>
				</p>
			</div>
					</div>
	  
    		<div class="bordered span-1"></div>
		<div class="span-6 prepend-top">
			<div class="span-2">
			  <img src="./pics/footer_tel.png" />
			</div>
			<div class="span-4 last">
				<p>
					Unsere Service-Hotline erreichen Sie unter<br /><span class="big">05531 702-111</span>
				</p>
			</div>
	  </div>
    		<div class="bordered span-1"></div>
		<div class="span-7 prepend-top last">
			<p>
				Das Neueste rund um die Servicewelt				<br /><a href="http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/" target="_blank" class="extern">servicewelt</a>
			</p>
	  </div>
    
	</div>
  <div class="links span-23 prepend-top append-1 last footer_middle">
    <div class="span-17">
        		<a class="intern" href="?forcepage=dsgvo" onclick="return checkChanges(this);">Datenschutz</a>
				
		<a href="http://www.stiebel-eltron.de/de/info/impressum.html">Impressum</a>
      &nbsp;
      <p style="margin-top:8px" class="right" id="versionsNummer">v12.2.1</p>
    </div>
  	<div class="copyright span-6 last curdef">
  		&copy; STIEBEL ELTRON 2023  	</div>
  </div>
</div>
</body>
</html>

Just for info, the solution is regex, not strictly JSONata.

You would add more or options in the regex
e.g.

[{"id":"520d24a00f0291f6","type":"inject","z":"b9860b4b9de8c8da","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":463.9999885559082,"y":3522.000104904175,"wires":[["892321badabab509"]]},{"id":"892321badabab509","type":"template","z":"b9860b4b9de8c8da","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<?xml version=\"1.0\"?>\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"de\">\n<head>\n\t<title>STIEBEL ELTRON Reglersteuerung</title>\n\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n\t<meta http-equiv=\"imagetoolbar\" content=\"no\" />\n\t<meta name=\"content-language\" content=\"de\" />\n\t<meta name=\"robots\" content=\"noindex,nofollow\" />\n\t<meta name=\"keywords\" content=\"\" />\n\t<meta name=\"description\" content=\"\" />\n  \n  <link rel=\"shortcut icon\" href=\"./pics/brlogo.ico\">\n  <!-- does not exist link rel=\"stylesheet\" href=\"./css/netzwerk.css\" type=\"text/css\" media=\"all\" /-->\n  <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/slider/ste_slider.css\" />\t\n\t<!-- Blueprint CSS framework -->\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/screen.css\" type=\"text/css\" media=\"screen, projection\" />\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/print.css\" type=\"text/css\" media=\"print\" />\t\n\t<!--[if lt IE 8]><link rel=\"stylesheet\" href=\"./css/blueprint/ie.css\" type=\"text/css\" media=\"screen, projection\" /><![endif]-->\n\t\n\t<link rel=\"stylesheet\" href=\"./css/layout.css\" type=\"text/css\" media=\"all\" />\n  \t\n\t<link rel=\"stylesheet\" href=\"./css/sifr.css\" type=\"text/css\" media=\"all\" />\n\t<link rel=\"stylesheet\" href=\"./css/thickbox.css\" type=\"text/css\" media=\"all\" />\n\t\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"./css/jquery.jqplot.min.css\" />\n\t\n\t  \n  \t\n\t<script type=\"text/javascript\" src=\"./js/jquery.min.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/thickbox.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr_sw.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/scripts.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/json2.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/plugins/jquery-ui-1.8.6.custom.min.js\"></script>\n    <script type=\"text/javascript\" src=\"./js/setDNS1.js\"></script>\n\n\t<!-- [if IE] -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/excanvas.min.js\"></script>\n\t<!-- [endif] -->\n\n\t<!-- for dateAxisRenderer.js -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/Date.min.js\"></script>\n\t<!-- BEGIN: load jqplot -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/jquery.jqplot.min.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.dateAxisRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.barRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.categoryAxisRenderer.js\"></script>\n\t<!-- END: load jqplot -->\n  \n  <!-- BEGIN: load slider -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.core.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.widget.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.mouse.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.slider.js\"></script>\n\t<!-- END: load slider -->\n  \n    \n  <!-- BEGIN: Uhrzeit -->\n  <script language=\"javascript\" type=\"text/javascript\">\nvar timestampunterschied = 1685306551 * 1000 - new Date().getTime();\n</script>\n<script src=\"./js/uhrzeit.js\" type=\"text/javascript\" language=\"javascript\"></script>\n  <!-- END:  Uhrzeit -->\n  \n</head>\n<body>\n<div id=\"header\">\n\t<div class=\"head curdef\">\n\t\t<div id=\"meta\">\n\t\t\t<div id=\"login\">\n      \t\t\t</div>\n\t\t</div>\n    <div class=\"eingestelle_sprache\"><strong><a href=\"?s=5,3\" style=\"color:white\">DEUTSCH</a></strong></div>\n    <div id=\"Uhrzeit\"></div>\n\t\t<div class=\"title\">\n      <a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\">\n        <img src=\"./pics/title.png\" alt=\"Servicewelt\" />\n\t\t\n      </a>\n            <div style=\"position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;\"></div>\n          </div>\n\t\t<div class=\"logo\"><a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\" class=\"home_link\">&nbsp;</a></div>\n\t</div>\n</div>\n\n\n<div class=\"container\" id=\"page\">\n  <div id=\"main\" >\n  <div id=\"SpacerFirefox\"></div>\n    <div id=\"nav\">\n      <div class=\"clear\"></div>\n            <div class=\"nav left defaultfirst\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link1\">\n          <a onclick=\"return checkChanges(this);\" href=\"?s=0\">START</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link2\">\n          <a >INFO</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,0\">ANLAGE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,1\">WÄRMEPUMPE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,2\">LIZENZBESTIMMUNGEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,3\">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,4\">BEDIENUNG UND INSTALLATION</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link3\">\n          <a >DIAGNOSE</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,0\">STATUS</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,1\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,2\">FEHLERLISTE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,3\">FACHMANN</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link4\">\n          <a >PROGRAMME</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,0\">HEIZPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,1\">WARMWASSERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,2\">LÜFTERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,3\">PARTYPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,4\">FERIENPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,5\">KÜHLZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,6\">ANTILEGIONELLENZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,8\">GRUNDEINSTELLUNG</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link5\">\n          <a >EINSTELLUNGEN</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,0\">HEIZEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,1\">WARMWASSER</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,2\">LÜFTEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,3\">KÜHLEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,4\">SOLAR</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,5\">ENERGIEMANAGEMENT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,6\">ZEIT/DATUM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,7\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left defaultlast parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link6\">\n          <a >Profil</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second last\">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,0\">Netzwerk</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,1\">Sicherheit</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,2\">Anlagenbild</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,3\">SPRACHE</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"clear\"></div>\n    </div>\n        <div id=\"sub_nav\" class=\"span-24\"><div class=\"left main sifr span-9\" style=\"width: 45%\">HEIZEN</div>\n<div class=\"span-15 last\">\n  <div class=\"nav default right\" style=\"text-align:center;padding:0;\" id=\"subsubnavicon\">\n    <a style=\"background-image:none;\"><img src=\"pics/sub_nav_default_bg_bot_2.gif\"></a>\n    <div id=\"subsubnav\" class=\"right\" style=\"position:absolute; left:0px; background: url('pics/sub_sub_nav_bg_left.gif') repeat-y scroll 0pt 0pt white; z-index:99; display:none;margin-left:-5px;margin-top;2px\">\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,1\" onclick=\"return checkChanges(this);\">RAUMTEMPERATUREN HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,2\" onclick=\"return checkChanges(this);\">HEIZKURVE HK1</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,3\" onclick=\"return checkChanges(this);\">HEIZKURVE HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,4\" onclick=\"return checkChanges(this);\">GRUNDEINSTELLUNG</a>\n      </div>\n          <div class=\"right\" style=\"height: 7px; width: 100%; background-image: url('pics/sub_sub_nav_bg_bot.gif');\">\n        <img src=\"pics/sub_sub_nav_bg_round_top_right.gif\" class=\"left\">\n      </div>\n    </div>\n  </div>\n  <div class=\"nav active right\">\n    <div class=\"l\"></div>\n    <div class=\"c\">\n      <a id=\"subnavactivename\"></a>\n    </div>\n    <div class=\"r\"></div>\n    <div class=\"clear\"></div>\n  </div>\n  <script type=\"text/javascript\">\n    $(\"#subnavactivename\").html('RAUMTEMPERATUREN HK1');\n    $(\"#subsubnavicon\").css( 'width', function(){ \n      return parseInt( $(\"#subsubnav\").css('width')); \n    }).click(function(e){\n      $(\"#subsubnav\").slideToggle('fast');\n      e.stopPropagation();\n    });\n    $(\"#subsubnav\").click(function(e){\n      e.stopPropagation();\n    });\n    $('body').bind('click', function(e) {\n      $(\"#subsubnav\").slideUp('fast');\n    });\n  </script>\n</div>\n<div class=\"clear\"></div></div>\n        <form id=\"werte\" action=\"#\" onsubmit=\"saveValues(this);return false;\"><div id=\"content\">\n    <script type=\"text/javascript\">\n  var valSettings = new Array();\n  var jsvalues = new Array();\n  var jsobj;\n</script>\n<div class=\"focusguard\" id=\"focusguard-1\" tabindex=\"0\"></div>\n <div class=\"calibration round span-24 last\" id=\"calval5\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. TAG</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val5','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val5','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"1\" value=\"\" name=\"val5\" id=\"val5\" class=\"edit upndown firstElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val5'] = new Array();\n      valSettings['val5']['type'] = 'float';       valSettings['val5']['min'] = '10';\n      valSettings['val5']['max'] = '30';\n      \n            \n      jsvalues['5'] = new Array();\n      jsvalues['5']['id']='val5';\n      jsvalues['5']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval7\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. NACHT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val7','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val7','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"2\" value=\"\" name=\"val7\" id=\"val7\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val7'] = new Array();\n      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';\n      valSettings['val7']['max'] = '30';\n      \n            \n      jsvalues['7'] = new Array();\n      jsvalues['7']['id']='val7';\n      jsvalues['7']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval58\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. BEREITSCHAFT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val58','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val58','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"3\" value=\"\" name=\"val58\" id=\"val58\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val58'] = new Array();\n      valSettings['val58']['type'] = 'float';       valSettings['val58']['min'] = '10';\n      valSettings['val58']['max'] = '30';\n      \n            \n      jsvalues['58'] = new Array();\n      jsvalues['58']['id']='val58';\n      jsvalues['58']['val']='10,0';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval54\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">HEIZKREISSOLL HAND</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val54','+',10,65,'0.5',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val54','-',10,65,'0.5',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"4\" value=\"\" name=\"val54\" id=\"val54\" class=\"edit upndown lastElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val54'] = new Array();\n      valSettings['val54']['type'] = 'float';       valSettings['val54']['min'] = '10';\n      valSettings['val54']['max'] = '65';\n      \n            \n      jsvalues['54'] = new Array();\n      jsvalues['54']['id']='val54';\n      jsvalues['54']['val']='19,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval14\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMISTTEMP</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"info_alone\" style=\"width:3.6em\">23,8</div>\n  </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p></p>\n  </div>\n  </div>\n <div class=\"focusguard\" id=\"focusguard-2\" tabindex=\"5\"></div>\n<div class=\"span-24 last\">\n  <div class=\"span-4 right\">\n    <div class=\"button left\"  onclick=\"document.forms['werte'].onsubmit();\"><div class=\"bg_r\">&nbsp;</div><a>Speichern</a></div>  </div>\n</div>\n<div class=\"span-24 last\"><p></p></div>\n\n<script type=\"text/javascript\">\n$( document ).ready(function() {\n  $('#focusguard-1').focus( function() {\n\t// \"last\" focus guard got focus: set focus to the first field\n\t$('.lastElement').focus();\n\t$('.lastElement').select();\n\t\n  });\n\n  $('#focusguard-2').focus( function() {\n   // \"first\" focus guard got focus: set focus to the last field\n   $('.firstElement').focus();\n   $('.firstElement').select();\n  });\n}); \n</script>\n\n    </div>  </form></div>\n</div>\n</div>\n</div>\n<div id=\"footer\">\n\t<!--[if IE]>\n\t<style type=\"text/css\">\n\t#footer\n{\n\t\t\n\t\theight:260px;\n}\n\t#versionsNummer\n\t{\n\t\tposition:relative;\n\t\ttop:-33px;\n\t}\n\t</style>\n\n     \t<![endif]-->\n\t<div class=\"span-24 last footer_middle curdef\">\n\t\n\t\t<div class=\"span-8 prepend-top\" style=\"height:145px\">\n\t\t\t\t\t\t<div class=\"span-3\">\n\t\t\t\n\t\t\t\t<img src=\"./pics/ste_footer_website.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-5 last\">\n\t\t\t\t<p>\n\t\t\t\t\n          \t\t\t\t\tWeitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter\t\t\t\t\t<a href=\"http://www.stiebel-eltron.de\" target=\"_blank\" class=\"extern\">www.stiebel-eltron.de</a>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t\t\t</div>\n\t  \n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-6 prepend-top\">\n\t\t\t<div class=\"span-2\">\n\t\t\t  <img src=\"./pics/footer_tel.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-4 last\">\n\t\t\t\t<p>\n\t\t\t\t\tUnsere Service-Hotline erreichen Sie unter<br /><span class=\"big\">05531 702-111</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t  </div>\n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-7 prepend-top last\">\n\t\t\t<p>\n\t\t\t\tDas Neueste rund um die Servicewelt\t\t\t\t<br /><a href=\"http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/\" target=\"_blank\" class=\"extern\">servicewelt</a>\n\t\t\t</p>\n\t  </div>\n    \n\t</div>\n  <div class=\"links span-23 prepend-top append-1 last footer_middle\">\n    <div class=\"span-17\">\n        \t\t<a class=\"intern\" href=\"?forcepage=dsgvo\" onclick=\"return checkChanges(this);\">Datenschutz</a>\n\t\t\t\t\n\t\t<a href=\"http://www.stiebel-eltron.de/de/info/impressum.html\">Impressum</a>\n      &nbsp;\n      <p style=\"margin-top:8px\" class=\"right\" id=\"versionsNummer\">v12.2.1</p>\n    </div>\n  \t<div class=\"copyright span-6 last curdef\">\n  \t\t&copy; STIEBEL ELTRON 2023  \t</div>\n  </div>\n</div>\n</body>\n</html>","output":"str","x":620,"y":3520,"wires":[["59775d19ea47c9dc"]]},{"id":"59775d19ea47c9dc","type":"change","z":"b9860b4b9de8c8da","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(jsvalues\\['\\d+'\\]\\['val'\\]='|<h3 class=\"title\">|name=\"val\\d+\" value=\"|<div class=\"info_alone\" style=\"width:3\\.6em\">)).+(?=(';|<\\/h3>|\" checked=\"checked\"|<\\/div>))/).match\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":783.9999885559082,"y":3522.000104904175,"wires":[["08d8a1d25d5e3907"]]},{"id":"08d8a1d25d5e3907","type":"debug","z":"b9860b4b9de8c8da","name":"debug 299","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":773.9999885559082,"y":3462.000104904175,"wires":[]}]

The check boxes i grabbed the 0 or 1 of the checked item, rather than AUS or EIN.
here is a Regex tutorial — A quick cheatsheet by examples

1 Like

Thank you @E1cid :smiley:
I'm glad you helped me.

:see_no_evil: one more problem to solve. I thought I could manage by myself but I failed... :sleepy:

Some of the values exist with identical names on different pages and have different meaning. So I thought I'll add the page-header in front of the key. So I dived a bit into REGEX and figured out how to capture the page title. ...at least it worked here: https://regexr.com/7eusq but I fail to implement it into working NodeRed. :cry:

Here what I tried:

[{"id":"d68df420c3c419a9","type":"inject","z":"cb085eef1cd8e696","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":180,"y":1080,"wires":[["f69076316d0affcb"]]},{"id":"f69076316d0affcb","type":"template","z":"cb085eef1cd8e696","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<?xml version=\"1.0\"?>\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"de\">\n<head>\n\t<title>STIEBEL ELTRON Reglersteuerung</title>\n\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />\n\t<meta http-equiv=\"imagetoolbar\" content=\"no\" />\n\t<meta name=\"content-language\" content=\"de\" />\n\t<meta name=\"robots\" content=\"noindex,nofollow\" />\n\t<meta name=\"keywords\" content=\"\" />\n\t<meta name=\"description\" content=\"\" />\n  \n  <link rel=\"shortcut icon\" href=\"./pics/brlogo.ico\">\n  <!-- does not exist link rel=\"stylesheet\" href=\"./css/netzwerk.css\" type=\"text/css\" media=\"all\" /-->\n  <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/slider/ste_slider.css\" />\t\n\t<!-- Blueprint CSS framework -->\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/screen.css\" type=\"text/css\" media=\"screen, projection\" />\n\t<link rel=\"stylesheet\" href=\"./css/blueprint/print.css\" type=\"text/css\" media=\"print\" />\t\n\t<!--[if lt IE 8]><link rel=\"stylesheet\" href=\"./css/blueprint/ie.css\" type=\"text/css\" media=\"screen, projection\" /><![endif]-->\n\t\n\t<link rel=\"stylesheet\" href=\"./css/layout.css\" type=\"text/css\" media=\"all\" />\n  \t\n\t<link rel=\"stylesheet\" href=\"./css/sifr.css\" type=\"text/css\" media=\"all\" />\n\t<link rel=\"stylesheet\" href=\"./css/thickbox.css\" type=\"text/css\" media=\"all\" />\n\t\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"./css/jquery.jqplot.min.css\" />\n\t\n\t  \n  \t\n\t<script type=\"text/javascript\" src=\"./js/jquery.min.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/thickbox.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/sifr_sw.js\"></script>\n\t<script type=\"text/javascript\" src=\"./js/scripts.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/json2.js\"></script>\n  <script type=\"text/javascript\" src=\"./js/plugins/jquery-ui-1.8.6.custom.min.js\"></script>\n    <script type=\"text/javascript\" src=\"./js/setDNS1.js\"></script>\n\n\t<!-- [if IE] -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/excanvas.min.js\"></script>\n\t<!-- [endif] -->\n\n\t<!-- for dateAxisRenderer.js -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/Date.min.js\"></script>\n\t<!-- BEGIN: load jqplot -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/jquery.jqplot.min.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.dateAxisRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.barRenderer.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/jqplot.categoryAxisRenderer.js\"></script>\n\t<!-- END: load jqplot -->\n  \n  <!-- BEGIN: load slider -->\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.core.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.widget.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.mouse.js\"></script>\n\t<script language=\"javascript\" type=\"text/javascript\" src=\"./js/plugins/slider/jquery.ui.slider.js\"></script>\n\t<!-- END: load slider -->\n  \n    \n  <!-- BEGIN: Uhrzeit -->\n  <script language=\"javascript\" type=\"text/javascript\">\nvar timestampunterschied = 1685306551 * 1000 - new Date().getTime();\n</script>\n<script src=\"./js/uhrzeit.js\" type=\"text/javascript\" language=\"javascript\"></script>\n  <!-- END:  Uhrzeit -->\n  \n</head>\n<body>\n<div id=\"header\">\n\t<div class=\"head curdef\">\n\t\t<div id=\"meta\">\n\t\t\t<div id=\"login\">\n      \t\t\t</div>\n\t\t</div>\n    <div class=\"eingestelle_sprache\"><strong><a href=\"?s=5,3\" style=\"color:white\">DEUTSCH</a></strong></div>\n    <div id=\"Uhrzeit\"></div>\n\t\t<div class=\"title\">\n      <a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\">\n        <img src=\"./pics/title.png\" alt=\"Servicewelt\" />\n\t\t\n      </a>\n            <div style=\"position: relative; color: #97B765; font-weight: 900; margin: 18px 0px 0px 323px;\"></div>\n          </div>\n\t\t<div class=\"logo\"><a href=\".\" onclick=\"return checkChanges(this);\" title=\"zur Startseite\" class=\"home_link\">&nbsp;</a></div>\n\t</div>\n</div>\n\n\n<div class=\"container\" id=\"page\">\n  <div id=\"main\" >\n  <div id=\"SpacerFirefox\"></div>\n    <div id=\"nav\">\n      <div class=\"clear\"></div>\n            <div class=\"nav left defaultfirst\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link1\">\n          <a onclick=\"return checkChanges(this);\" href=\"?s=0\">START</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link2\">\n          <a >INFO</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,0\">ANLAGE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,1\">WÄRMEPUMPE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,2\">LIZENZBESTIMMUNGEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,3\">NUTZUNGS- UND DATENSCHUTZRICHTLINIE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=1,4\">BEDIENUNG UND INSTALLATION</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link3\">\n          <a >DIAGNOSE</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,0\">STATUS</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,1\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,2\">FEHLERLISTE</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=2,3\">FACHMANN</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link4\">\n          <a >PROGRAMME</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,0\">HEIZPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,1\">WARMWASSERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,2\">LÜFTERPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,3\">PARTYPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,4\">FERIENPROGRAMM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,5\">KÜHLZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,6\">ANTILEGIONELLENZEIT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=3,8\">GRUNDEINSTELLUNG</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left default parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link5\">\n          <a >EINSTELLUNGEN</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second \">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,0\">HEIZEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,1\">WARMWASSER</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,2\">LÜFTEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,3\">KÜHLEN</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,4\">SOLAR</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,5\">ENERGIEMANAGEMENT</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,6\">ZEIT/DATUM</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=4,7\">INBETRIEBNAHME</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"nav left defaultlast parent\">\n        <div class=\"l left\">&nbsp;</div>\n        <div class=\"c left link6\">\n          <a >Profil</a>\n        </div>\n        <div class=\"r left\">&nbsp;</div>\n        <div class=\"clear\"></div>\n                <div class=\"second\">\n          <ul class=\"second last\">\n                        <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,0\">Netzwerk</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,1\">Sicherheit</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,2\">Anlagenbild</a>\n    \t\t\t    \n            </li>\n                      <li>\n\t\t\t  <a onclick=\"return checkChanges(this);\" href=\"?s=5,3\">SPRACHE</a>\n    \t\t\t    \n            </li>\n                    </ul>\n        </div>\n              </div>\n            <div class=\"clear\"></div>\n    </div>\n        <div id=\"sub_nav\" class=\"span-24\"><div class=\"left main sifr span-9\" style=\"width: 45%\">HEIZEN</div>\n<div class=\"span-15 last\">\n  <div class=\"nav default right\" style=\"text-align:center;padding:0;\" id=\"subsubnavicon\">\n    <a style=\"background-image:none;\"><img src=\"pics/sub_nav_default_bg_bot_2.gif\"></a>\n    <div id=\"subsubnav\" class=\"right\" style=\"position:absolute; left:0px; background: url('pics/sub_sub_nav_bg_left.gif') repeat-y scroll 0pt 0pt white; z-index:99; display:none;margin-left:-5px;margin-top;2px\">\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,1\" onclick=\"return checkChanges(this);\">RAUMTEMPERATUREN HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,2\" onclick=\"return checkChanges(this);\">HEIZKURVE HK1</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,3\" onclick=\"return checkChanges(this);\">HEIZKURVE HK2</a>\n      </div>\n          <div class=\"nav default right\" style=\"padding-right:25px;padding-bottom:5px;width:100%;float:left\">\n        <div style=\"margin:auto;width:80%;background-color:#bbbdbe;height:1px;line-height:1px\">\n          <img src=\"pics/sub_sub_nav_underline_r.gif\" class=\"right\">\n          <img src=\"pics/sub_sub_nav_underline_l.gif\" class=\"left\">\n        </div>\n        <a class=\"left\" style=\"white-space:nowrap\" href=\"?s=4,0,4\" onclick=\"return checkChanges(this);\">GRUNDEINSTELLUNG</a>\n      </div>\n          <div class=\"right\" style=\"height: 7px; width: 100%; background-image: url('pics/sub_sub_nav_bg_bot.gif');\">\n        <img src=\"pics/sub_sub_nav_bg_round_top_right.gif\" class=\"left\">\n      </div>\n    </div>\n  </div>\n  <div class=\"nav active right\">\n    <div class=\"l\"></div>\n    <div class=\"c\">\n      <a id=\"subnavactivename\"></a>\n    </div>\n    <div class=\"r\"></div>\n    <div class=\"clear\"></div>\n  </div>\n  <script type=\"text/javascript\">\n    $(\"#subnavactivename\").html('RAUMTEMPERATUREN HK1');\n    $(\"#subsubnavicon\").css( 'width', function(){ \n      return parseInt( $(\"#subsubnav\").css('width')); \n    }).click(function(e){\n      $(\"#subsubnav\").slideToggle('fast');\n      e.stopPropagation();\n    });\n    $(\"#subsubnav\").click(function(e){\n      e.stopPropagation();\n    });\n    $('body').bind('click', function(e) {\n      $(\"#subsubnav\").slideUp('fast');\n    });\n  </script>\n</div>\n<div class=\"clear\"></div></div>\n        <form id=\"werte\" action=\"#\" onsubmit=\"saveValues(this);return false;\"><div id=\"content\">\n    <script type=\"text/javascript\">\n  var valSettings = new Array();\n  var jsvalues = new Array();\n  var jsobj;\n</script>\n<div class=\"focusguard\" id=\"focusguard-1\" tabindex=\"0\"></div>\n <div class=\"calibration round span-24 last\" id=\"calval5\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. TAG</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val5','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val5','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"1\" value=\"\" name=\"val5\" id=\"val5\" class=\"edit upndown firstElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val5'] = new Array();\n      valSettings['val5']['type'] = 'float';       valSettings['val5']['min'] = '10';\n      valSettings['val5']['max'] = '30';\n      \n            \n      jsvalues['5'] = new Array();\n      jsvalues['5']['id']='val5';\n      jsvalues['5']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval7\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. NACHT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val7','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val7','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"2\" value=\"\" name=\"val7\" id=\"val7\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val7'] = new Array();\n      valSettings['val7']['type'] = 'float';       valSettings['val7']['min'] = '10';\n      valSettings['val7']['max'] = '30';\n      \n            \n      jsvalues['7'] = new Array();\n      jsvalues['7']['id']='val7';\n      jsvalues['7']['val']='21,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval58\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMTEMP. BEREITSCHAFT</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val58','+',10,30,'0.1',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val58','-',10,30,'0.1',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"3\" value=\"\" name=\"val58\" id=\"val58\" class=\"edit upndown\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val58'] = new Array();\n      valSettings['val58']['type'] = 'float';       valSettings['val58']['min'] = '10';\n      valSettings['val58']['max'] = '30';\n      \n            \n      jsvalues['58'] = new Array();\n      jsvalues['58']['id']='val58';\n      jsvalues['58']['val']='10,0';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 30 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval54\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">HEIZKREISSOLL HAND</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"editors\">\n      <a onmousedown=\"change('val54','+',10,65,'0.5',true);return false;\" href=\"javascript://\">\n        <img src=\"./pics/button_higher.png\">\n      </a>\n      <a id=\"editorslower\" onmousedown=\"change('val54','-',10,65,'0.5',true);return false;\" href=\"javascript://\" style=\"clear:left;\">\n        <img src=\"./pics/button_lower.png\">\n      </a>\n    </div> \n    <input type=\"text\" tabindex=\"4\" value=\"\" name=\"val54\" id=\"val54\" class=\"edit upndown lastElement\" style=\"width:3.6em\">\n\t\n    <script language=\"javascript\" type=\"text/javascript\">\n      valSettings['val54'] = new Array();\n      valSettings['val54']['type'] = 'float';       valSettings['val54']['min'] = '10';\n      valSettings['val54']['max'] = '65';\n      \n            \n      jsvalues['54'] = new Array();\n      jsvalues['54']['id']='val54';\n      jsvalues['54']['val']='19,5';\n    </script>\n   </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p>Gültige Werte: Eingabe zwischen<br />10 °C und 65 °C</p>\n  </div>\n  </div>  <div class=\"calibration round span-24 last\" id=\"calval14\">\n  <div class=\"span-7 ialigned\">\n    <h3 class=\"title\">RAUMISTTEMP</h3>\n  </div>\n  <div class=\"values span-7\">\n    <div class=\"info_alone\" style=\"width:3.6em\">23,8</div>\n  </div>\n  <div class=\"values span-1 append-1\">°C</div>\n  <div class=\"green round-right span-8 last\">\n    <p></p>\n  </div>\n  </div>\n <div class=\"focusguard\" id=\"focusguard-2\" tabindex=\"5\"></div>\n<div class=\"span-24 last\">\n  <div class=\"span-4 right\">\n    <div class=\"button left\"  onclick=\"document.forms['werte'].onsubmit();\"><div class=\"bg_r\">&nbsp;</div><a>Speichern</a></div>  </div>\n</div>\n<div class=\"span-24 last\"><p></p></div>\n\n<script type=\"text/javascript\">\n$( document ).ready(function() {\n  $('#focusguard-1').focus( function() {\n\t// \"last\" focus guard got focus: set focus to the first field\n\t$('.lastElement').focus();\n\t$('.lastElement').select();\n\t\n  });\n\n  $('#focusguard-2').focus( function() {\n   // \"first\" focus guard got focus: set focus to the last field\n   $('.firstElement').focus();\n   $('.firstElement').select();\n  });\n}); \n</script>\n\n    </div>  </form></div>\n</div>\n</div>\n</div>\n<div id=\"footer\">\n\t<!--[if IE]>\n\t<style type=\"text/css\">\n\t#footer\n{\n\t\t\n\t\theight:260px;\n}\n\t#versionsNummer\n\t{\n\t\tposition:relative;\n\t\ttop:-33px;\n\t}\n\t</style>\n\n     \t<![endif]-->\n\t<div class=\"span-24 last footer_middle curdef\">\n\t\n\t\t<div class=\"span-8 prepend-top\" style=\"height:145px\">\n\t\t\t\t\t\t<div class=\"span-3\">\n\t\t\t\n\t\t\t\t<img src=\"./pics/ste_footer_website.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-5 last\">\n\t\t\t\t<p>\n\t\t\t\t\n          \t\t\t\t\tWeitere Informationen zu unserem Produktprogramm und aktuelle Serviceangebote finden Sie unter\t\t\t\t\t<a href=\"http://www.stiebel-eltron.de\" target=\"_blank\" class=\"extern\">www.stiebel-eltron.de</a>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t\t\t</div>\n\t  \n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-6 prepend-top\">\n\t\t\t<div class=\"span-2\">\n\t\t\t  <img src=\"./pics/footer_tel.png\" />\n\t\t\t</div>\n\t\t\t<div class=\"span-4 last\">\n\t\t\t\t<p>\n\t\t\t\t\tUnsere Service-Hotline erreichen Sie unter<br /><span class=\"big\">05531 702-111</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t  </div>\n    \t\t<div class=\"bordered span-1\"></div>\n\t\t<div class=\"span-7 prepend-top last\">\n\t\t\t<p>\n\t\t\t\tDas Neueste rund um die Servicewelt\t\t\t\t<br /><a href=\"http://www.stiebel-eltron.de/erneuerbare-energien/kundenservice/servicewelt/isg/\" target=\"_blank\" class=\"extern\">servicewelt</a>\n\t\t\t</p>\n\t  </div>\n    \n\t</div>\n  <div class=\"links span-23 prepend-top append-1 last footer_middle\">\n    <div class=\"span-17\">\n        \t\t<a class=\"intern\" href=\"?forcepage=dsgvo\" onclick=\"return checkChanges(this);\">Datenschutz</a>\n\t\t\t\t\n\t\t<a href=\"http://www.stiebel-eltron.de/de/info/impressum.html\">Impressum</a>\n      &nbsp;\n      <p style=\"margin-top:8px\" class=\"right\" id=\"versionsNummer\">v12.2.1</p>\n    </div>\n  \t<div class=\"copyright span-6 last curdef\">\n  \t\t&copy; STIEBEL ELTRON 2023  \t</div>\n  </div>\n</div>\n</body>\n</html>","output":"str","x":320,"y":1080,"wires":[["4dce23724d4f0e83","d8f88bdc7c9f2083"]]},{"id":"0ceb4c62b14375c6","type":"debug","z":"cb085eef1cd8e696","name":"debug 199","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":690,"y":1120,"wires":[]},{"id":"28d2fa3454e606f9","type":"debug","z":"cb085eef1cd8e696","name":"debug 200","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":830,"y":1080,"wires":[]},{"id":"718675e4f9435d45","type":"function","z":"cb085eef1cd8e696","name":"parse http","func":"\nlet varName = msg.test;\n\nconst output = {};\nfor(let i = 0; i < msg.payload.length; i += 2){\n    let value = parseFloat(msg.payload[i+1].replace(\",\", \".\"))\n    if(isNaN(value)) value = 0;\n    let key = msg.payload[i].replace(/[^A-Za-z0-9]+/g,\" \").trim().replace(/\\s/g, \"_\");\n    key = varName + key\n    output[key] = value\n}\n\nmsg.payload = output;\n\nmsg.topic = \"task8\";\n\nreturn msg;\n","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":670,"y":1080,"wires":[["28d2fa3454e606f9"]]},{"id":"4dce23724d4f0e83","type":"change","z":"cb085eef1cd8e696","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(jsvalues\\['\\d+'\\]\\['val'\\]='|<h3 class=\"title\">|name=\"val\\d+\" value=\"|<div class=\"info_alone\" style=\"width:3\\.6em\">)).+(?=(';|<\\/h3>|\" checked=\"checked\"|<\\/div>))/).match\t","tot":"jsonata"},{"t":"set","p":"test","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(<div id=\"sub_nav\" class=\"span-24\"><div class=\"left main sifr span-9\" style=\"width: 45%\">)).+(?=(<\\/div>))/).match\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":500,"y":1080,"wires":[["718675e4f9435d45","0ceb4c62b14375c6"]]},{"id":"d8f88bdc7c9f2083","type":"debug","z":"cb085eef1cd8e696","name":"debug 198","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":490,"y":1120,"wires":[]}]

Havent looked deep at this.

The first issue I see is you are overwriting payload with the first jsonata.
So second jsonata is looking for payload a string, but sees payload an array.
try swaping them so msg.test is first.

[{"id":"1efb3e2ff5df94bc","type":"change","z":"b9860b4b9de8c8da","name":"","rules":[{"t":"set","p":"test","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(<div id=\"sub_nav\" class=\"span-24\"><div class=\"left main sifr span-9\" style=\"width: 45%\">)).+(?=(<\\/div>))/).match\t","tot":"jsonata"},{"t":"set","p":"payload","pt":"msg","to":"$match(\t   $$.payload,\t   /(?<=(jsvalues\\['\\d+'\\]\\['val'\\]='|<h3 class=\"title\">|name=\"val\\d+\" value=\"|<div class=\"info_alone\" style=\"width:3\\.6em\">)).+(?=(';|<\\/h3>|\" checked=\"checked\"|<\\/div>))/).match\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":400,"y":3900,"wires":[["718675e4f9435d45","0ceb4c62b14375c6"]]}]
1 Like

:see_no_evil: :see_no_evil: :see_no_evil: OMG so logical if you think about... changed, tested, works!

Thank you @E1cid ! :+1: :smiley:

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.