bala.subramania 0 Newbie Poster

Hi Guys,

I am happy to be part of our group here.... I need some clarifications in Ip Camera Streaming....

I have a webpage ie displaying live camera streaming video and control buttons(left,right,up and down) in one aspx page. My problem is when i click any one of the button in my page, one separate page is opening ie contains that url :: "http://192.168.1.3:8585/nphControlCamera?Direction=PanLeft&PanLeft=PanLeft"

Can u please help me that when i click the button no more extra page will be open.... The action will be taken by the page itself.....

My code is in that apge :

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <META http-equiv="Content-Script-Type" content="text/javascript" />
</head>
<body style="margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px;">
<script type="text/javascript">
<!--
Count = 0;
function ImageRefresh() {
    document.CameraImage.src = "http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=" + Count;
    Count++;
}
function ImageRefresh1() {
    Main.document.NewPosition.src = "http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=" + Count;
    Count++;
}
// -->
</script>
    <form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
        <div style="z-index:1; position:absolute;top:0;left:0;">
            <img src="http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=0" name="CameraImage" border="0" hspace="0" vspace="0" width="320" height="240" onload="setTimeout('ImageRefresh()', 200)" onerror="setTimeout('ImageRefresh()', 60000)" onabort="setTimeout('ImageRefresh()', 60000)" alt="" />
        </div>
        <div style="z-index:2; position:relative;top:0;left:0;width:320;height:240;">
            <input type="hidden" name="Direction" value="Direct" />
            <input type="hidden" name="Width" value="320" />
            <input type="hidden" name="Height" value="240" />
            <input type="image" name="NewPosition" src="" border="0" hspace="0" vspace="0" width="320" height="240" />
        </div>

    </form>

    <table style="padding-top:230px; padding-left:10px;">
        <tr>
            <td>
                <form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
                    <input type="hidden" name="Direction" value="PanLeft" />
                    <input type="submit" name="PanLeft" value="PanLeft" />
                </form>
            </td>

            <td>
                <form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
                    <input type="hidden" name="Direction" value="TiltUp" />
                    <input type="submit" name="TiltUp" value="TiltUp" />
                </form>
            </td>

            <td>
                <form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
                    <input type="hidden" name="Direction" value="TiltDown" />
                    <input type="submit" name="TiltDown" value="TiltDown" />
                </form>
            </td>

            <td>
                <form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
                    <input type="hidden" name="Direction" value="PanRight" />
                    <input type="submit" name="PanLeft" value="PanRight" />
                </form>
            </td>

        </tr>
    </table>
</body>
</html>