Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Dear Everyone,
 
I have this small problem which you could help me with. Upon deploying the compiled files to a our test server, everything seems fine but somehow, there was this clickable "hidden" field on the page that our QA encountered.
Thanks for any ideas as I've already tried google and banging my head on my desk but to no avail.
 
Cheers.
Reima Cram
 
Sample Screenshot
http://i1247.photobucket.com/albums/gg635/reimacram/WeirdHiddenField.jpg[^]
 
Code
 
<div id="Loading">
    <img alt="" src="images/progress.gif" /><span style="font:Verdana 12px; color:Red">Please wait while loading...</span>
    </div>
 
    <table id="tblSearchHeader" border="0" cellpadding="0" cellspacing="0" width="100%">
       <tr>
        <td style="background: lightgrey; height: 20px; text-align: left">
            <span style="font-size: 8pt; color:saddlebrown; font-family: Verdana"><strong>Remedy Transaction - Search Criteria</strong></span></td>
    </tr>
    <tr>
        <td style="height: 10px; text-align: left;"></td>
    </tr>
</table>
 
<table id="tblSearch" border="0" cellpadding="0" cellspacing="0" width="620px">
    <tr>
        <td class="FontText" style="height: 15px; width: 150px">
            Process Status
        </td>
        <td class="FontText" style="height: 15px; width: 470px">
            <select id="ddlProcessStatus" style="font-family:Verdana; font-size:8pt;">
                <option value="0">
                    Select...
                </option>
                <option value="U">
                    U - Unprocessed
                </option>
                <option value="R">
                  R - Remedied not yet confirmed
                </option>
                <option value="C">
                  C - Confirmed not yet transferred
                </option>
           </select>
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Store ID
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtStoreID" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="4"/>
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Machine ID
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtMachineID" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="3" />
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Transaction Date From
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtDateFrom" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="10" />
            (DD-MM-YYYY)
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Transaction Date To
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtDateTo" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="10"/>
            (DD-MM-YYYY)
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Merchant Code
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtMerchantCode" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="3"/>
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Account No.
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtAccountNo" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="50" />
        </td>
    </tr>
    <tr>
        <td class="FontText" style="height: 15px;">
            Sequence No.
        </td>
        <td class="FontText" style="height: 15px;">
            <input id="txtSequenceNo" type="text" style="font-family:Verdana; font-size:8pt; width:130px" maxlength="4" />
        </td>
    </tr>
     <tr>
        <td colspan="2" align="left">
            <input id="btnSearch" type="button" value="Search" style="width:100px"/>
            <input id="btnReset" type="button" value="Reset" style="width:100px" />
        </td>
    </tr>
</table>
 
    <div id="GridviewData">
    <div id="result"></div>
    </div>
Posted 17-Feb-13 14:35pm
Edited 18-Feb-13 11:09am
34K
v3
Comments
Sergey Alexandrovich Kryukov at 17-Feb-13 20:57pm
   
I don't observe it. Please check up again.
—SA
Reima Cram at 17-Feb-13 21:06pm
   
I'm not sure whether the Jquery stuffs I've included somehow produced it. I'm using ajax.postbacks and javascript validations but then it's just a landing page and first page load. The search button in the screenshot has not been clicked yet.
Sergey Alexandrovich Kryukov at 18-Feb-13 15:55pm
   
By the way, your code sample is not a valid HTML. It's parsed and rendering anyway. Isn't the "pre" tag at the very beginning a mistake (artifact of formatting for the question)? Even if you removed it, it's not well-formed. Try to fix it and see what happens.
—SA
Marco Bertschi at 18-Feb-13 16:36pm
   
Can you add the CSS file so we can se your style settings?
Reima Cram at 18-Feb-13 20:20pm
   
Hello. I looked it up and found this css sample code for the calss "Font-Text"

.FontText
{
color: Black;
font-family: Verdana;
font-size: 10px;
}

Thank you for your time.
Reima Cram at 18-Feb-13 20:23pm
   
I was thinking maybe because it was the way the IE browser rendered the page. It's just a small-time aesthetic bug and can be ignored according to our business analyst. But it;s bugging me. I'll just wait for your ideas regarding this. Thank you so much..
W&there4; Balboos at 19-Feb-13 10:30am
   
It's not possible to tell what your AJAX is doing, nor, without the body tag, able to tell if it's being triggered onload() or not. Casting that aside from that, the following would create a nothingnees until the ajax updates it.
 
<div id="GridviewData">
<div id="result">
</div>
</div>

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 475
1 OriginalGriff 248
2 ChintanShukla 185
3 Bhavik_Patel 170
4 PhilLenoir 125
0 Sergey Alexandrovich Kryukov 8,713
1 OriginalGriff 7,357
2 CPallini 2,603
3 Richard MacCutchan 2,095
4 Abhinav S 1,893


Advertise | Privacy | Mobile
Web04 | 2.8.140827.1 | Last Updated 18 Feb 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100