Re: Form Submit Button Image

by "HOMER E BRESEE" <MARVNDMRTN(at)prodigy.net>
Date:	Thu, 22 Oct 1998 14:44:28 -0400
To:	"Terry Fowler" <trf2(at)rc3.mdc.com>, <hwg-graphics(at)hwg.org>
	todo: View Thread, Original
This is a multi-part message in MIME format.

------=_NextPart_000_000B_01BDFDCA.788D7700
Content-Type: text/plain;
	charset="iso-8859-1"
Content-Transfer-Encoding: 7bit

I have a script that works with IE 4, that makes it look like it is being
pushed.  It is a really cool script. You add the script I have attached to
the body part of your web site.  Then, for the image, you put the following
tag:  <img src="whatever.jpg"  class="popshadow">

...the script must be after the <body> tag... otherwise it doesn't work

Good Luck  :)

Zachary Bresee
Argiope Web Designs
http://www.argiope.net

-----Original Message-----
From: Terry Fowler <trf2(at)rc3.mdc.com>
To: hwg-graphics(at)hwg.org <hwg-graphics(at)hwg.org>
Date: Wednesday, October 21, 1998 10:51 AM
Subject: Form Submit Button Image


>I've been tinkering with a website I inherited. I added a form
>for emailing the photographer and the (new) webmaster. I thought
>I should change the generic grey "Submit" button to a buttonized
>photograph.
>
>I did an ugly proof-of-concept type button  [really ugly, hence
>no URL] and it submitted okay; my question is can you make the
>button look like it's being pushed? As it is, it just sits there
>and does nothing. I have looked in my HTML references and nothing
>mentioned about a 3-D looking button push.
>
>Hmmm. Should I be looking at JavaScript or some such do this?
>
>--
>Terry Fowler            | And if you take cranberries and stew
>Webmaster               | them like applesauce they taste much
>C-17A Avionics Software | more like prunes than rhubarb does.
>The Boeing Company      | -- Groucho Marx, Animal Crackers

------=_NextPart_000_000B_01BDFDCA.788D7700
Content-Type: text/plain;
	name="popscript.txt"
Content-Transfer-Encoding: quoted-printable
Content-Disposition: attachment;
	filename="popscript.txt"

<style>=0D<!--=0D.popshadow{=0Dposition:relative;=0Dleft:-5;=0Dtop:-5;=0D=
filter:shadow(silver,direction=3D135)=0D}=0D-->=0D</style>=0D=0D<script =
language=3D"JavaScript1.2">=0D=0D/*=0DPop-up Image Script- =0D=A9 =
Dynamic Drive (www.dynamicdrive.com)=0DFor full source code, =
installation instructions,=0D100's more DHTML scripts, and Terms =
Of=0DUse, visit dynamicdrive.com=0D*/=0D=0Dfunction updownshadow(){=0Dif =
(event.srcElement.className=3D=3D"popshadow"){=0Dtempobject=3Devent.srcEl=
ement=0Dif =
(event.type=3D=3D"mousedown"){=0Dtempobject.filters[0].enabled=3Dfalse=0D=
tempobject.style.left=3Dtempobject.style.top=3D0=0D}=0Delse{=0Dtempobject=
.filters[0].enabled=3Dtrue=0Dtempobject.style.left=3Dtempobject.style.top=
=3D-5=0D}=0D}=0D}=0D=0Dif =
(document.all){=0Ddocument.body.onmousedown=3Dupdownshadow=0Ddocument.bod=
y.onmouseup=3Dupdownshadow=0D}=0D=0D</script>
------=_NextPart_000_000B_01BDFDCA.788D7700--
HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA