Hi everybody.

Let me introduce myself.

I'm a developer located in Venezuela (latin america), and i have like
2 years using Jquery in every project that came to my hands. Its a
pleasure to meet you all.

For begin, i have a little problem that i hope you can giveme some
light here:


I have created a modal dialog inside a tab with a simple form that has
a datepicker:

    <div id="tabs-3" style="font-size:11px;">

        <div style="padding-left:75%;">
            <a href="javascript:void(0)"
               onClick="javascript:{modalForm
('idValuation','destiny.php',$(this).text());}">
                Add Valuation
            </a>
        </div>

        <div id="idValuation" style="display:none;padding:2px">
            <table>
                <tr>
                    <td valign="top">Comments: </td>
                    <td><textarea type="text" name="comment_omit"
style="width:200px;"></textarea></td>
                </tr>
                <tr>
                    <td>Date: </td>
                    <td>
                        <script type="text/javascript">
                        dateSelector('idFIV');
                        </script>
                        <input type="text" name="date" id="idFIV"
readonly="true"
                                size="10" class="calendario"
style="border:none">
                    </td>
                </tr>
            </table>
        </div>
    </div>

So, as you can see i call a function dateSelector and this function
calls the datePicker like this:

function dateSelector(id) {

    $(document).ready(function() {

        $("#"+id).css({'border':'none','background-
color':'#E5E5E5','float':'left'});
        $("#"+id).datepicker(
                      { showOn: 'button',
                        buttonImage: 'images/iconos/calendar.png',
                        dateFormat:'dd-mm-yy',
                        buttonImageOnly: true
                      },
        $.datepicker.regional['es']);

    });

}

The dialog its created like this:

function modalForm(id, url, tittle) {

    if ( !$("#"+id).dialog( 'isOpen' ) ){

        $("#"+id).dialog({
            bgiframe      : true,
            closeOnEscape : true,
            resizable     : false,
            width         : 500,
            modal         : true,
            title         : tittle,
            beforeclose: function(event, ui) {
                $(this).dialog('destroy');
            },
            buttons       : {
                'Cancel' : function() {
                    $(this).dialog('close');
                },
                'Add Record' : function() {

                    updateView(''+url+'',''+id+'');
                    $(this).dialog('close');
                }
            }
        });

        $("#"+id).dialog('open');

    }
}


This works just perfect, the dialog appear, i can select the date, add
a record to the database, and then just call again the dialog using
the link.

The thing is that when i use this the first time, works perfect, when
i try to add a second record, the date picker doesnt refresh the
field. It shows the calendar, but when i select a value, this doesnt
appear in the input, and even more strange, if i close de dialog and
then reopen, it appears the value that i tried to select, selected,
but the same problem again.

What i am doing wrong with this ? Why works only the first time and
then breaks?

Thanks in advance for all your help! :-D

Reply via email to