The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Use image as submit button, How to use a graphic as a submit button
The-Yikes
post May 27 2020, 03:49 PM
Post #1





Group: Members
Posts: 6
Joined: 27-May 20
Member No.: 27,365



Hi! I'm hoping someone here can help me out.

I'm trying to use an image as a submit button which in turn loads a php script.
Here's what I have

HTML File:
CODE

<html>

<head>
<title>No title</title>
<meta name="generator">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form name="form1" method="post" action="post.php">
    <p> </p>
    <table border="1" width="407">
        <tr>
            <td width="200">
                <p><input type="text" name="name"></p>
            </td>
            <td width="191">
                <p><input type="text" name="pwd"></p>
                <p><input type="image" name"submit_btn" src="button1.jpg" alt"Submit"></p>
                <p></p>
                </td>        </tr>
        <tr>
            <td width="397" colspan="2"><input type="submit" name="submit_btn"></td>
        </tr>
    </table>
</form>
<p> </p>
</body>

</html>


And here's what i have for the php:
CODE

<?php

if(isset($_POST['submit_btn']))
{
  $username = $_POST['name'];
  $password = $_POST['pwd'];
  $text = $username . "," . $password . "\n";
  $fp = fopen('data.txt', 'a+');

    if(fwrite($fp, $text))  {
        echo 'saved';
    
    }
fclose ($fp);    
}
?>
<html>


It works fine with a standard Submit button.

I would really appreciate any little bit of help you can offer!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Christian J
post May 28 2020, 05:13 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



From https://www.php.net/manual/en/language.vari...nal.form.submit:

"<input type="image" src="image.gif" name="sub" />

When the user clicks somewhere on the image, the accompanying form will be transmitted to the server with two additional variables, sub_x and sub_y. These contain the coordinates of the user click within the image. The experienced may note that the actual variable names sent by the browser contains a period rather than an underscore, but PHP converts the period to an underscore automatically."

...so when the PHP script checks for

CODE
$_POST['submit_btn']

it never returns true. The print_r() function should reveal this. wink.gif
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 28 2020, 06:33 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



¡Ay caramba! I don't understand that. What has the conversion of periods to underscores in those coordinate variables to do with the form not being submitted? Those variables aren't even used by the script that I can see. wacko.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 28 2020, 08:11 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Ay, I get it. I didn't realize the OPs script actually looks for submit_btn.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
The-Yikes   Use image as submit button   May 27 2020, 03:49 PM
pandy   There's input type="image". https:/...   May 27 2020, 04:04 PM
Christian J   In what way doesn't it work? I see both an i...   May 27 2020, 04:52 PM
pandy   Ack, I only saw the last submit button. :(   May 27 2020, 05:00 PM
The-Yikes   Christian jay you asked in which does it not work....   May 28 2020, 06:01 AM
pandy   There's an equal sign missing here. <inpu...   May 28 2020, 06:14 AM
The-Yikes   Thanks Pandy! I changed the line to read the f...   May 28 2020, 06:33 AM
pandy   Hmm. Could it be that different names have to be u...   May 28 2020, 07:15 AM
Christian J   Hmm. Could it be that different names have to be ...   May 28 2020, 07:24 AM
Christian J   Try something like this PHP: echo '<pre...   May 28 2020, 07:15 AM
pandy   Why do you want two buttons doing the same thing B...   May 28 2020, 07:18 AM
The-Yikes   Why do you want two buttons doing the same thing ...   May 28 2020, 07:34 AM
pandy   Thanks, Christian. Thought so, but I wasn't su...   May 28 2020, 07:37 AM
The-Yikes   Thanks, Christian. Thought so, but I wasn't s...   May 28 2020, 08:46 AM
Christian J   I then changed the line <input type="ima...   May 28 2020, 10:15 AM
The-Yikes   Thanks Christian J but that's a bit beyond m...   May 28 2020, 10:21 AM
Christian J   Try adding this to the page's (or site's) ...   May 28 2020, 02:27 PM
pandy   But WHY doesn't the image submit work? :angry...   May 28 2020, 04:43 PM
Christian J   From https://www.php.net/manual/en/language.vari.....   May 28 2020, 05:13 PM
pandy   ¡Ay caramba! I don't understand that. Wha...   May 28 2020, 06:33 PM
pandy   Ay, I get it. I didn't realize the OPs script ...   May 28 2020, 08:11 PM


Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 07:13 PM