Re: watermark script
by "Linda Shumaker" <lshum(at)localline.com>
|
| Date: |
Sat, 18 Mar 2000 07:07:10 -0600 |
| To: |
"susan banta" <sebanta(at)hotmail.com>,
<hwg-basics(at)hwg.org> |
| References: |
hotmail |
| |
todo: View
Thread,
Original
|
|
Did anyone respond to this question? I am interested in a watermark script
also.
Linda from Indiana
----- Original Message -----
From: "susan banta" <sebanta(at)hotmail.com>
To: <hwg-basics(at)hwg.org>
Sent: Wednesday, March 15, 2000 12:28 PM
Subject: watermark script
>
>
> I recently got this script from Javascripts.com
> and I'm trying to edit it,
> as well as learn it. It's similar to the
> Geocities floating watermark. The thing is,
> I can't get my image to position itself on the
> lefthand side instead of the right.
> Odd I know. Here's the script:
>
>
> In the <Head> tag:
>
> <SCRIPT LANGUAGE="JavaScript">
> function setVariables() {
> imgwidth=232; // logo width, in pixels
> imgheight=233; // logo height, in pixels
> if (navigator.appName == "Netscape") {
> horz=".left";
> vert=".top";
> docStyle="document.";
> styleDoc="";
> innerW="window.innerWidth";
> innerH="window.innerHeight";
> offsetX="window.pageXOffset";
> offsetY="window.pageYOffset";
> }
> else {
> horz=".pixelLeft";
> vert=".pixelTop";
> docStyle="";
> styleDoc=".style";
> innerW="document.body.clientWidth";
> innerH="document.body.clientHeight";
> offsetX="document.body.scrollLeft";
> offsetY="document.body.scrollTop";
> }
> }
> function checkLocation() {
> objectXY="person";
> var availableX=eval(innerW);
> var availableY=eval(innerH);
> var currentX=eval(offsetX);
> var currentY=eval(offsetY);
> x=availableX-(imgwidth+30)+currentX;
> y=availableY-(imgheight+20)+currentY;
> evalMove();
> setTimeout("checkLocation()",10);
> }
> function evalMove() {
> eval(docStyle + objectXY + styleDoc + horz +
"="
> + x);
> eval(docStyle + objectXY + styleDoc + vert +
"="
> + y);
> }
> // End -->
> </SCRIPT>
>
>
>
> In the <Body> tag:
>
> <BODY onload="setVariables(); checkLocation();"
> bgcolor="#ffffff"
> text="#000000">
>
> <div id="person" style="position:absolute;
> visibility:show; left:235px;
> top:-50px; z-index:2">
> <table width="10"
> bgcolor="#ffffff"><td><center><IMG
> SRC="#StoreImagePath/images/woman1.gif"
border=0
> width="232"
> height="233" alt=""></center></td>
> </table>
> </div>
>
>
> Now I've tried playing with the "left:235px" in
> the <Div> tag but that doesn't
> change anything for some reason. I've also
> adjusted the "position:absolute"
> which does change the position, but then the
> image doesn't scroll.
>
> Any ideas for me?
>
> Thanks for your time,
> Susan
> ______________________________________________________
> Get Your Private, Free Email at http://www.hotmail.com
>
HTML: hwg-basics mailing list archives,
maintained by Webmasters @ IWA