button with image

Discussion in 'HTML' started by Pascal Schmidt-Volkmar, Apr 12, 2004.

  1. 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
     
    Pascal Schmidt-Volkmar, Apr 12, 2004
    #1
    1. Advertising

  2. "Pascal Schmidt-Volkmar" <> wrote:

    > 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).

    --
    Yucca, http://www.cs.tut.fi/~jkorpela/
    Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
     
    Jukka K. Korpela, Apr 12, 2004
    #2
    1. Advertising

  3. Pascal Schmidt-Volkmar

    Whitecrest Guest

    In article <Xns94C9B05ACAF82jkorpelacstutfi@193.229.0.31>,
    says...
    > 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 ()
    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...

    --
    Whitecrest Entertainment
    www.whitecrestent.com
     
    Whitecrest, Apr 12, 2004
    #3

  4. >From:
    >(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!!!
     
    Davmagic .Com, Apr 12, 2004
    #4
  5. Pascal Schmidt-Volkmar

    Whitecrest Guest

    In article <>,
    says...
    > 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)
    --
    Whitecrest Entertainment
    www.whitecrestent.com
     
    Whitecrest, Apr 12, 2004
    #5
  6. "Whitecrest" <> skrev i melding
    news:...
    > In article <>,
    > says...
    > > 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)


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

    --
    Kim André Akerø
    -
    (remove NOSPAM to contact me directly)
     
    Kim André Akerø, Apr 12, 2004
    #6

  7. >From:
    >(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!!!
     
    Davmagic .Com, Apr 12, 2004
    #7
  8. Davmagic .Com wrote:

    > 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).

    --
    Toby A Inkster BSc (Hons) ARCS
    Contact Me - http://www.goddamn.co.uk/tobyink/?page=132
     
    Toby A Inkster, Apr 12, 2004
    #8
  9. 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
     
    Pascal Schmidt-Volkmar, Apr 12, 2004
    #9
  10. Pascal Schmidt-Volkmar

    Neal Guest

    On Tue, 13 Apr 2004 00:24:24 +0200, Pascal Schmidt-Volkmar
    <> wrote:

    > 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.
     
    Neal, Apr 12, 2004
    #10
  11. Pascal Schmidt-Volkmar

    Whitecrest Guest

    In article <>,
    says...
    > 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!
    --
    Whitecrest Entertainment
    www.whitecrestent.com
     
    Whitecrest, Apr 13, 2004
    #11
  12. Pascal Schmidt-Volkmar

    Vladdy Guest

    Pascal Schmidt-Volkmar wrote:
    > 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

    --
    Vladdy
    http://www.klproductions.com
     
    Vladdy, Apr 13, 2004
    #12
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Purvi T
    Replies:
    0
    Views:
    857
    Purvi T
    Oct 19, 2004
  2. Russell
    Replies:
    3
    Views:
    6,928
    Lau Lei Cheong
    Jun 24, 2004
  3. James Storey via JavaKB.com
    Replies:
    7
    Views:
    11,454
  4. Laszlo Zsolt Nagy
    Replies:
    1
    Views:
    1,370
    Kartic
    Jan 26, 2005
  5. Chicagoboy27

    image button as a back button

    Chicagoboy27, Oct 26, 2006, in forum: ASP .Net
    Replies:
    2
    Views:
    2,020
    Chicagoboy27
    Oct 30, 2006
Loading...

Share This Page