Nobody has an idea, what I am doing wrong? Or is the question too specific / this the wrong place to ask this kind of question?
2008/6/6 Jan Limpens <[EMAIL PROTECTED]>: > Hello, > > I am in the process of writing some scripts that makes use of JqModal > (http://dev.iceburg.net/jquery/jqModal/). > What I have to do is the following: > The web page contains numerous ajax forms that have as their target a modal > div . > If the user clicks on the submit button, the response is inserted in the div > and shown. > > Some of the forms contain a hidden select element. > Once the user clicks on one of those forms' submit button, a dialogue is > presented (using the very same div). > It shows the selects contents as a radio list. Once the user has checked a > radio input, the corresponding option in the select is selected and the form > is ajax posted as described before. > > (Or could this be done simpler?) > > But: the confirm method does not break processing: I override confirm, but > it is simply ignored - the confirmation dialogue blinks only for the > fraction of a second and the form is submitted as if it would not have been > there. > > var options = { > target: '#modalWindow', > beforeSubmit: handleOptions, > success: function(){ > showModal(); > showCartInfo(); > } > }; > > $(function() { > $('form.buyarticle').ajaxForm(options) > }); > > function showModal(){ > return $('#modalWindow').jqmShow(); > } > > function showModalWithContent(html){ > return $('#modalWindow').html(html).jqmShow(); > } > > function hideModal(){ > return $('#modalWindow').html('').jqmHide(); > } > > function handleOptions(formData, jqForm, options) > { > var currentSelect = $(jqForm).find("select"); > if (currentSelect!=null && currentSelect.length > 0) > return confirm(makeSelectMessage(currentSelect), > callback_SelectResult); > else > return true; > } > > function confirm(select,callback) { > $(showModalWithContent(makeSelectMessage(select))) > .end() > .find(':submit:visible') > .click(function(){ > callback(select); > hideModal(); > return false; // to prevent the form from posting (does not > work...) > }); > } > > function callback_SelectResult(select){ > var result = $("#modelWindow :input:checked").eq(0); > select.selectedIndex = result; > } > > var currentSelect; > > function makeSelectMessage(select) > { > var msg ="<p class='textblock'>Este produto vem com estas > variações:</p>"; > msg += "<form method='post'>"; > msg += "<ul class='textblock'>"; > var i = 0; > $(select).find("option").each(function(){ > msg += "<li>"; > msg += "<input type='radio' value='" + i + "' name='option' > id='option_" + i + "'"; > if (i==0) > msg += " checked='checked'"; > msg += " /><label for='option_" + i + "'>"; > msg += $(this).attr("value"); > msg += "</label></li>"; > i++; > }); > msg += "</ol>" > msg += "<input type='submit' value='Ok'/>"; > msg += "</form>"; > return msg; > } > > Anyone with more jq experience can tell me what I am doing wrong? > > -- > Jan > ___________________ > [EMAIL PROTECTED] > www.limpens.com > +55 (11) 3082-1087 > +55 (11) 3097-8339 -- Jan ___________________ [EMAIL PROTECTED] www.limpens.com +55 (11) 3082-1087 +55 (11) 3097-8339
