Technical Support Forums

Technical Support Forums » Araneae

Script insertion (6 posts)

About this Topic

Started 7 months ago by Ian Bell
Latest reply from Ian Bell

Tags

No tags yet.

Ian Bell
Member
Posted 7 months ago

Hi Mark,

I have a programming query. I am into genealogy and have my own web site (made with Araneae! )

Below is part of the script for my index page WITHOUT the modification I am using (without the graphics):

<CENTER><IMG SRC="images/treegimh.gif" LOWSRC="images/treegimh.gif" WIDTH=91 HEIGHT=119 BORDER="0">
<B>Best viewed with</CENTER></B>
<CENTER><IMG SRC="images/google_chrome_logo.jpg" WIDTH=50 HEIGHT=50 BORDER="0">  <IMG SRC="images/ie7.jpg" WIDTH=100 HEIGHT=31 BORDER="0">  <IMG SRC="images/ie8.bmp" WIDTH=150 HEIGHT=31 BORDER="0">  <IMG SRC="images/firefox5.jpeg" WIDTH=50 HEIGHT=50 BORDER="0"></CENTER>
<CENTER><B>At 1280 x 1024 resolution</B></CENTER><CENTER><B>Proudly Hosted in Australia by</B></CENTER>
<CENTER><a HREF="http://www.ventraip.com.au/"><IMG SRC="images/ventraip logo.png" WIDTH=237 HEIGHT=45 BORDER="0"></a></CENTER>
<H4><CENTER>Designed with</CENTER></H4><H4><CENTER><FONT COLOR=#008000> <IMG SRC="./images/araneae2.jpg" WIDTH="88" HEIGHT="31" alt=""> <B>and</B> <IMG SRC="./images/araneae4.jpg" WIDTH="88" HEIGHT="31" alt="">
<I><strong><FONT COLOR=red>Designed and &copy by EyeBee Enterprises 2000 - 2011</strong></FONT></CENTER>

Then the script I want to use:

<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objAUVIC=new Object;objAUVIC.wtsclock="wtsclock001.swf";objAUVIC.color="CC6600";objAUVIC.wtsid="AU-VIC";objAUVIC.width=100;objAUVIC.height=100;objAUVIC.wmode="transparent";showClock(objAUVIC);</script></td></tr><tr><td align="center"><h4>Melbourne, Australia</h4></td></tr></table>
<CENTER><IMG SRC="images/treegimh.gif" LOWSRC="images/treegimh.gif" WIDTH=91 HEIGHT=119 BORDER="0">
<B>Best viewed with</CENTER></B>
<CENTER><IMG SRC="images/google_chrome_logo.jpg" WIDTH=50 HEIGHT=50 BORDER="0">  <IMG SRC="images/ie7.jpg" WIDTH=100 HEIGHT=31 BORDER="0">  <IMG SRC="images/ie8.bmp" WIDTH=150 HEIGHT=31 BORDER="0">  <IMG SRC="images/firefox5.jpeg" WIDTH=50 HEIGHT=50 BORDER="0"></CENTER>
<CENTER><B>At 1280 x 1024 resolution</B></CENTER><CENTER><B>Proudly Hosted in Australia by</B></CENTER>
<CENTER><a HREF="http://www.ventraip.com.au/"><IMG SRC="images/ventraip logo.png" WIDTH=237 HEIGHT=45 BORDER="0"></a></CENTER>
<H4><CENTER>Designed with</CENTER></H4><H4><CENTER><FONT COLOR=#008000> <IMG SRC="./images/araneae2.jpg" WIDTH="88" HEIGHT="31" alt=""> <B>and</B> <IMG SRC="./images/araneae4.jpg" WIDTH="88" HEIGHT="31" alt="">
<I><strong><FONT COLOR=red>Designed and &copy by EyeBee Enterprises 2000 - 2011</strong></FONT></CENTER>

What I want to do is have the clock in the second script situated on the left hand side WITHOUT it pushing everything down. In other words on the same level as the centred graphic (the one above the text that says Best Viewed with) The second script includes the first one (does that make sense?) How do i acheive that? Also at a later time (after I receive a reply form the providers of the clock script), I want to insert a similiar clock that shows the viewers time on the far right hand side. How do I achieve this addition so that it doesn't push everything down?

