Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Zara Sales
UX Design Techdegree Student 787 PointsJquery and PHP
I have an abc.php file as a button
The code is as follows -
<button id="send-message-button" class="btn btn-xl" type="submit">Send Message</button> . I want to access this button functionality from PHP file and add jquery - when the button is clicked, I can display "submitted"
How can I do this?
4 Answers
Steven Parker
243,266 Points
On the other hand, jQuery and/or JavaScript can be used to show a response immediately. The exact code will depend on other factors, such as how you want the message shown, but for example this jQuery code will display the message in a pop-up box when the button is clicked:
$("#send-message-button").click(_=> alert("submitted"));
Ashish S
Python Web Development Techdegree Student 938 Points
Steven Parker
243,266 PointsLive workspace links are temporary, that one already expired. To get a persistent one, use the "snapshot" function (the camera icon).
Ashish S
Python Web Development Techdegree Student 938 Points
Ashish S
Python Web Development Techdegree Student 938 PointsYou are a life saver. It actually worked. But there is another problem. Without inputting the information, if I click submit button, then alert pops up
Steven Parker
243,266 PointsIn that case, you might want to tie it to the form submit event instead of the button click event:
$("#contact").submit(_=> alert("submitted"));
If your original question has been answered, you can mark the question solved by choosing a "best answer".
And happy coding!
Ashish S
Python Web Development Techdegree Student 938 PointsAshish S
Python Web Development Techdegree Student 938 PointsThis is for my personal project. It's not related to any course. I tried this but there is no alert. I have been trying this for hours I do not know whats the problem. I made sure jquery is working but somehow I am not being able to display any message after the button is clicked.
Do you want me to share files of code? There are 3 files
Steven Parker
243,266 PointsSteven Parker
243,266 PointsA sandbox (like codepen) or a Treehouse workspace would be ideal for sharing. For the latter, use the "snapshot" function to generate a link to share.
Steven Parker
243,266 PointsSteven Parker
243,266 PointsIn your workspace, I saw where a file "js/display.js" was being loaded, but that file (and the subfolder) did not exist in the workspace. I'm guessing that's where the code for the message would be.
But I got the popup to work just by adding "script" tags at line 110 of "form.php" and putting the code line above between them.