FRONTPAGE: Mouseover Effects

**lonewolf** · 04-24-2004, 11:19 AM

I used the interactive buttons provided by Frontpage 2003. After a while, though, I noticed that the mouseover effects were no longer working. So I created my own buttons using the drawing tools of Frontpage and adding DHTLM effects to them. But it appears that the latest mouseover effects are only visible with Internet Explorer. I would really appreciate if anyone could help me fix this glitch. Thanks.

**steveharro** · 04-27-2004, 09:47 AM

post your code or a link to the page.

Regards Steveharro Best Download Sites

**lonewolf** · 04-27-2004, 04:24 PM

My url is www.ingleseplus.com - the same site with the screen resolution problem...I need some code about that too if possible.

Thanks for your attention

**sassy** · 05-13-2004, 05:22 PM

Hi,
Have you tried to modify the code like this: <a title="your mouse over here" href="your link here">
That works for me!
sassy

**WaHoOoO!** · 05-13-2004, 06:28 PM

No offense...but your problem is FrontPage....FP generates code so horrible that only IE can properly display. FP/IE is Microsoft's attempted monopoly of the internet.

**steveharro** · 02:57 AM

This should fix your mouse overs:

HTML Code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('/yourimage on mousover')">
<a href="/Path to page" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','/your image on mousover',1)"><img name="Image1" border="0" src="/Your image" width="135" height="17"></a> 
</body>
</html>

Make changes where it says your image on mouse over ect;

Hope this helps

Regards Steveharro Best Download Sites.Com

**lonewolf** · 08:53 PM

Thank you all very much for your feedback, and thanks again for your code, Steve. I am well aware of the bugs in Frontpage, I am losing my head with this program. I wonder why Microsoft can't come up with something better. I also have Dreamweaver, but I am not familiar with that yet (I am working on that, though...). Tomorrow i will paste in your code and keep you informed of my progress.

Goodnight America

www.ingleseplus.com

"Don't look for a webcave
To shelter A Coy Miss Stress
From java winds
When, late at night
She's trying to upload your files"

**steveharro** · 05-14-2004, 11:41 PM

If you have dreamweaver do yourself a huge favour and start using it.It may seem a bit confusing at first but once you get the hang of it you'll never use anything else.Just to get you started this is what you do to get a mouseover affect in dreamweaver:At the top Click on INSERT Then INTERACTIVE IMAGES Then ROLLOVER IMAGES.You will then be presented with a box.Fill in ORIGINAL IMAGE with the image that you see before the mouse is over it.Then fill out the ROLLOVER IMAGE that's the one you will see when the mouse is over the button or what ever else you decied.Then fill in the URL that you want to go to.Make sure the two images are the same size or it may destort the page on mouseover.There are plenty of tutorials out there on dreamweaver.

Regards Steveharro Best Download Sites

**Web-Wonder** · 05-26-2004, 06:26 AM

Quote:

Originally Posted by steveharro

If you have dreamweaver do yourself a huge favour and start using it.It may seem a bit confusing at first but once you get the hang of it you'll never use anything else.Just to get you started this is what you do to get a mouseover affect in dreamweaver:At the top Click on INSERT Then INTERACTIVE IMAGES Then ROLLOVER IMAGES.You will then be presented with a box.Fill in ORIGINAL IMAGE with the image that you see before the mouse is over it.Then fill out the ROLLOVER IMAGE that's the one you will see when the mouse is over the button or what ever else you decied.Then fill in the URL that you want to go to.Make sure the two images are the same size or it may destort the page on mouseover.There are plenty of tutorials out there on dreamweaver.

Regards Steveharro Best Download Sites

New to all this, I am having to use Frontpage at work to set up a site, but thinking that learning Dreamweaver would be benificial to building personal site from home. Visually, is there much difference with both packages

**steveharro** · 05-30-2004, 11:54 PM

I'v never used front page.But as I understand it there is a bit off difference with the two.Dreamweaver will give you much more control and better code.

Regards Steveharro Best Download Sites

**minstrel** · 06-04-2004, 01:28 PM

Quote:

Originally Posted by steveharro

I've never used front page. But as I understand it there is a bit off difference with the two. Dreamweaver will give you much more control and better code.

I don't mean to (a) attack anyone here personally or (b) incite a flame war, but I find it interesting how many of the people who attack FrontPage will, on inquiry, acknowledge that "I've never used front page".

I use FrontPage by choice - I own copies of both GoLive and Dreamweaver and find them clumsy.

The bottom line is that any WYSIWYG editor is only as good as the user and you will almost always need to go into the HTML code view to optimize the code that the WYSIWYG editor produces - that is as true for DreamWeaver and GoLive as it is for FrontPage. If your goal is to create websites without having to learn HTML, you are going to find that you are severely limited.

The myth that FrontPage produces worse code than the others is simply that: a myth.

**steveharro** · 06-05-2004, 02:30 AM

It just seems to me that more people have problems with front page so although I personaly have not used it and your right shouldn't comment I think the numbers speak for themselves.

Regards Steveharro Best Download Sites

**minstrel** · 06-05-2004, 03:47 AM

Quote:

Originally Posted by steveharro

It just seems to me that more people have problems with front page so although I personaly have not used it and your right shouldn't comment I think the numbers speak for themselves.

perhaps... on the other hand, (1) it might well be that more people with limited knowledge pick up a copy of FrontPage than Dreamweaver, expecting it to create a fully functioning site with no learning curve; and (2) you'd almost certainly get different statistics on satisfaction from one of the FrontPage forums or newsgroups.

**Mooofasa** · 07-18-2004, 07:38 PM

i use FP all the time, but i create my sites directly through the HTML EDITOR area. I only do certain things like images using Normal Mode. FP is a great WYSIWYG, but it is better at coding. It Is also better for begginers who just want to make a quick site.

**lonewolf** · 07-22-2004, 11:37 AM

Thanks for your constructive criticism. I've come up with a new layout. The rollovers (link captions) are working, it's the buttons that did not. I don't use them anymore.

www.ingleseplus.com

**Mooofasa** · 11:42 AM

With your buttons, did you send the fphover.class and fphoverx.class (the external files created by FP) aswell to your serever? Your site (when i just looked at it) is very chopoy. I dont unerstand the language and your side menu is not very constructive. Your banner doubles (you have put it as a table background image right?) And alot of your links dont work (let me guess that you havent done those pages yet).

Mik

**lonewolf** · 12:37 PM

What I said is i had a new layout, not a new site. Sorry. There's no logo, only a "makeshift" logo background, (that's why it's choopy) i've used to get an idea of the collors.

In what sense is my left menu not very constructive? can you be more specific?

You don't understand the language? That's O.K. That's the point! It's a site for English and Italian learners. Just read the English part, it's the translation. They're the same.

The site is bilingual in every section, each text in Italian is paired by its English translation, so one can hopefully pick up the other language by comparison. Thanks for visiting my homepage.

Italicus

www.ingleseplus.com/votetemplate.htm (poll)

**Mooofasa** · 07-22-2004, 01:37 PM

the tables just look as though they have been put there for show. The side menu is abit too simple. Good navigation is a must, but your menu is not very dynamic. Also, i had a quick look at your source code and it is very un-manigable. Your main tags (<html>, <head>...etc) are not set out in an organizable way. The best way to put these is:

<html>
<meta (stuff)>
<head>
</head>
<body>
</body>
</html>

Mik

Note: i will no longer be commenting on this thread.

**lonewolf** · 07-22-2004, 04:12 PM

I know for a fact that one of the first things a good webmaster does is look at the code first and if the code is bad the site won't get a pass. I'm used to this Frontpage thing.

The pictures are not for show only. They're symbolic. It's different. They're all gateways to separate sections....

Lincoln's Picture about The Emancipation Proclamation is about open-sourcing and free resources which seems, after all, appropriate and will take you to the open-source section as you click on it (later).

The Amphitheatre is NOT the Coliseum, it is THE ARENA (Verona, Northern Italy). Few Americans have seen it before.

This is for showing you around Verona. Verona is the place of Vinitaly (A World Wine Fair) and other international fairs, it is 2000 years old, it was one of the biggest cities under the Caesars.

Don't ask me to take it away!

Lower left, Giacomo Leopardi, the greatest poet after Dante and Petrarch and a philosopher ,the object of an essay that i'm planning to publish in English since he's virtually unknown abroad.

And finally, Shakespeare is the gateway to the English Literature section (authors & works A-Z index) for Italian readers and the object of another essay about Elisabethan Theater.

Thanks for your code, i really appreciate it. Please visit my site again sometimes. Mik, you are always welcome to post on this thread.

Italicus