AJAX

Weird feedback form idea ....

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Aug 2006

Posts: 58

Reputation: desiguru is an unknown quantity at this point

Solved Threads: 1

desiguru

Offline

Junior Poster in Training

Weird feedback form idea ....

Jan 27th, 2009

I want to create a user feedback form something like this:

When a user clicks on a link like:

Send Feedback

The box size 200 X 200 would open right under it where users can provide feedback and in that box when one clicks submit the same box displays like

"The feedback has been submitted"

And then they can click on a button "Close" to close that box. I dont want to open another page for the feedback. Can someone guide me in right direction on how to do this please.

Last edited by desiguru; Jan 27th, 2009 at 3:59 am.

--
Share files up to 1Gb - FileOP.com

•

Join Date: May 2008

Posts: 247

Reputation: samarudge is an unknown quantity at this point

Solved Threads: 19

samarudge

Offline

Posting Whiz in Training

Re: Weird feedback form idea ....

Jan 27th, 2009

This isn't such a crazy idea, its done all the time as a matter of fact.
I presume your familiar with javascript,
create a function that runs on the click of a link e.g.

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<a href="#" onclick="form();">Contact</a>
<br/>
<span id="Contact">&nbsp</span>
<a href="#" onclick="form();">Contact</a>
<br/>
<span id="Contact">&nbsp</span>

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
function form() {
     return false;
     action = 'process.php'; //Where the form should go
     form = '<form action="'+action+'" method="post"><textarea style="width: 200px; height: 200px;">Hi</textarea><input type='submit' value="Send" /></form>';
}
     document.getElementById('Contact').innerHTML = form;
 
}
function form() {
     return false;
     action = 'process.php'; //Where the form should go
     form = '<form action="'+action+'" method="post"><textarea style="width: 200px; height: 200px;">Hi</textarea><input type='submit' value="Send" /></form>';
}
     document.getElementById('Contact').innerHTML = form;
     
}

Now you would just need some AJAX to send the data and a similar function to change the contact span to whatever message you want
Regards,
Sam Rudge

My Blog, Life and everything that matters to me - SamRudge.co.uk

2x Macbook Pro's, 1x Mac Pro, 1x iMac, 2x Macbook's running Fedora linux - In conclusion, I hate windows =)

Quick Reply to Thread

Show Printable Version

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: ModalPopupAnimationExtender
Next Thread: Ajax Animation.GenericAnimationBehavior problem

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes