Display results of a submit form (getting url) in same window??

jahphill · #1 Nov 7th, 2007, 17:39

Hey hey!

blizma.co.uk

There is my website which i need help with. (please dont comment on the poor graphics =D)

Riiiight,
I would like that when the user hits the submit button, that the results are displayed in a box in the same window, underneath the search form =D

I have no idea if this is possible.. but an example script or such would be awsome =D
Im guessing that the submit button would be edited where 'target=_blank' is?

Extreme thankyouness in advanced =D

Marc · #2 Nov 7th, 2007, 18:23

I dont know anything about JS or Ajax but i think this may have to be achieved using Ajax.

Could this: http://www.captain.at/howto-ajax-form-post-request.php be what you are looking for?

jahphill · #3 Nov 7th, 2007, 18:31

thanks for the reply!

Well... simular...just not so complicated...ajax is where i got the idea from =D and iv seen it done in js.

I have researched a little, and as i said above, i THINK it the post=_blank (or w/e) i have to edit... like post=frame ... bla bla pxls.

Thank you again for the reply though.

Lucleonhart · #4 Nov 8th, 2007, 06:18

It is very good to help you with your problem with a completely crypted source code... ^_-

jahphill · #5 Nov 8th, 2007, 21:14

ok i made a link with the decrypted code

Code: Select all

http://www.blizma.co.uk/for/web/forumz/index.htm

sorry =D

Lucleonhart · #6 Nov 9th, 2007, 07:25

Ok, you should eliminate the "target='_blank'" that will always open a new page. Replace it with OnSubmit=\"return getresults();\"

At the place where the results should be displayed, add a div with "<div id='resultdiv'></div>"

Then, take this AJAX Javascript from me (I have prepared it for a little ajax tutorial, so there are many comments) and add it to your page in the head.

Code: Select all

function getresults()
{
    var http_request = false; // reset the request

    if (window.XMLHttpRequest) { // Simply create httprequest for any good browser... *g*
        http_request = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // ... do the same for Internet Explorer (crazy as always)..
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }

    // Something went wrong?! Show error message and cancel.
    if (!http_request) {
        alert("Critical error!\nCannot create a httprequest. Cancelling.");
        return false;
    }

    http_request.onreadystatechange = refresh_page; // This funtion will be activated each time the state of the request changes. See below.
    http_request.open('POST', 'monstersearchmachine.php', true); // Opens the request to the specified file, parameter method POST is used.
    http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); // tell the server what is coming through the request (needed for POST)
    http_request.send('searchType=' + document.tehmonkey.searchType.value + '&searchTerm=' + document.tehmonkey.searchTerm.value); // Send the request using the specified parameters
    
    return false;
}

function refresh_page()
{
    // check the state of the request ( 0 = not initialised; 1 = loading; 2 = loaded; 3 = interactive; 4 = complete). It is just "4 or not 4, that is the question!" ^^
    if (http_request.readyState == 4) {
        // completed!         
        // Now check the responsestate (normal HTTP states, 404 is not found for example.) Just check if everything is okay (200), or not.
        if (http_request.status == 200) {
            // perfect. handle results
            document.getElementById('resultdiv').innerHTML = http_request.responseText; // get the response and write it into the div
        } else {
            // there was an error.
            document.getElementById('resultdiv').innerHTML = "There was an error, try again later"; // write it into the div
        }
    }else{
        // not yet ready, show loading
        document.getElementById('resultdiv').innerHTML = "Loading, please wait..."; ; // Show loading
    }
}

So, if you submit the form, the script will be loaded, taking all information from the script, and sends it to the monstersearchmachine.php, gets the result of the php and writes it into the DIV.
When there is no Javascript activated, it will continue loading a second page!

jahphill · #7 Nov 10th, 2007, 16:17

Hey hey!!

Thanks so much for that reply =D

I have updated it, however it does not work for me, i have probably done a foolish mistake =[ but im not sure what =D

Could you have a peak in my source? =D

Rakuli · #8 Nov 10th, 2007, 18:32

For starters this line

document.tehmonkey.search.focus();

is incorrect, there is no form element named 'search', from looking at your source, it should be

document.tehmonkey.searchTerm.focus();

also

OnSubmit=\"return getresults();\" should just be

OnSubmit="return getresults();"

Fix these first as I think this is having a flow-on effect for the rest of the script

jahphill · #9 Nov 10th, 2007, 18:51

Okie, updated that.. still no result =D =[ infact the search button does not work at all now =[

Rakuli · #10 Nov 10th, 2007, 19:05

Move

var http_request = false; // reset the request

to the top of the script before

function getresults()

jahphill · #11 Nov 10th, 2007, 19:43

Hmm..

Yet another error occured, it says

'There was an error, try again later'

I have just read through some information about copyright and content etc. finding that i would be braking the law displaying other websites within my website =S (this does not apply for google, but for other websites which the form searched)

=[ which sucks...

The reason i created it was for a legal alternative to programs loaded with spyware, viruses, and rubish like that.
...well it is not legal, but the website was made to give indirect links, using google.

Thank you for all your help, but my decision is to stay on the right side of the law =D

Thanks for the ajax script, good luck with your tutorial!
Rakuli - > see ya around on your site =D

jahphill · #12 Nov 17th, 2007, 14:21

hey =D
a little embarrassing but i'd like to continue this project =D

Id just like to change it a little:
That this function is only used when the target site is google, where it only displays the results.
Possible?

=D

>*huge blush*<

jahphill · #13 Nov 28th, 2007, 23:18

id like to rudely bump tis thread =[

link update :

Code: Select all

http://blizma.co.uk/for/web/forum/z/com/only/

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Submit options and open results in a new window	xshane	JavaScript Forum	2	May 21st, 2008 10:23
Submit a form in popup to the parent window	hassan1365	JavaScript Forum	2	Jan 25th, 2008 08:34
submit many forms - auto submit the same form many times	divs	JavaScript Forum	0	May 24th, 2007 10:10
Submit form results to file/folder	cat101	PHP Forum	9	Nov 10th, 2006 12:00

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Display results of a submit form (getting url) in same window??