Basic Dialog and form submit

JC · 20 Nov 2006 4:40 PM

Hi Folks,

I am trying to wrap a form around a basic dialog so that when the user clicks the submit button the form is submitted as per it's defined action. The following is my code, I am pretty new to this stuff but I have a feeling I am being very optimistic thinking this code would work. What I was hoping is that the 'runprogram.php' would be called, but it doesn't appear to be.

Code:

var SubmitForm = function() {
	     var tform = getEl('test');
	    tform.submit;
	//	vardiaProgram.hide();
     }; 	

function init (){
    vardiaProgram = new YAHOO.ext.BasicDialog("diaProgram",
       {modal:true,autoTabs:true,width:500,height:300,shadow:true,minWidth:300,minHeight:300
  });
vardiaProgram.addButton('Submit', SubmitForm);
vardiaProgram.show();
}
YAHOO.util.Event.addListener(window, "load", init);
</script>

<body>
<form id="test"  method="POST" action="http://localhost/jc/php/runprogram.php">
<div id="diaProgram" style=";visibility:hidden">
<div class="ydlg-hd">Add Dialog</div>
<div class="ydlg-bd">
<label for="fldField1"> Enter this:</label> <input id="fldField1" />
</div>
<div class="ydlg-ft"></div>
</div>
</form>

TIA,
JC

**tryanDLS** · 20 Nov 2006 5:07 PM

tform.submit <- missing parens ???

JC · 20 Nov 2006 5:48 PM

Thanks for the reply,

but I already tried that and I get an "object does not support this property or method" error.

**tryanDLS** · 20 Nov 2006 8:21 PM

Well since you coded tform.submit, my first thought would have been that you read the docs/looked at the source code and found a (new) function that was added to the library. Since adding parens says that there is no function called submit, at least I know that I miss a new addition to the library.

I would suggest you search the forums for examples using UpdateManager which is one way to make a call to another page. Or, you could just use the base yui methods in the Connection class to do a request. I don't have the code in front of me know - I think the method is asyncRequest

JC · 20 Nov 2006 10:43 PM

Thanks for your help Tim,

As you suggested I used the Yahoo connection class to get this working
(http://www.yui-ext.com/forum/viewtop...=dialog+submit)

JC

**Animal** · 21 Nov 2006 12:44 AM

tform.dom.submit()

getEl() returns a YAHOO.ext.Element

Basic Dialog and form submit

Thread Tools

Search Thread

Display

Basic Dialog and form submit

Basic Dialog and form submit

resolved

resolved

Similar Threads

how to submit a form split over several tabs?

ID of submit within form masks submit function

Basic Dialog Form plus submit example?

BasicDialog: how to submit a form without AJAX.

BasicDialog with one TabPanelItem a try to submit form