Cannot enter into form

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Cannot enter into form


and the javascript (invoked by clicking the <a> link above) is:

function showSKUABox(divId) {
    Shadowbox.open({
        player:     'html',
        title:      'SKUA',
        content:    $(divId).innerHTML,
        height:     400,
        width:      700
    });
}

It all displays fine but I am unable to enter information into any of the non-disabled text boxes or textareas (eg txtNotes, txtTags etc).

Any clues as to what I am doing wrong?

Thanks,
Tony.
tonylinde
Hi, I am putting info into a hidden form on a page and then displaying that in a Shadowbox. HTML includes:

                                                   
                              <a href="javascript:showSKUABox('skua_1')">SKUA</a>

<div id="skua_1" style="display:none; font-family:Verdana; border:2px solid blue; width:700px">
        <form id="frmClaim" style="font-size:9pt;" action="#" onsubmit="submitForm();">
        <div style="padding-bottom:3px;">
                <label style="margin-left:10px; float:left; width:80px;">Object type:</label>
                <input id="txtType" style="margin-left:3px; width:90px" type="text" value="Workflow" disabled />
        </div>
        <div style="padding-bottom:3px;">
                <label style="margin-left:10px; width:80px; float:left;">Description:</label>
                <textarea id="txtDesc" style="margin-left:3px; width:590px; height:70px; color:gray;" readonly> Xxxx xxx xxx</textarea>
                </div>
        <div style="padding-bottom:3px;">
                <label style="margin-left:10px; width:80px; float:left;">Notes:</label>
                <textarea id="txtNotes" style="margin-left:3px; width:390px; height:70px;"></textarea>
                </div>
        <div style="padding-bottom:3px;">
                <label style="margin-left:10px; width:80px; float:left;">Tags:</label>
                <input id="txtTags" style="margin-left:3px; width:310px;" type="text" />
                <button style="margin-left:2px; width:70px;">Paste...</button>
                </div>
        <div style="padding-bottom:3px;">
                <label style="margin-left:10px; width:33px; float:left;">SAC:</label>
                <input id="txtSAC" style="margin-left:3px; width:310px" type="text" />
                <button style="margin-left:2px; width:70px;">Change...</button>
                </div>
                </form>
</div>

                           
Reply | Threaded
Open this post in threaded view
|

Re: Cannot enter into form

tonylinde
BTW - I tried a quick hack on the demo.js file that ships with Shadowbox, adding <input type="text" /> to the demoMessage 'content' field. This was also locked from user input. Can't understand why this is different to the Web/Form demo.

T.
Reply | Threaded
Open this post in threaded view
|

Re: Cannot enter into form

bonndan
Try passing the  enableKeys:false option when opening Shadowbox. This will solve your problem.
Reply | Threaded
Open this post in threaded view
|

Re: Cannot enter into form

tonylinde
That was it. Many thanks.