Good evening to everyone
I am converting some parametric plugins (parametric.rb) from imput type dialog box to Web Dialog in order to implement different languages. However, I have a problem of visualization that does not depend on the PC or the version of Sketchup, in practice wrapped it happens that the web dialog appears empty and passing on it with the mause you discover the fields of imput. pressing the F5 key solves the problem momentarily.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>SOFTDEG_vetrate</title>
<style type="text/css">
body {
background-color: #fff;
font-family: Arial,Helvetica;
font-size:10pt;
margin:0px;
padding:20px;
}
table {
font-size:10pt;
}
input {
border-color:#aaa;
border-style:solid;
border-width:1px;
font-size:10pt;
}
button {
border-style:outset;
}
</style></head><body>
<table style="text-align: left; width: 821px; height: 365px;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">
<table id="settings" style="padding: 3px; margin-top: 3px; margin-bottom: 3px; height: 645px; width: 507px;">
<tbody>
<tr style="background-color: rgb(238, 238, 238); width: 406px;">
<td style="width: 349px;">01 - Larghezza</td>
<td style="width: 119px;"><input id="w" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">02 - Altezza - (compreso spessore
soglia)</td>
<td style="width: 119px;"><input id="h" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">03 - Inverti misure
Larghezza/Altezza <br>
<div style="text-align: right;">(0=No/1=Si)</div>
</td>
<td style="width: 119px;"><select id="g" size="1" style="width: 100%;"></select></td>
</tr>
<tr>
<td style="width: 349px;">04 - Intradosso - Esterno </td>
<td style="width: 119px;"><input id="ie" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">05 - --------------- - Interno
(compreso infisso)</td>
<td style="width: 119px;"><input id="ii" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">06 - Infisso - Spessore</td>
<td style="width: 119px;"><input id="sf" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">07 - --------- - Profondità
Incasso </td>
<td style="width: 119px;"><input id="pif" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">08 - Destra - Sguancio Interno
(infisso) </td>
<td style="width: 119px;"><input id="dx_si" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">09 - --------- - Sguancio Esterno
(filo parete) </td>
<td style="width: 119px;"><input id="dx_se" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">10 - Sinistra - Sguancio Interno
(infisso) </td>
<td style="width: 119px;"><input id="sx_si" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">11 - ----------- - Sguancio
Esterno
(filo parete) </td>
<td style="width: 119px;"><input id="sx_se" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">12 - Alto - Sguancio Interno
(infisso) </td>
<td style="width: 119px;"><input id="top_si" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">13 - ------ - Sguancio Esterno
(filo parete) </td>
<td style="width: 119px;"><input id="top_se" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">14 - Basso - Sguancio Interno
(infisso) </td>
<td style="width: 119px;"><input id="bot_si" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">15 - --------- - Sguancio Esterno
(filo parete) </td>
<td style="width: 119px;"><input id="bot_se" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">16 - Soglia - Sporgenza Esterna e
Laterale </td>
<td style="width: 119px;"><input id="dav_spe" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">17 - --------- - Sporgenza
Interna </td>
<td style="width: 119px;"><input id="dav_spi" value="" type="text"></td>
</tr>
<tr>
<td style="width: 349px;">18 - --------- - Spessore </td>
<td style="width: 119px;"><input id="dav_th" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">19 - --------- - Tipologia <br>
<div style="text-align: right;">(0=Piana/1=Sovrapposta)</div>
</td>
<td style="width: 119px;"><select id="t" size="1" style="width: 100%;"></select></td>
</tr>
<tr>
<td style="width: 349px;">20 - Incasso Sotto Soglia -
Profondità </td>
<td style="width: 119px;"><input id="dav_i" value="" type="text"></td>
</tr>
<tr style="background-color: rgb(238, 238, 238);">
<td style="width: 349px;">21 - Rimuovi Veletta Pavimento <br>
<div style="text-align: right;">(0=No/1=Si)</div>
</td>
<td style="width: 119px;"><select id="r" size="1" style="width: 100%;"></select></td>
</tr>
<tr>
<td style="width: 119px;" colspan="2"> <br>
</td>
</tr>
<tr>
<td colspan="1" style="text-align: center; width: 349px;"><input value="Chiudi" onclick="window.location='skp:close@'" type="button"></td>
<td style="vertical-align: top; text-align: center; width: 119px;"><input value="Applica" onclick="window.location='skp:submit@'" type="button"></td>
</tr>
</tbody>
</table>
</td>
<td style="text-align: center;"><img src="Sguanci_img.jpg" alt="" style="padding: 3px; margin-top: 5px; margin-bottom: 3px; width: 376px; height: 606px;" align="middle"><br>
</td>
</tr>
</tbody>
</table>
<script>
window.location="skp:populate@";
</script>
</body></html>