Sorry if this sounds complicated, but it is the only way to explain what I want to do.

Regards.

Ian Bell
Member
Posted 7 months ago

Hi Mark,

As you have not given me a reply I was wondering if this topic is something that maybe should not be asked in the support. If so, could you recommend somewhere that may be able to help me?

Thanks.
Mark
Administrator
Posted 7 months ago
Sorry, Ian; I'm not sure how I missed your post!

Generally, this forum is for questions related to Araneae software, and not so much for troubleshooting actual web development, but I can certainly offer at least some advice.

Now, this is untested, but I suspect what you'll want to do is "float" the clock to the left, so that everything else still appears beside it. Try replacing the first line (everything between the table tags) in your second script like so:
```
<div style="float: left; text-align: center;">
     <script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script>
     <script type="text/javascript" language="JavaScript">objAUVIC=new Object;objAUVIC.wtsclock="wtsclock001.swf";objAUVIC.color="CC6600";objAUVIC.wtsid="AU-VIC";objAUVIC.width=100;objAUVIC.height=100;objAUVIC.wmode="transparent";showClock(objAUVIC);</script>
     <br/>
     <h4 style="text-align: center">Melbourne, Australia</h4>
</div>
```
Essentially, I'm creating a div that floats off to the left that contains the clock script so that all other elements continue to be placed beside it (even wrapping around it, if necessary).

Again, it's difficult for me to suggest a solution without having a feel for the entire page, but I think this might help set you in the right direction.
Ian Bell
Member
Posted 7 months ago

Hi Mark,

Thanks for your help. I knew when I sent the original post that this was not a trouble shooting support, but I didn't know where else to turn to. I tried your suggestion, and it partly works. The clock is where I want it, but it is pushing the graphic on the same level and the next 2 lines below it to the right as well,and I can't figure out why it is doing that.
If it is OK with you, could I email you with the "index.htm" file WITHOUT the modified clock script you so kindly sent me?

If you goto my web page - http://www.eyebee.au.com - note the order of the .au & .com - & check the source coding on the index page, you will see I have to insert it at line 69 (below the <HR> tag), and when I do this it pushes the old line 69 to line 75 - no problems in that regard. But then the coding on lines 75, 76, & 77 (old lines 69,70 & 71) is pushed to the right, but everything from 78 (old line 72)onwards is OK and I can't understand why this is happening. One other thing, the last line of your script where it says Melbourne, Australia, I have inserted a break so that it reads Melbourne,<BR>Australia........ This puts the location on 2 lines instead of 1, but the graphics are still pushing right.

To "muddy the waters" a bit more, what would I have to do to place a clock on the right hand side as well? This clock would show the local time of the viewer to the page. (I am still waiting on a reply from the clock provider)

Sorry to cause all this trouble for you. I realise you probably have better things to do than sort out my programming problems. I am still learning HTML programming.

Regards

Mark
Administrator
Posted 7 months ago

Hmm... One other technique you can look into is absolute positioning, which will likely get the result you want, but it can take some experimentation. For example:

<div style="position: absolute; left: 10px; text-align: center; width: 125px; height: 125px;">
     <script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script>
     <script type="text/javascript" language="JavaScript">objAUVIC=new Object;objAUVIC.wtsclock="wtsclock001.swf";objAUVIC.color="CC6600";objAUVIC.wtsid="AU-VIC";objAUVIC.width=100;objAUVIC.height=100;objAUVIC.wmode="transparent";showClock(objAUVIC);</script>
     <br/>
     <h4 style="text-align: center">Melbourne, Australia</h4>
</div>

You can use the top, left, right, and bottom CSS properties to specify a location on the page without affecting any other element. In your case, this might be the best way to get the clock where you want it without "pushing" any of the other elements out of the way.

Ian Bell
Member
Posted 7 months ago

Thanks for all your help Mark.

That worked perfectly!! I have changed my mind about putting a second clock with the viewers time on the right. I am thinking of putting one of those revolver maps there instead, but, until I get the script for it, not sure what I need to do to to place it on the right.

Thanks again.

ornj.net

Navigation

Technical Support Forums