DHTML Modal window

[Jet-li]

1) Script Title: DHTML Modal window

2) Script URL (on DD): DHTML Modal window

3) Describe problem: Is it possible to use it from a form action like this?

<form action="" method="post" onsubmit="">
<input type="text" name="productID" value="" size="20" maxlength="30">
<input name="image" type="image" src="../images/searchbutton.gif" alt="Search" onsubmit="productSearch('http://www.mydomain.com/searchresult.php'); return false"> 
</form>

I want to use a form to search for a product and the result should popup in DHTML Modal window.

[Jet-li]

This is how i want to have the code. But it don't like to open the window at all so something must be wrong with it......

<script type="text/javascript">
function productSearch(url){
var productSearchwin=dhtmlmodal.open("productSearchbox", "iframe", url, "product search result", "width=590px,height=450px,center=1,resize=1,scrolling=0", "recal")

}
</script>

<h3>Enter product Name:</h3>
<form name="product">
    <input name="productID" type="text"/> 
	<input name="image" type="image" src="../images/searchbutton.gif" alt="Search" onsubmit="performerSearch('product.php')"/>
</form>

[imvain2]

I maybe wrong on this, but I believe onsubmit is used in the form tag. Try changing onsubmit to onclick.

[Jet-li]

It was make some improvmets but now i got the problem how to get the productID into the iframe. Like it is now it load the iframe and close it, and this i think it's because the productID goes into the mainpage and not into the iframe......

[Jet-li]

<script type="text/javascript">
function productSearch(url){
var productSearchwin=dhtmlmodal.open("productSearchbox", "iframe", url, "product search result", "width=590px,height=450px,center=1,resize=1,scrolling=0", "recal")

}
</script>

<h3>Enter product Name:</h3>
<form name="product">
    <input name="productID" type="text"/> 
	<input name="image" type="image" src="../images/searchbutton.gif" alt="Search" onClick="performerSearch('product.php'); return false"/>
</form>

did ad code in red i was missing and the ifram popup like it should.Now the only problem is to get text value into the iframe....

[Jet-li]

<script type="text/javascript">

function productSearch(url) {
    var myForm=document.Product
    var myValue=myForm.productID.value

    if (myValue!="") {
       productSearchwin=dhtmlmodal.open("productSearchbox", "iframe", url + myValue, "product search result", "width=590px,height=450px,center=1,resize=1,scrolling=0", "recal")
    } else {
        alert("Please enter value.")
    }

}
</script>

<h3>Enter Product Name:</h3>
<form name="Product" method="post">
    <input name="productID" type="text"/> 
	<input name="image" type="image" src="../images/searchbutton.gif" alt="Search" onClick="productSearch('product.php?');  return false"/>
</form>

Now i got it to work My first attempt with javascript and it's ending with succes

[webadnan]

hi jet li,

i have the same problem with you. i am trying to post form values onto an email.asp page via contact form. i tried what you coded but it failed. i thisnk it is about onsubmit command. ( how can i do it??