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.




347 posts

Ultimate Geek
+1 received by user: 7


Topic # 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
Phil Gale
1107 posts

Uber Geek
+1 received by user: 44

Trusted
Red Jungle
Subscriber

  Reply # 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



347 posts

Ultimate Geek
+1 received by user: 7


  Reply # 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?




 
 
 
 


1815 posts

Uber Geek
+1 received by user: 51

Trusted

  Reply # 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



347 posts

Ultimate Geek
+1 received by user: 7


  Reply # 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



Twitter »

Follow us to receive Twitter updates when new discussions are posted in our forums:



Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:



Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:





News »

Security concerns reach new peak, Unisys Security Index
Posted 27-Jun-2017 14:11


Behind Spark’s slow-burn 4.5G plan
Posted 26-Jun-2017 16:23


Red Hat unveils production-ready open source hyperconverged infrastructure
Posted 23-Jun-2017 22:10


Whatever ailed Vodafone broadband … seems to be fixed
Posted 23-Jun-2017 14:10


VMware NSX Meets Stringent Government Security Standards with Common Criteria Certification
Posted 22-Jun-2017 19:05


Brother launches next-generation colour laser printers and all-in- ones for business
Posted 22-Jun-2017 18:56


Intel and IOC announce partnership
Posted 22-Jun-2017 18:50


Samsung Galaxy Tab S3: Best Android tablet
Posted 21-Jun-2017 12:05


Wellington-based company helping secure Microsoft browsers
Posted 20-Jun-2017 20:51


Endace delivers high performance with new 1/10/40 Gbps packet capture card
Posted 20-Jun-2017 20:50


You can now integrate SMX security into Microsoft Office 365, Google and other cloud email platforms
Posted 20-Jun-2017 20:47


Ravensdown launches new decision-making tool HawkEye
Posted 19-Jun-2017 15:38


Spark planning to take on direct management of all consumer stores
Posted 19-Jun-2017 10:03


Qrious acquires Ubiquity
Posted 14-Jun-2017 12:21


Spark New Zealand prepares for 5G with Nokia
Posted 14-Jun-2017 12:16



Geekzone Live »

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



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.