Re: [WSG] Stumped need suggestions - how to highlight two links at once
You would want to use an external javascript file. Your javascript file would need to: 1. watch the links in question for a mouseover event 2. if the event fires change something visual about the link and whichever other link meets a set of criteria. To be more specific, you'd have to post code/url Joseph R. B. Taylor /Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Fax: (866) 301-8045 Web: http://sitesbyjoe.com Email: [EMAIL PROTECTED] Likely, James A. wrote: Hello, I need help/suggestions. Want to highlight two links at once if you rollover on of them. I attached an example to make things easier. Basically if you rollover the risks on the right side of the page, the same link would highlight in the left navigation. I am able to get this working using target and hover if they are in the same li but as you can see that would not be the case for this. I am stumped and not sure where to look. Does any one have any suggestions on how this could be done while keeping web standards in mind? Thanks for the help! James hrascreen.jpg *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***begin:vcard fn:Joseph Taylor n:Taylor;Joseph org:Sites by Joe, LLC adr:;;408 Route 47 South;Cape May Court House;NJ;08210;USA email;internet:[EMAIL PROTECTED] title:Designer / Developer tel;work:609-335-3076 tel;fax:886-301-8045 tel;home:609-886-9660 tel;cell:609-335-3076 x-mozilla-html:TRUE url:http://sitesbyjoe.com version:2.1 end:vcard
Re: [WSG] Stumped need suggestions - how to highlight two links at once
Likely, James A. wrote: Want to highlight two links at once if you rollover on of them. You'll need to use JavaScript to do this. -- Hassan Schroeder - [EMAIL PROTECTED] Webtuitive Design === (+1) 408-621-3445 === http://webtuitive.com dream. code. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Stumped need suggestions - how to highlight two links at once
First off, I'd question the usefulness of this. The disjointed relationship
between the links would merely confuse the user.
It would be really ugly to do this but here you go
li class=disjointedmessa href=/ id=bloodp Blood
PressurespanBlood Pressure/span/a/li
In your style sheet, you'd give position relative to the main container.
.disjointedmess a span {display:block; position:absolute; top:450px;
left:350px;}
.disjointedmess #bloodp span {top:500px;}
As I said, this is really ugly and I would recommend against it. Actually,
scrap the whole mess. If you really, really, really need to do this,
JavaScript is the only solution.
My head is starting to swirl.
Ted
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Likely, James A.
Sent: Wednesday, June 04, 2008 4:34 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Stumped need suggestions - how to highlight two links at once
Hello,
I need help/suggestions.
Want to highlight two links at once if you rollover on of them. I attached
an example to make things easier.
Basically if you rollover the risks on the right side of the page, the same
link would highlight in the left navigation. I am able to get this working
using target and hover if they are in the same li but as you can see that
would not be the case for this. I am stumped and not sure where to look.
Does any one have any suggestions on how this could be done while keeping
web standards in mind?
Thanks for the help!
James
hrascreen.jpg
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Stumped need suggestions - how to highlight two links at once
I don't think you understand what we are talking about here entirely.
At first I was going to advice against it, but then I studied the
image he supplied and realised that there may be something about it.
Now personally, I am not for making something else move elsewhere on a
page, unless your intention is to confuse the viewer. Cause I think
that's what will happen here.
Just keep the links separated. The only connection is the already
constructed one via the colours of the lists.
But tell me, why is Blood Sugar highlighted on the left, but does not
appear in the focused list?
Regards,
Svip
P.S. I apologise for the sloppy English, but my head is a mess today.
2008/6/4 Ted Drake [EMAIL PROTECTED]:
First off, I'd question the usefulness of this. The disjointed relationship
between the links would merely confuse the user.
It would be really ugly to do this but here you go
li class=disjointedmessa href=/ id=bloodp Blood
PressurespanBlood Pressure/span/a/li
In your style sheet, you'd give position relative to the main container.
.disjointedmess a span {display:block; position:absolute; top:450px;
left:350px;}
.disjointedmess #bloodp span {top:500px;}
As I said, this is really ugly and I would recommend against it. Actually,
scrap the whole mess. If you really, really, really need to do this,
JavaScript is the only solution.
My head is starting to swirl.
Ted
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Likely, James A.
Sent: Wednesday, June 04, 2008 4:34 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Stumped need suggestions - how to highlight two links at once
Hello,
I need help/suggestions.
Want to highlight two links at once if you rollover on of them. I attached
an example to make things easier.
Basically if you rollover the risks on the right side of the page, the same
link would highlight in the left navigation. I am able to get this working
using target and hover if they are in the same li but as you can see that
would not be the case for this. I am stumped and not sure where to look.
Does any one have any suggestions on how this could be done while keeping
web standards in mind?
Thanks for the help!
James
hrascreen.jpg
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Stumped need suggestions - how to highlight two links at once
Thanks,
The screen shot that I sent was for a screen that the user would be
taken to after they completed a test. It is a summary page of potential
risks. This is not a new site but a re-design of how they provide the
content. What was requested was that they wanted to show that the risks
that are highlighted on the text area are in the left navigation. The
screen that you see would only be visible by default once, unless the
click to access the summary again.
The red icon is to show that there is a potential risk and to separate
them from the rest of the list. Based on the screen shot, there are four
risks and the rest are strengths.
I am not saying it is a good idea, but I didn't want to judge and tell
them that it would not work. I didn't ask if it was a good idea or bad
idea but wanted to know how it could be done.
What I want to do is make a html/CSS mock up so they can see it working,
and test on users to see what there reactions are with this and if they
find it annoying. Base the decision on user testing and not based on
ones own feelings.
I hope this is what you were asking.
Thanks to those who responded.
James
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Svip
Sent: Wednesday, June 04, 2008 11:48 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Stumped need suggestions - how to highlight two links
at once
I don't think you understand what we are talking about here entirely.
At first I was going to advice against it, but then I studied the
image he supplied and realised that there may be something about it.
Now personally, I am not for making something else move elsewhere on a
page, unless your intention is to confuse the viewer. Cause I think
that's what will happen here.
Just keep the links separated. The only connection is the already
constructed one via the colours of the lists.
But tell me, why is Blood Sugar highlighted on the left, but does not
appear in the focused list?
Regards,
Svip
P.S. I apologise for the sloppy English, but my head is a mess today.
2008/6/4 Ted Drake [EMAIL PROTECTED]:
First off, I'd question the usefulness of this. The disjointed
relationship
between the links would merely confuse the user.
It would be really ugly to do this but here you go
li class=disjointedmessa href=/ id=bloodp Blood
PressurespanBlood Pressure/span/a/li
In your style sheet, you'd give position relative to the main
container.
.disjointedmess a span {display:block; position:absolute; top:450px;
left:350px;}
.disjointedmess #bloodp span {top:500px;}
As I said, this is really ugly and I would recommend against it.
Actually,
scrap the whole mess. If you really, really, really need to do this,
JavaScript is the only solution.
My head is starting to swirl.
Ted
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On
Behalf Of Likely, James A.
Sent: Wednesday, June 04, 2008 4:34 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Stumped need suggestions - how to highlight two links
at once
Hello,
I need help/suggestions.
Want to highlight two links at once if you rollover on of them. I
attached
an example to make things easier.
Basically if you rollover the risks on the right side of the page, the
same
link would highlight in the left navigation. I am able to get this
working
using target and hover if they are in the same li but as you can see
that
would not be the case for this. I am stumped and not sure where to
look.
Does any one have any suggestions on how this could be done while
keeping
web standards in mind?
Thanks for the help!
James
hrascreen.jpg
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
