Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


hamisht

389 posts

Ultimate Geek


#63309 24-Jun-2010 09:10
Send private message

Hi,

Any folks in here know much about Javascript?

I am wanting to link to an .js file, to keep the head of my web page im building nice and clean.  I cant figure out how to do it though.

This is what is in the <head> of my xhtml file:

[code]
<script language="javascript" type="text/javascript">
    if(document.images){
        one_off = new Image;
        one_on = new Image;
        one_off.src = "images/navigation/gallery_up.jpg"
        one_on.src = "images/navigation/gallery_down.jpg"
        two_off = new Image;
        two_on = new Image;
        two_off.src = "images/navigation/exhibitions_up.jpg"
        two_on.src = "images/navigation/exhibitions_down.jpg"
        three_off = new Image;
        three_on = new Image;
        three_off.src = "images/navigation/commissions_up.jpg"
        three_on.src = "images/navigation/commissions_down.jpg"
        four_off = new Image;
        four_on = new Image;
        four_off.src = "images/navigation/contact_up.jpg"
        four_on.src = "images/navigation/contact_down.jpg"
        }
        else{
            one_off = "";
            one_on = "";
            document.one = "";
            two_off = "";
            two_on = "";
            document.two = "";
            three_off = "";
            three_off = "";
            document.three = "";
            four_off = "";
            four_on = "";
            document.four = "";
        }
</script>
[/code]

and in the body;

[code]
<a href="gallery.html" onmouseover="document.one.src=one_on.src" onmouseout="document.one.src=one_off.src">
<img src="images/navigation/gallery_up.jpg" name ="one" alt="Gallery" width="96" height="240" border="0"/></a>
&nbsp;
<a href="exhibitions.html" onmouseover="document.two.src=two_on.src" onmouseout="document.two.src=two_off.src">
<img src="images/navigation/exhibitions_up.jpg" name="two" alt="Exhibitions" width="96" height="240" border="0"/></a>
&nbsp;
<a href="commissions.html" onmouseover="document.three.src=three_on.src" onmouseout="document.three.src=three_off.src">
<img src="images/navigation/commissions_up.jpg" name="three" alt="Commissions" width="96" height="240" border="0"/></a>
&nbsp;
<a href="contact.html" onmouseover="document.four.src=four_on.src" onmouseout="document.four.src=four_off.src">
<img src="images/navigation/contact_up.jpg" name="four" alt="Contact" width="96" height="240" border="0"/></a>[/code]

what I would like to do, is copy the script located in the head, into its own .js file ('rollover.js') and just link to it like <script language="javascript" type="text/javascript" src="rollover.js">

What would I need to change in the body, so that it still works?  I cant figure it out :(




Create new topic
RedJungle
Phil Gale
1108 posts

Uber Geek

Trusted
Red Jungle
Subscriber

  #344760 24-Jun-2010 09:12
Send private message

Sounds like you have it right to me.. just don't put the script tags into the external .js file.




Red Jungle: we make fantastic software

RSS  Twitter  Facebook  Skype

hamisht

389 posts

Ultimate Geek


  #344766 24-Jun-2010 09:23
Send private message

I tried it out, but when I refereshed the index.html file, all the images on the page dissapeared. I thought I might need to change something in this area;
[code]
<a href="gallery.html" onmouseover="document.one.src=one_on.src" onmouseout="document.one.src=one_off.src">
<img src="images/navigation/gallery_up.jpg" name ="one" alt="Gallery" width="96" height="240" border="0"/></a>
[/code]

maybe somehow telling it to look for the 'rollover.js' file instead of just looking in the head?




 
 
 
 


hellonearthisman
1819 posts

Uber Geek

Trusted

  #344778 24-Jun-2010 09:43
Send private message

In the head part of the HTML page, you point to your script.
script src="http://your_script.js" type="text/javascript">
/script

hamisht

389 posts

Ultimate Geek


  #344780 24-Jun-2010 09:46
Send private message

Oh Do'h! I didn't relise you also needed a closing tag if it was only pointing to an external file. Thanks for the help! its working now :)




Create new topic





News »

Huawei launches IdeaHub Pro in New Zealand
Posted 27-Oct-2020 16:41


Southland-based IT specialist providing virtual services worldwide
Posted 27-Oct-2020 15:55


NASA discovers water on sunlit surface of Moon
Posted 27-Oct-2020 08:30


Huawei introduces new features to Petal Search, Maps and Docs
Posted 26-Oct-2020 18:05


Nokia selected by NASA to build first ever cellular network on the Moon
Posted 21-Oct-2020 08:34


Nanoleaf enhances lighting line with launch of Triangles and Mini Triangles
Posted 17-Oct-2020 20:18


Synology unveils DS16211+
Posted 17-Oct-2020 20:12


Ingram Micro introduces FootfallCam to New Zealand channel
Posted 17-Oct-2020 20:06


Dropbox adopts Virtual First working policy
Posted 17-Oct-2020 19:47


OPPO announces Reno4 Series 5G line-up in NZ
Posted 16-Oct-2020 08:52


Microsoft Highway to a Hundred expands to Asia Pacific
Posted 14-Oct-2020 09:34


Spark turns on 5G in Auckland
Posted 14-Oct-2020 09:29


AMD Launches AMD Ryzen 5000 Series Desktop Processors
Posted 9-Oct-2020 10:13


Teletrac Navman launches integrated multi-camera solution for transport and logistics industry
Posted 8-Oct-2020 10:57


Farmside hits 10,000 RBI customers
Posted 7-Oct-2020 15:32









Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.


Support Geekzone »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron



Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.

Alternatively, you can receive a daily email with Geekzone updates.