[css-d] Making A Link Disappear When Revisited By A Reader
I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
Choose your own adventure. Cool. Sincerely, Matthew P. Johnson 415.254.1563 Eco I.T. ecoitsf.com - Reply message - From: Fabienne i...@possets.com Date: Fri, Jun 10, 2011 11:27 am Subject: [css-d] Making A Link Disappear When Revisited By A Reader To: css-d@lists.css-discuss.org I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
Could you not use visited?
a:visited{
display:none;
}
On Fri, Jun 10, 2011 at 2:27 PM, Fabienne i...@possets.com wrote:
I am writing a novelette and want to have two endings to the story. I also
want to have the reader choose one answer and not be able to go back and
read the one they did not choose later. So I want the link to the ending
they did not choose disappear after they make their choice. How would I go
about doing that with CSS, or could I?
I have thought of having a page they go to to make their initial choice,
then they would go to the page for the ending they chose which would have a
link back to the choice page BUT that page would have only the link to the
one they chose and the one they did not choose would be gone (because the
page to go back to would be another page, really).
I hope I explained it sufficiently. It's a simple concept, I just want the
reader to make up their mind and not be able to go back to read the other
ending. Thanks for any inputs on this. I am afraid I am stumped. _
_ _-- _
Fabienne
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
Hi, Just an idea, but might be a bit far fetched: The link you don't want needs to be visible at the start, and then after another link is clicked to disappear. I think that if both links were in a div with a set width and height you could change the CSS for the 'visited' link to increase in size, and sort of knock the other link out of sight. for example a 200px wide container containing to block links at 100px wide each. Once one link has been visited it becomes 200px wide, pushing the other link into overflow hidden and like magic, it's gone. does that make sense? BR, CB On 11/06/2011, at 2:32 AM, i...@ecoitsf.com wrote: Choose your own adventure. Cool. Sincerely, Matthew P. Johnson 415.254.1563 Eco I.T. ecoitsf.com - Reply message - From: Fabienne i...@possets.com Date: Fri, Jun 10, 2011 11:27 am Subject: [css-d] Making A Link Disappear When Revisited By A Reader To: css-d@lists.css-discuss.org I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
Oh I see - I think I misread... Sorry :) But yes, I think the idea would still be to use visited somehow. I don't think that what is described here would necessarily work though - would it? I mean, if the one clicked were on the right, it wouldn't really have any visible impact (it would just grow out of the viewable area and be clipped). I think you would have to also position it and lay it on a higher layer to hide it. On Fri, Jun 10, 2011 at 2:44 PM, Chris Blake ch...@3pointdesign.com wrote: Hi, Just an idea, but might be a bit far fetched: The link you don't want needs to be visible at the start, and then after another link is clicked to disappear. I think that if both links were in a div with a set width and height you could change the CSS for the 'visited' link to increase in size, and sort of knock the other link out of sight. for example a 200px wide container containing to block links at 100px wide each. Once one link has been visited it becomes 200px wide, pushing the other link into overflow hidden and like magic, it's gone. does that make sense? BR, CB On 11/06/2011, at 2:32 AM, i...@ecoitsf.com wrote: Choose your own adventure. Cool. Sincerely, Matthew P. Johnson 415.254.1563 Eco I.T. ecoitsf.com - Reply message - From: Fabienne i...@possets.com Date: Fri, Jun 10, 2011 11:27 am Subject: [css-d] Making A Link Disappear When Revisited By A Reader To: css-d@lists.css-discuss.org I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
On Friday, June 10, 2011 2:37:38 pm Brian Kardell wrote:
Could you not use visited?
a:visited{
display:none;
}
No. that would be the exact opposite of what the OP wants. that would make
the ending the reader chose inaccessible (and after choosing both endings,
*all* endings inaccessible).
Personally, I don't think CSS is the correct solution for this -- to work
effectively, it would have to remember across browser sessions, meaning a
cookie or something. I'd be doing this in the server-side language that
builds the page. If no link chosen, display both, and then make a record of
which was chosen, stored either on your server, or on the reader's computer.
And then check that file on the next page visit, to display the proper link.
---Tim
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
I don't see how a cookie changes it a lot... Generally speaking, aren't
things visited as long as they are in the cache? Neither one goes across
actual browsers (like FF to IE or Chrome)... You'd need a database/login for
that kind of guarantee - but I get the impression that he's merely looking
for something simple to visually keep track of it while a user is on the
page or maybe even next time someone comes back. He should be able to
accomplish that with :visited ... I just misunderstood which one he wanted
to hide.
On Fri, Jun 10, 2011 at 2:54 PM, Tim Climis tim.cli...@gmail.com wrote:
On Friday, June 10, 2011 2:37:38 pm Brian Kardell wrote:
Could you not use visited?
a:visited{
display:none;
}
No. that would be the exact opposite of what the OP wants. that would
make
the ending the reader chose inaccessible (and after choosing both endings,
*all* endings inaccessible).
Personally, I don't think CSS is the correct solution for this -- to work
effectively, it would have to remember across browser sessions, meaning a
cookie or something. I'd be doing this in the server-side language that
builds the page. If no link chosen, display both, and then make a record
of
which was chosen, stored either on your server, or on the reader's
computer.
And then check that file on the next page visit, to display the proper
link.
---Tim
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader-Response
That seems like the logical thing to do but it's actually the opposite
of what I want to happen. I want the non visited one to disappear when
they return to the page from which they choose. Somehow I can't figure
out how to do that. ---Fabienne
On 6/10/2011 2:37 PM, Brian Kardell wrote:
Could you not use visited?
a:visited{
display:none;
}
On Fri, Jun 10, 2011 at 2:27 PM, Fabienne i...@possets.com
mailto:i...@possets.com wrote:
I am writing a novelette and want to have two endings to the
story. I also want to have the reader choose one answer and not be
able to go back and read the one they did not choose later. So I
want the link to the ending they did not choose disappear after
they make their choice. How would I go about doing that with CSS,
or could I?
I have thought of having a page they go to to make their initial
choice, then they would go to the page for the ending they chose
which would have a link back to the choice page BUT that page
would have only the link to the one they chose and the one they
did not choose would be gone (because the page to go back to would
be another page, really).
I hope I explained it sufficiently. It's a simple concept, I just
want the reader to make up their mind and not be able to go back
to read the other ending. Thanks for any inputs on this. I am
afraid I am stumped. _
_ _-- _
Fabienne
__
css-discuss [css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
--
Fabienne Christenson
President of Possets Perfume
www.possets.com http://www.possets.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
Brian has made a good point, a link on the right would expand out of view, even if it was the one you want to remain. However he's indicated using z-index too which with the right CSS tweeks could hide the unwanted link out of sight. On 11/06/2011, at 2:54 AM, Brian Kardell wrote: Oh I see - I think I misread... Sorry :) But yes, I think the idea would still be to use visited somehow. I don't think that what is described here would necessarily work though - would it? I mean, if the one clicked were on the right, it wouldn't really have any visible impact (it would just grow out of the viewable area and be clipped). I think you would have to also position it and lay it on a higher layer to hide it. On Fri, Jun 10, 2011 at 2:44 PM, Chris Blake ch...@3pointdesign.com wrote: Hi, Just an idea, but might be a bit far fetched: The link you don't want needs to be visible at the start, and then after another link is clicked to disappear. I think that if both links were in a div with a set width and height you could change the CSS for the 'visited' link to increase in size, and sort of knock the other link out of sight. for example a 200px wide container containing to block links at 100px wide each. Once one link has been visited it becomes 200px wide, pushing the other link into overflow hidden and like magic, it's gone. does that make sense? BR, CB On 11/06/2011, at 2:32 AM, i...@ecoitsf.com wrote: Choose your own adventure. Cool. Sincerely, Matthew P. Johnson 415.254.1563 Eco I.T. ecoitsf.com - Reply message - From: Fabienne i...@possets.com Date: Fri, Jun 10, 2011 11:27 am Subject: [css-d] Making A Link Disappear When Revisited By A Reader To: css-d@lists.css-discuss.org I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
On Fri, Jun 10, 2011 at 14:54, Brian Kardell bkard...@gmail.com wrote: Oh I see - I think I misread... Sorry :) But yes, I think the idea would still be to use visited somehow. I don't think that what is described here would necessarily work though - would it? I mean, if the one clicked were on the right, it wouldn't really have any visible impact (it would just grow out of the viewable area and be clipped). I think you would have to also position it and lay it on a higher layer to hide it. Based on my testing in Firefox 4, and this article[1], it seems that you are extremely limited in what can reliably be styled using the :visited pseudo-class. Just about any mechanism which would work for this use-case would be, or should be, blocked by browsers that are trying to plug the history leak. My recommendation is to use Javascript to make these changes. Or, just don't worry about it. [1]: http://www.webdesignfromscratch.com/html-css/getting-around-the-css-history-leak-limitations/ Mark __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
On 10.06.2011 20:27, Fabienne wrote: So I want the link to the ending they did not choose disappear after they make their choice. You can use relative or absolute positioned links, and modify position and z-index to layer the visited link on top of the non-visited link. That way only the chosen link will be visible and available. regards Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
I believe mark is right with regard to the possibikity of that being ignored by newer browsers. Wow, that's good to know. On Jun 10, 2011 4:28 PM, G.Sørtun gunla...@c2i.net wrote: On 10.06.2011 20:27, Fabienne wrote: So I want the link to the ending they did not choose disappear after they make their choice. You can use relative or absolute positioned links, and modify position and z-index to layer the visited link on top of the non-visited link. That way only the chosen link will be visible and available. regards Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making A Link Disappear When Revisited By A Reader
At 2:27 PM -0400 6/10/11, Fabienne wrote: I am writing a novelette and want to have two endings to the story. I also want to have the reader choose one answer and not be able to go back and read the one they did not choose later. So I want the link to the ending they did not choose disappear after they make their choice. How would I go about doing that with CSS, or could I? I have thought of having a page they go to to make their initial choice, then they would go to the page for the ending they chose which would have a link back to the choice page BUT that page would have only the link to the one they chose and the one they did not choose would be gone (because the page to go back to would be another page, really). I hope I explained it sufficiently. It's a simple concept, I just want the reader to make up their mind and not be able to go back to read the other ending. Thanks for any inputs on this. I am afraid I am stumped. _ _ _-- _ Fabienne Fabienne: The way I would do this is to use php -- that will work. However, I don't think css can do this. Cheers, tedd -- --- http://sperling.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
