Execute a script and show results in the same page that called it

**American horizo** · 02-06-2013, 05:03 PM

I've created a simple form that allow to insert a word and search it into a database

PHP Code:


<form method="post" action="cerca_ragione_sociale.asp">

 <label>Inserisci ragione sociale</label>

   <input name="chiave"/>

  <label> 

  

  <input type="submit"/>

</form>

the problem is that the result is opened into a new page, while i want to show it in the same page of the form

I want to precise that i can do it throught javascript, but what i want to know if is it possibile to do it simple changing come parameter of the submit button.

**rtrethewey** · 02-06-2013, 07:24 PM

No, HTML cannot do that by itself. It requires either JavaScript or an ASP script that would create the same page and display the user's entry in the search form as well as the results.

**American horizo** · 02-06-2013, 08:01 PM

In JS the code is

PHP Code:


var elm = document.createElement('<div>');

elm.innerHTML = "Hello World!";

document.body.appendChild(elm);

But in ASP i can't find any method... Are you sure that it's possibile and are not confusing with ASP.NET ?

**rtrethewey** · 02-07-2013, 09:04 AM

My point was that you can't do it with just HTML. You need software of some kind. Whether its ASP, PHP, Perl, Ruby, Java, or JavaScript does not matter. It's probably best to do this in JavaScript and AJAX to keep the original page loaded in the user's browser, but it all depends on which tools you know how to use.

**firesnaker** · 02-07-2013, 09:32 AM

You can change the form parameter "action" to be the same page as the form is in.

example:

form is in page called "myform.asp"

you change the form action to "action=myform.asp"

**American horizo** · 02-07-2013, 11:08 AM

Originally Posted by rtrethewey

My point was that you can't do it with just HTML. You need software of some kind. Whether its ASP, PHP, Perl, Ruby, Java, or JavaScript does not matter. It's probably best to do this in JavaScript and AJAX to keep the original page loaded in the user's browser, but it all depends on which tools you know how to use.

Many thanks

I'm trying to do it using javascitp + ajax, but i have only one problem at moment... When i press the "submit" button, it retrieve me Error HTTP 404.0 - Not Found

This is the html with javascript and ajax

PHP Code:




<html>

<head>

<title>Cerca Ragione Sociale</title>

<style type="text/css">

</style>

</head>



<body>



<form method="GET" action="prova()">

 <label>Inserisci ragione sociale</label>

   <input name="chiave"/>

  <label> 

  

  <input type="submit"/>

</form>



<p>Results: <span id="txtHint"></span></p> 







<SCRIPT LANGUAGE="JavaScript">







</SCRIPT>







<script> <!--Ajax-->





function assegnaXMLHttpRequest() 

{

    var XHR = null // variabile di ritorno, nulla di default

    var  browserUtente = navigator.userAgent.toUpperCase(); // informazioni sul nome del browser

    

     

     // browser standard con supporto nativo non importa il tipo di browser

     if(typeof(XMLHttpRequest) === "function" || typeof(XMLHttpRequest) === "object")

      XHR = new XMLHttpRequest();

    

     // browser Internet Explorer, è necessario filtrare la versione 4

     else if( window.ActiveXObject && browserUtente.indexOf("MSIE 4") < 0)

     {

        // la versione 6 di IE ha un nome differente per il tipo di oggetto ActiveX

        if(browserUtente.indexOf("MSIE 5") < 0)

         XHR = new ActiveXObject("Msxml2.XMLHTTP");

      

        // le versioni 5 e 5.5 invece sfruttano lo stesso nome

        else

         XHR = new ActiveXObject("Microsoft.XMLHTTP");

     }

    

     return XHR;

} 





function prova()

{

    var str="a"

    var xmlhttp=assegnaXMLHttpRequest()

    xmlhttp.open("GET","cerca_ragione_sociale.asp?q="+str,true);

    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xmlhttp.send();

    

    xmlhttp.onreadystatechange=function()

    {

      if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {document.getElementById("txtHint").innerHTML=xmlhttp.responseText;}

     }

}





</script>







</body>

</html>

and this is the server side asp code

PHP Code:


<%

response.buffer = true

Response.Expires = 0

Response.AddHeader "PRAGMA", "NO-CACHE"

Response.CacheControl = "PRIVATE"



chiave="a"



dim conn, strConn

strConn = "Provider = Microsoft.Jet.OLEDB.4.0; Data Source = " &_

       Server.MapPath("md-database\ME.mdb")

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open StrConn 





sqlRagioneSociale = "SELECT * FROM Anagrafiche Where RagioneSociale like'%" & chiave & "%'"

Set rsRagioneSociale = Server.CreateObject("ADODB.Recordset")

rsRagioneSociale.Open sqlRagioneSociale, conn, 1,3



Response.write("<div id='lista'>")

do until rsRagioneSociale.EOF = true

   Response.write(rsRagioneSociale("RagioneSociale"))

   Response.write("<br>")    

   RsRagioneSociale.MoveNext

loop   



Response.write("</div>")

%>

Where i wrong?

Thread: Execute a script and show results in the same page that called it

Thread Tools

Display

Execute a script and show results in the same page that called it

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions