Help - Search - Members - Calendar
Full Version: HTML forms
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
joshft91
Hey guys.

I've started looking at html forms, and I've got a couple questions. Take a look at this link here - movpod.in/3e6i5sdwysjl.
If you view the page source code, you'll see the form that I'm wondering about looks like this:
CODE

<Form method="POST" action=''>
<input type="hidden" name="op" value="download1">
<input type="hidden" name="usr_login" value="">
<input type="hidden" name="id" value="3e6i5sdwysjl">
<input type="hidden" name="fname" value="TV-Release.Net_Alphas.S02E00.Sneak.Peek.720p.WEB-DL.AAC2.0.H.264-SLiNT.mkv">
<input type="hidden" name="referer" value="http://watchseries.eu/open/cale/6265484/idepisod/183907.html">
<!-- <input type="submit" name="method_premium" value="Premium Download">         -->
<input type="hidden" name="method_free" value="Free Download">
    <div id="pre-download-block">
        <div class="c1-box">
            <span class="t" id="head_title">Please wait while we verify your request</span>
            <div class="loading" id="load_img"><img src="http://movpod.in/images3/loading.gif" alt="Loading..." /></div>
            <div class="btn-box">
                <span id="countdown_str">
                    <b><span style="color: #FF0000;">Wait <span id="4cfdf8">5</span> seconds</span></b>
                </span>
            </div>
            <div class="btn-box">
                <span class="btn-big-dsbl" id="btn_download_span"><input type="submit" id="btn_download" value="Continue" /></span>
            </div>
            <div class="c1-l-t"><!----></div><div class="c1-l-b"><!----></div><div class="c1-r-t"><!----></div><div class="c1-r-b"><!----></div>
            <div class="c1-l"><!----></div><div class="c1-r"><!----></div><div class="c1-t"><!----></div><div class="c1-b"><!----></div>
        </div>
    </div>


I've noticed that the action tag is left blank. From the little I've read, that basically means that when the form is submitted, it'll re-direct to the same url. Which is does after you click the "continue" button.
However, is after you click "continue" and then view the source code, the source code changes. Is there a way to tell what is happening when I click the "continue" button? I've looked around in the source code quite a bit to no avail. Maybe it's something hidden, I'm just curious for learning sake.

Thanks
pandy
And the submit button is commented out...

Regarding the changing content, I guess this has something to do with it. That's where the "Click button below to proceed.." string is found. I've never used jQuery, so I don't know how to untangle that.

CODE
<script type="text/javascript" language="JavaScript">
function countDown()
{
    num = parseInt( $$('us67zl').innerHTML )-1;
    if(num<=0) {
        $$('btn_download_span').className = 'btn-big';
        $$('btn_download').disabled = false;
        $$('countdown_str').style.display='none';
        $$('load_img').style.visibility='hidden';
        $$('head_title').innerHTML = 'Click button below to proceed...';
    } else {
        $$('us67zl').innerHTML = num;
        setTimeout("countDown()",1000);
    }
}
if($$('btn_download'))
{
    $$('btn_download_span').className = 'btn-big-dsbl';
    $$('btn_download').disabled = true;
    setTimeout("countDown()",1000);
}
</script>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.