This program half-way ot prints on IE, then it hangs, don't know what is the issue?

tvnaidu

This is just small plain HTML program wtote manually (since I am new to web programming, may be some tools I can use I think), this program loaded onto microcontroller with small foot print web server, when program prints, half-way it prints, then it struck, any issue with this?. when user clicks "submit" again it loaded same page. but it sends some sytring to server (plug1=ON&......), that string will be processed inside server.

any open source tools I can use to do better design?. appreciated.

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>control page</title>

</head>
 
<body>

 &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  

 <br>

<form name="input" action="/plugv1.htm" method="get">
 
<div align="center">

    <b><font size="6"> SWITCH PANEL </font></b>

    <br><br>

</div>
 
<div align="center">

<b>PLUG1 &nbsp; &nbsp;  &nbsp;  </b> <input type="radio" name=plug1 value=ON1> <strong style="color:green;"> <b>ON</b> </strong> &nbsp;      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

    <input type="radio" name=plug1 value=OF1 > <strong style="color:red;"> OFF </strong> 

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 1 Status</strong> ^00&0001|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<b>PLUG2  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug2 value="ON2"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug2 value="OF2"> <strong style="color:red;"> OFF </strong> 

    <!-- <input type="radio" name=plug2 value="RB2" > REBOOT<br> -->

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 2 Status</strong> ^00&0002|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<br> 

<b>PLUG3  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug3 value="ON3"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug3 value="OF3"> <strong style="color:red;"> OFF </strong> 

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 3 Status</strong> ^00&0004|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<b>PLUG4  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug4 value="ON4"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug4 value="OF4"> <strong style="color:red;"> OFF </strong>

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 4 Status</strong> ^00&0008|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<br> 

<b>PLUG5  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug5 value="ON5"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug5 value="OF5"> <strong style="color:red;"> OFF </strong>

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 5 Status</strong> ^00&0010|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<b>PLUG6  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug6 value="ON6"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug6 value="OF6"> <strong style="color:red;"> OFF </strong> 

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 6 Status</strong> ^00&0020|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<br> 

<b>PLUG7  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug7 value="ON7"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug7 value="OF7"> <strong style="color:red;"> OFF </strong> 

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 7 Status</strong> ^00&0040|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" >|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;">|;</td>

<br> 

<b>PLUG8  &nbsp;  &nbsp;  &nbsp; </b> <input type="radio" name=plug8 value="ON8"> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plug8 value="OF8"> <strong style="color:red;"> OFF </strong> 

    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td> <strong>PLUG 8 Status</strong> ^00&0080|<input type="button" value="ON" style="background-color: #00cc00; color: #ffffff;" />|<input type="button" value="OFF" style="background-color: #cc0000; color: #ffffff;"/>|;</td>

<br>
 
<table border="2" cellpadding="5">

<td>

<b>All Plugs  &nbsp;  &nbsp; </b> <input type="radio" name=plugx value="ONX" /> <strong style="color:green;"> ON </strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type="radio" name=plugx value="OFX"> <strong style="color:red;"> OFF </strong> 

</td></table>
 
</div>

&nbsp;<br>

<div align="center"><br>

<input type="button" onclick="if (confirm('Are you sure to Submit this?')) submit();" value="Submit"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<input type ="reset" value ="Clear"> &nbsp; &nbsp; &nbsp;

<input type="button" value="Refresh" onclick="window.location.reload();" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 
</div>

</form>
 
<br>
 
<form name="input" action="/plug_login.htm" method="get">

<div align="right">

<input type="submit" name="logout" value="Logout">

<INPUT TYPE="HIDDEN" name="logoutExitPage" VALUE="/plug_login.html">

</div>

</form>
 
<br>
 
</div> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; 

</body>
 
</html>

tvnaidu

Thanks Markus for keeping those [code] tags, sorry for that , next time onwards I will in mind to add tags.

Can somebody have any idea what is the wrong with the above prog, it prints half-way then stops. is any anyway I can write efficient prog using some open-source tool.

appreciated.

acoder

When you say it prints, do you mean printing as in displaying in the browser, or printing onto paper from a printer?

tvnaidu

I mean displaying on browser, this code is running form microcontroller using tiny web server running microC. when web client running on PC connects to web server running on microcontroller, when this page getting loaded, it loads half-way and remining code won't load.

acoder

Have you tried testing in other browsers?

tvnaidu

I was using IE and Firefox, on both it shows like that. I was thinking may be those <td> and <tr> doing something, may be some alignment issue or something?

acoder

Do you have a memory limit on the micro-controller? You should remove all the extra space characters ( ) that are unnecessary.

madankarmukta

Quote:

Originally Posted by tvnaidu

Thanks Markus for keeping those [code] tags, sorry for that , next time onwards I will in mind to add tags.

Can somebody have any idea what is the wrong with the above prog, it prints half-way then stops. is any anyway I can write efficient prog using some open-source tool.

appreciated.

Hi,

Can you please tell me how much portion you are able to view.. till which row..?

- as you said half-way..

Thanks!

tvnaidu

Here I have those radio buttons for input (select on or off and when user click on apply, it takes action, that is why the method declared as "get", the other part is status, where it reads the status and display on screen. I have screenshot, how can I post that screenshot?.

It is very interesting issue.

acoder

Quote:

Originally Posted by tvnaidu

I have screenshot, how can I post that screenshot?

Make a post and then click on Edit. You should have an option to attach an image.

This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

re: This program half-way ot prints on IE, then it hangs, don't know what is the issue?

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about