Solved

How to remove X/Y coordinates from mailto form

Posted on 2009-05-04
8
418 Views
Last Modified: 2012-05-06
This is a follow up question regarding :
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/HTML/Q_24379741.html

 I want to remove the X and Y from being added to the body of my mailto form. It has to do with using an image for the submit button. It looks as if it's passing the coordinates along for the mouse click : /
<div id="case_form">

        <form id="create_case" METHOD="POST" name="create_case" action="mailto:xx@xx.com?subject=Custom Case Portal">

                <div id="log_new_case_title">Log a new case</div>

                <div class="case_title">subject</div>

                <input type="text" value=""  maxlength="10000" size="30" name="case_subject" class="input_support" 

 

id="case_subject"/>

                <div class="case_title">details</div>

                <textarea cols="60" rows="10" name="case_description" class="input_support" id="case_description"></textarea>

 

                <tr><td><input id="support_submit_button" type="image" src="/html/images/lit.png" height=20 width=65 

 

class="button"/>

        

        </form>

</div>

Open in new window

0
Comment
Question by:galaxy573
  • 3
  • 3
  • 2
8 Comments
 
LVL 39

Accepted Solution

by:
Roger Baklund earned 250 total points
ID: 24300793
That is how <input type="image"> works. If you don't want it, don't use <input type="image">. :)

You can use CSS to set a background image on a "normal" submit button:

<input type="submit" style="background-image:url(/html/images/lit.png);height:20px;width:65px;" />
0
 

Author Comment

by:galaxy573
ID: 24300814
Ok, fine. I'll implement what you suggested.  

Follow up question: Why would one need to know the coordinates of a click event for a submit image?
0
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24300815
You would probably also want value="" for that button.
0
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24300853
>> Why would one need to know the coordinates of a click event for a submit image?

Good question! :) I don't know, I have never seen it being used for anything. To actually use the coordinates requires the use of a mouse or other pointing device, so it is not very user friendly.

http://www.w3.org/TR/html401/interact/forms.html#input-control-types

It has been a part of the spec since the beginning of the web, I guess the inventors thought it was a nifty feature, but it is, as mentioned, rarely used.

When using input type image, we normally just check if either coordinate exists (name.x or name.y), and ignore the coordinate value.
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 

Author Comment

by:galaxy573
ID: 24300860
Right, I used value="" but I'm getting that beveled border. The one that looks pressed when you click it... any idea how to remove that so it appears much like using an image?
0
 
LVL 42

Expert Comment

by:David S.
ID: 24300861
You didn't have to post a new question, but thanks for the points in the other one.

I prefer an alternate approach.

> Follow up question: Why would one need to know the coordinates of a click event for a submit image?

Long ago, it was used for server-side image maps. These days, the only good image map is a CSS image map.
<button id="support_submit_button" type="submit" class="button"><img src="/html/images/lit.png" height="20" width="65" alt="Submit" /></button>

Open in new window

0
 
LVL 42

Expert Comment

by:David S.
ID: 24300866
Either way, give the button "border:0 none" via an existing stylesheet rule or a new one.
0
 

Author Comment

by:galaxy573
ID: 24300924
Thanks for the help.  Seems as if I still get a beveled border even when you set border:0 none.  I'll have to look into that. thanks
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now