Hi,
i searsh to make a button link to another page HTML. it's work with a link like (www.google.com) but i can't do it with my link ( http://IP/ui/#/1), the link change in the case of the adresse of my navigator but it does run it.
this is the page of redirection
this is my code HTML.
Thank you for your help
<html>
<head>
<style>
#customers {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 20%;
}
#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}
#customers tr:nth-child(even){background-color: black;}
#customers tr:hover {background-color: #5F5755;}
#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #ddd;
color: black;
width : 100px;
}
.eb1 {
background-color: {{msg.payload[0]}};
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 45px;
margin: 4px 2px;
cursor: pointer;
}
.eb2 {
background-color: {{msg.payload[1]}};
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 45px;
margin: 4px 2px;
cursor: pointer;
}
.mf1 {
background-color: {{msg.payload[2]}};
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 45px;
margin: 4px 2px;
cursor: pointer;
}
.mf2 {
background-color: {{msg.payload[3]}};
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 45px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<table id="customers">
<tr>
<th>Bancs</th>
<th>Etat du banc</th>
<th>Fonc- tion- nement </th>
<th>Anoma- lie</th>
</tr>
<tr>
<td>BANC1</td>
<td> <button type="button" class = "eb1" onClick="parent.location='http://192.168.5.247:1880/ui/#/1'" ></button> </td>
<td><button class="mf1"></button></td>
<td>zerzer</td>
</tr>
<tr>
<td>BANC2</td>
<td><button class="eb2"></button></td>
<td><button class="mf2"></button></td>
<td>zerzer</td>
</tr>
<tr>
<td>BANC3</td>
<td>zerzer</td>
<td>zerzer</td>
<td>zerzer</td>
</tr>
<tr>
<td>BANC4</td>
<td>zerzer</td>
<td>zerzer</td>
<td>zerzer</td>
</tr>
<tr>
<td>BANC5</td>
<td>zerzer</td>
<td>zerzer</td>
<td>zerzer</td>
</tr>
<tr>
<td>BANC6</td>
<td>zerzer</td>
<td>zerzer</td>
<td>zerzer</td>
</tr>
</table>
</html>