Javascripts WANTED!(free, copy paste,)(Random Quotes display, & image change)

[dudeman]

Ive found a great site with what I needed, but that was four years ago, & I have spent A LONG time looking for:

1) I want to have a quote on the top of each page that is randomly accessed from a text file containing a list of them on server when page loads, so I don't have to update every page when I see a new quote that I want to add to the textfile...

2) There's a javascript that uses rollover-like coding to show a different image depending on what link the cursor is over, & I want to use this in the navigation of the site, at the top of the page, so, (ie) if the user has the mouse over the "Downloads & media" , the top logo bar will change subtly (from a set of preloaded images) to illustrate the section) - (((The images will appear always in the same place, of cource))) - I've seen this on many websites, and it is easy to do, so given that it would be a better idea to make it as great as can be, since I can I need to have access to this script as well.

- Please point me to the sources, as Im sick of sifting through the crap out there,

Thanks,
Dudmanaroo

[chicgeek]

Moved to coding

[Costin Trifan]

1. I think that that can be done easily with php .
2. Can you put a link to one of those websites you're talking about? I don't quite understand what you want here...

[dudeman]

Very simple, but there was a lot of unessessary text there.

- I would like to have a quote that appears,
ie: "Bush & Hitler = Same sh*it, different smell" at the top of each page, but have the quotes accessed randomly from ONE file, like a text file in the same folder on the server. I have found a javascript that can do that, but I need something that doesnt require the quotes to be imbedded in the javascript itself, which would mean loading each HTML page with too much unnessesary data, when the script, imbedded in each page could simply access a random quote from ONE file (would be a very busy document, when criticalunity.org gets popular...

2) everyone knows rollovers, but I once saw a script & (obviously cant find it at this time) that allows one to have an image change depending on what link the mouse cursor is over. (Say you have a navbar, & a section that displays an image illustrating what its all about... I could find hundreds of sites that use this, but I'm sure someone knows where to find this script). Please help me out here,

thanks, Dudeman

[Costin Trifan]

1. Javascript by itself cannot access file content. You can use File System Object (fso) within a jscript to do that but this is not an option, because fso uses the ActiveX object which is currently available only in IE.
As I said in my previous post, you can display your random (or not) quote from a designated file using PHP.
There are some professional PHP developers here on v7n and if you start a new thread with this request I'm sure they'll be more than happy to help you.
Using server-side code to do this is the best option, trust me.

2. Create the rollover:
You don't need javascript to create a rollover effect. You can use CSS to to that.


Consider this:

Say you have a navbar, & a section that displays an image illustrating what its all about

A. Let's say thet the navbar contains these links:

• Home (id="HomeLink")
• Contact (id="ContactLink")
• About (id="AboutLink")

B. The section will be a div:

• <div id="section"></div>

C. Styles:

DIV#section {
width: 125px; height: 200px;
background-image: url('default-image.gif');
}

A#HomeLink:hover DIV#section {
width: 125px; height: 200px;
background-image: url('home-image.gif');
}

A#ContactLink:hover DIV#section {
width: 125px; height: 200px;
background-image: url('contact-image.gif');
}

A#AboutLink:hover DIV#section {
width: 125px; height: 200px;
background-image: url('about-image.gif');
}

This will change the background image of the div depending on the link hovered.

[dudeman]

used to copy- poasting code from sites, & I couldnt write a script, I can only slightly understand what its doing, & how to modify it. - I found an exsample online, but it only has 4 links, but Im sure it can be modified, & I dont mind using javascript for that. - Is it a problem to use javascript? What is CSS?

I had once seen a script that made link colours fade< & there was a file that had to be in the folder, (on server) that contained style & timing info>>> (why cant i do something like that with the quote script? )honestly,I want to get this site out there ASAP< & im not highly inclined to studyphp,(yET) if proven to be unnessesary, Because Im perfectly happy with Dreamweaver, but it has PHP support... --Is there a simple tutorial to learn this strange thing?
Thanks, D

[Costin Trifan]

What is CSS

this is CSS: http://www.w3schools.com/css/css_intro.asp

I had once seen a script that made link colours fade< & there was a file that had to be in the folder, (on server) that contained style & timing info>>> (why cant i do something like that with the quote script? )

That was a javascript file containing functions to provide the fade in/fade out functionality. (but what about those users that don't have javascript enabled? That functionality would not be available for them..)
You can, using jscript to create and use the fso.
As I said, create a new thread with this request and I'm sure you'll get your copy/paste php script.

Is there a simple tutorial to learn this strange thing?

There are thousands and thousands of sites and tutorials out there. All you have to do is search for them.

Good luck!