button with image

[Pascal Schmidt-Volkmar]

Hi there,

I am using the following code to create a button with an image on it.
Unfortunately, the button is still visible. I would like the button to
vanish underneath the image, so the image will only be seen. Is that
possible?

<button name="FirstRecord" type="button"

value="First"
onClick="self.location.href='http://desktop/myisapi/biolifesingle.dll/ShowRe
cord?No=2&Aussage=false'">

<p><img src="http://desktop/myisapi/first.jpg" width="87" height="37"
border="0" alt="Erster Datensatz"><br>

</p>

</button>

Thanks for any hint,

Pascal

 

[Jukka K. Korpela]

I am using the following code to create a button with an image on it.

Use a normal submit button instead. Form follows function.

Unfortunately, the button is still visible.

Well, you just said the purpose was to create a button...

I would like the button
to vanish underneath the image, so the image will only be seen.

Forget the image idea - use images in document content to help convey
your message, not to obscure the user interface.

<button name="FirstRecord" type="button"

The <button> element is poorly supported (the "implementation" on IE is
particularly miserable), and using type="button" means that you create
something that may (or may not) look a bit like a button but does not do
anything unless the user has forgot to disable scripting.

onClick="self.location.href='http://desktop/myisapi/biolifesingle.dll/
ShowRe cord?No=2&Aussage=false'">

Is that supposed to do something?

Replace it by a link (it looks like you might actually be trying to
create a complicated, expensive and fundamentally broken plastic
imitation of a link, but maybe this is just the impression caused by the
lack of a real URL) or by a submit button in a form with suitable other
fields (probably including some hidden fields).

<p><img src="http://desktop/myisapi/first.jpg" width="87" height="37"
border="0" alt="Erster Datensatz"><br>

There _is_ a way to set up an image submit button, but a) this isn't it,
and b) it's mostly pointless or worse anyway. Before saying with 100%
certainty that your current approach is a wrong solution, I would like to
see the problem (I mean the real problem, with a URL, not just snippets
of HTML or quasi-HTML markup).

 

[Whitecrest]

There _is_ a way to set up an image submit button, but a) this isn't it..

Why can't you just make this easy like before?

From: Jukka Korpela ([email protected])
Subject: Re: Custom Submit button
Newsgroups: comp.infosystems.www.authoring.html

....For an image submit button, you can suggest a rollover behavior - the
image changes from, say, send.gif to go.gif on mouseover and changes
back when the mouse moves out - as follows:

<input type="image" src="send.gif"
name="Send" value="Send" alt="Send"
onmouseover="this.src='go.gif'"
onmouseout="this.src='send.gif'">

So the answer is yes, you can do it like this, and here is a bonus if
you want rollovers...

 

[Davmagic .Com]

From: (e-mail address removed)
(Whitecrest)
<input type="image" src="send.gif"
name="Send" value="Send" alt="Send"
onmouseover="this.src='go.gif'"
onmouseout="this.src='send.gif'">

I tried that code and it works fine on IE5+, NN7+ but when used on the
current (Out-Dated) version of MSNTV it fails to work... ho hum...

So, if anyone out there (probably none) wants a JS Image Submit Rollover
code that will work on IE5+, NN7+ and MSNTV... look here (it's a bit
more complex): http://www.htmlcodetutorial.com/forms/

Here's one of my pages where I use it:
http://davmagic.com/info/PAGES71.html

Web Design, Magic, Painting, Junking, More
http://www.davmagic.com
Paint A House
http://www.paintahouse.com
NOTE: This emailbox is CLOSED do NOT reply!!!

 

[Whitecrest]

I tried that code and it works fine on IE5+, NN7+ but when used on the
current (Out-Dated) version of MSNTV it fails to work... ho hum...

I am interested, how small a subset of web sites actually work with
WebTV? (your personal guess/experience is fine for the number)

 

[Kim André Akerø]

I am interested, how small a subset of web sites actually work with
WebTV? (your personal guess/experience is fine for the number)

I'd say about one or two out of several million. And that's mainly just
those who specifically design for the WebTV browser.

 

[Davmagic .Com]

From: (e-mail address removed)
(Whitecrest)
I am interested, how small a subset of
web sites actually work with WebTV?
(your personal guess/experience is fine
for the number)

Actually most sites work... it's when designers use CSS for positioning,
that the sites are not completely "viewable"... in addition to many
financial sites that use updated code that the current MSNTV browser
does not support...

MSNTV has a "New" box in the works... no one really knows what it will
be capable of doing when they release it (in bata now), but my hopes are
that they spend more time updating the browser side and less time with
the tv side...

I use a PC for all my design work but I still enjoy the "convience" of
the box browser platform... laid-back on the recliner surfing away...

Web Design, Magic, Painting, Junking, More
http://www.davmagic.com
Paint A House
http://www.paintahouse.com
NOTE: This emailbox is CLOSED do NOT reply!!!

 

[Toby A Inkster]

I tried that code and it works fine on IE5+, NN7+ but when used on the
current (Out-Dated) version of MSNTV it fails to work... ho hum...

WebTV is an interesting beast.

Did you know that WebTV (and the WebTV simulator) has full alpha support
for PNG images? It's quite crazy really -- Microsoft didn't consider it an
important enough feature to include in IE/win, but they put it in WebTV
(and also in IE/mac, although only for foreground images).

 

[Pascal Schmidt-Volkmar]

Hi there,

the customer only uses IE so there won't be a problem. This code snippet
actually does its work but it lokks ugly.

I do need an image where you could click on and it will call the specific
dll as I wrote. How to do so??

Pascal

 

[Neal]

Hi there,

the customer only uses IE so there won't be a problem.

The customer? Only one customer?

Kinda hard to justify a whole website...

This code snippet
actually does its work but it lokks ugly.

What code snippet? You replied to a discussion of WebTV.

 

[Whitecrest]

WebTV is an interesting beast.
Did you know that WebTV (and the WebTV simulator) has full alpha support
for PNG images? It's quite crazy really -- Microsoft didn't consider it an
important enough feature to include in IE/win, but they put it in WebTV
(and also in IE/mac, although only for foreground images).

You mean Microsoft did something dumb? No way!

 

[Vladdy]

Hi there,

I am using the following code to create a button with an image on it.
Unfortunately, the button is still visible. I would like the button to
vanish underneath the image, so the image will only be seen. Is that
possible?

<button name="FirstRecord" type="button"

value="First"
onClick="self.location.href='http://desktop/myisapi/biolifesingle.dll/ShowRe
cord?No=2&Aussage=false'">

<p><img src="http://desktop/myisapi/first.jpg" width="87" height="37"
border="0" alt="Erster Datensatz"><br>

</p>

</button>

Thanks for any hint,

Pascal

CSS is the answer:
http://www.vladdy.net/demos/submitimage.html