Rollover Question

Pages: 1, 2, 3
free web hosting

Read Latest Entries..: (Post #25) by icemarle on Apr 27 2005, 02:52 AM. (Line Breaks Removed)
Yes, it's true. I did put several scripts of that for each image. I know nothing about Javascript, like I mentioned before, I'm afraid to tamper with it. So here I am waiting for someone to show me how to create a script that I can use for the entire page. (Or is it all I need? If I delete all but one of those head tag scripts, will it work?)... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > General > Hosted Members Area

Rollover Question

icemarle
Ir's about Frontpage's DHTML Effects thing. You can make rollovers using that, right? Anyway, when I tested the rolloves offline, It worked! But when I uploaded it, it won't work. Is there something I did wrong? What should I do? I'm new at creating rollovers.
In fact, this is my first time.

Rollover Page
Please see what's wrong. It's suppose have a stroke effect on the text in the picture.

Reply

whyme
When you generate DHTML rollovers in frontpage, Frontpage should prompt you to save a seperate javascript file when you exit the program.

I took a look at your page coding and saw this:

CODE

</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Program%20Files/Microsoft%20Office/Office10/fpclass/animate.js">
</script>


right now, your javscript file is sitting in your hardrive, so your website's DHTML doesn't work. this means that you need to upload your animate.js to the same directory of your i2sl4.html, and also, change the coding:

CODE

file:///C:/Program%20Files/Microsoft%20Office/Office10/fpclass/animate.js


to just:

CODE
animate.js



If you need anymore help, just give me a PM. smile.gif

-whyme

 

 

 


Reply

snlildude87
Got it. smile.gif

CODE
<script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Program%20Files/Microsoft%20Office/Office10/fpclass/animate.js">


You are loading the file animate.js from your home computer, which is very illegal because people cannot access your files, so you have to upload animate.js and call it something like this:
CODE
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">


smile.gif

Reply

icemarle
Ohh! Sorry about that! Thanks you two! I'm just a rollover newbie. Sorry for the trouble! I'll fix it right away!

Reply

moonwitch
Well, I see two folks beat me to it tongue.gif

Anyhow, to prevent things like this in the future, make sure you select RELATIVE links and not ABSOLUTE... OR do the coding in a different WYSIWYG editor. (WYSIWYG = What You See Is What You Get). My suggestion for this is a freebie called 1rst Page 2000. You can download it here. It will generate better pages, as Frontpage tends to mess up most pages. Believe me, you're better off looking at other editors. When you think you're ready for the leap into code, notepad is your friend smile.gif

Frontpage also creates sluggish pages because of a bad coding style.

Reply

snlildude87
icemarle, remember to post back your results, and let us see if you fixed the problem or not. smile.gif

Reply

icemarle
Where can I find the edit button? Anyway, I did it, it still didn't work... I uploaded the js, and edited the code. Still nothing...

Reply

snlildude87
Edit button's gone because users were abusing the hosting credit system with it. If you want to edit, report (user posted image)your own post, and the moderators or admins will take care of it. smile.gif

Hmm, where exactly did you place animate.js? In the same folder as i2sl4.html?

Reply

icemarle
Yes. I placed it in the same folder. Maybe it's something written in the animate.js? I don't know JavaScript. In fact, I'm scared of learning Javascript. I was too attched to HTML, so I dont know what to do with it.

Animate.js

Too bad about the edit button. But when I seriously need to edit something I have to report it? Well, at least now I know. It'll save me from double-posting.

Reply

snlildude87
Hmm, I'm looking at your rollover code, and it's definately harder than it's meant to be. I'll tell you what, give me the URLs of the images (before mouse over and on mouse over), and I'll write the code for you to make it work. smile.gif

About the report thing, yes, reporting your own post is 10 times better than double posting. We encourage members to do so because it uses less sql space.

Reply

Latest Entries

icemarle
Yes, it's true. I did put several scripts of that for each image. tongue.gif I know nothing about Javascript, like I mentioned before, I'm afraid to tamper with it.
So here I am waiting for someone to show me how to create a script that I can use for the entire page. (Or is it all I need? If I delete all but one of those head tag scripts, will it work?)

Reply

clagnol
Somebody beat me to the preload function dry.gif

But I did notice what seemed to be several identical javascripts in your code. I don't have time to pour over your code, but here is my appraisal of the situation.

You know that script that handles the function that switches images? You only need that once. You can reference that function as many times as you want in the body of your page, but inserting the script in the head multiple times only serves to slow everything down.

Presumably, you put that in your code once for each image. Classic n00b. I did the same thing before I learned a bit about Javascript.

Of course, it's entirely possible that I overlooked something in my haste (finals week!).

Reply

icemarle
I see. I changed my script. It isn't DHTML anymore. It takes a second for the rollover to work in IE. (1 sec. of cursor over the image) But it doesn't work at all in Firefox. (For me) But it works in all browsers offline. Strange. I PMed you about this too. You haven't seemed to reply yet. I guess you're busy, but you should check out what I changed before you make scripts for me.

Once again, Thank you for your time!

Reply

whyme
CSS is Cascading Style Sheets, it's another wat that you can do rollovers and create content layout without fumbling around with javascript. If you want to try out CSS, PM me, and i'll do it for you later this week, right now, I'm a bit busy with work.

- whyme

Reply

icemarle
What's CSS? Thanks for the help again! It's so nice of you!

Yeah, my connection's slow. But at least it could help me test the site if it's friendly for slower connections. A lot of people still use slow connections you know.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2, 3
Recent Queries:-
  1. rollover that work uploaded - 1.11 hr back. (1)
  2. animate.js frontpage rollover - 28.79 hr back. (1)
  3. dhtml mouse over is slow to upload - 233.31 hr back. (1)
  4. firefox stays rollover state - 320.87 hr back. (1)
  5. back button image mouseover stays firefox - 359.48 hr back. (1)
  6. fpclass/animate.js - 441.79 hr back. (1)
  7. rollover frontpage firefox - 474.76 hr back. (1)
  8. frontpage dynamicanimation do not work with firefox - 484.85 hr back. (1)
  9. office10/fpclass/animate.js - 592.11 hr back. (1)
  10. rolloves - 618.40 hr back. (1)
  11. animate.js firefox - 627.19 hr back. (1)
  12. code to animate in front page - 838.61 hr back. (1)
  13. dynamicanimation firefox fix - 896.56 hr back. (1)
  14. dynamicanimation internet explorer mozilla firefox problem issue - 936.49 hr back. (1)
Similar Topics

Keywords : rollover

  1. Button Animation With Rollover State That Stays When User Clicks A Button
    (0)
  2. CSS Rollover Menu Code
    for < a > tags used on HTML pages (5)
    QUOTE(moldboy @ Nov 18 2005, 03:23 PM) ...  I am wondering if you have a particular site in
    mind that would show how? 206171 Hate to add this to a topic about unordered lists, but
    here goes. Maybe this part will get split into its own topic later. I'll ask another mod how to
    do that. ( new guy comment) My Webpage , or click on the bottom link of my signature to go to the
    same site which has css rollover effects. This isn't the exact code that performs the rollover
    on that site, but is from another (handier to acquire) html page on my computer....
  3. Rollover Background-image Button Ie
    Rollover background-image button IE (0)
    I find This Code On Search I Think for webmasters is good To Find Easy this Kind of code so i Type
    it here I Hope U enjoy it /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' />
    Step 1: Insert the below into the section of your page. Change the image path within ".initial"
    to reference the image you want applied initially to the button. .initial{ font-weight:bold;
    background-image:url(first.jpg); } CODE <script type="text/javascript">
    <!-- //Specify optional button target: "_new" for new window, ....
  4. Rollover Image Tutorial
    (2)
    make it so that i have a button, probably an opaque one, and when it is scrolled over it displays
    another image, a solid one. I believe this is a javascript command, and I already have all the
    images set, i just need to know the coding. Thanks for the help.....

    1. Looking for rollover

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for rollover

*MORE FROM TRAP17.COM*
advertisement



Rollover Question



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE