Targetting a frame with

[simonf]

Hi Team

I think I'm just being stupid.. however my mind has gone blank..


With a mouse over I'm trying to get a change in the screen:

<td height="94" width="74" style="cursor:hand; cursor:pointer" onmouseover="FP_goToURL(/*href*/'herman.htm')">
<img border="0" src="images/pics/contact/Herm.jpg" width="69" height="86"></td>

This works but does not p\traget the frame.. so I was thinking:

<td height="94" width="74" style="cursor:hand; cursor:pointer" onmouseover="FP_goToURL(/*href*/'herman.htm' target='teampop')">
<img border="0" src="images/pics/contact/Herm.jpg" width="69" height="86"></td>

But this does not work... Mr Winter/ Mr Creative... please advise

[Twey]

Your mind does indeed appear to have gone blank. You're calling a function like this:
function(target='teampop');
That's an unquoted string ye got thar, for a start. Try 'herman.htm\' target=\'teampop'. If that doesn't work, try 'herman.htm" target="teampop'.

[simonf]

Hi Twey

Nope.....

URL is
http://www.smos.co.za/slt/team.htm if you want to take a look and help resolve...

[Twey]

Try...

<a href="gwyn.htm" target="teampop" onmouseover="document.teampop.src='gwyn.htm';">

By the way... do you have a reason for slicing all your images up into little slow-loading pieces? :-\

[simonf]

Yep... would you believe customer wanted it sliced.. beleives it to be faster!!!

[simonf]

Hey Twey

Still does not work........ thanks for you help and patients.... modified file on url

[Twey]

Tell them that every image has a header - twenty images means twenty headers, nineteen of them pointless.

Try giving it an id and using document.getElementById('id').src='gwen.htm';

[mwinter]

If I were you, I'd remove the feature altogether. The main reason is that some of those 'biographies' need to be scrolled to view in full (add a scrollbar; enlarging the frame isn't good enough). However, to do that the user would need to move their mouse (most people don't navigate with the keyboard, after all), and unless the user is willing to purposefully avoid all of the other images, they will trigger a change. Very bad.

If you must persist, then use the frames collection of the window object:


function loadFrame(link) {
window.frames[link.target].src = link.href;
}

<a href="..." target="teampop" onmouseover="loadFrame(this);">...</a>


Yep... would you believe customer wanted it sliced.. beleives it to be faster!!!You're the one being used for your expertise, are you not? So tell them that in your opinion, as the expert, that they don't know what they're talking about (you'll want to use a little more tact than that :)).

Multiple images mean multiple requests. If persistent connections aren't used, that also means more connections, and more load on the server. Faster? Not a chance. It might seem faster as you can see parts of the image before the entire thing has downloaded, but you can get a similar effect with progressive encoding.

Mike

[simonf]

Point taken Mike.. Thanks as always..