Solved

How to remove X/Y coordinates from mailto form

Posted on 2009-05-04
8
423 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
Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

 
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
 

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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
AdminLTE with wordpress 15 62
"Pause" execution of javascript function for x miliseconds 2 26
Create tabs to show divs 9 30
innerHTML 7 19
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

777 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