How to remove X/Y coordinates from mailto form

Posted on 2009-05-04
Last Modified: 2012-05-06
This is a follow up question regarding :

 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=" 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" 
                <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 

Open in new window

Question by:galaxy573
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 2
LVL 39

Accepted Solution

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;" />

Author Comment

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?
LVL 39

Expert Comment

by:Roger Baklund
ID: 24300815
You would probably also want value="" for that button.
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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.

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.

Author Comment

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?
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

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.

Author Comment

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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS in HTML 5 68
CSS for Popup in ASP.NET 4 49
Display Flex does not Wrap Items 2 46
how can i find the index of all downloads for a site 3 17
This article discusses four methods for overlaying images in a container on a web page
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

752 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