Jump to content

A stylesheet question for you guys


lead2gold

Recommended Posts

Ok, here is my problem/scenario:
I have a ton of static information... (about 30 pages worth) on a webpage
[code]<p>bla bla bha</p>
<p>blah blah blah</p>
...
...
<p>blah blah page 15</p>
...
<p>blah blah blah page 30</p>[code]

What i want to do is tag only a [b]selected[/b] few paragraghs etc..

[code]
<div class="abrv">
<p> blah blah blah page 15</p>
</div>
[code]

Then i want to allow the ability to hide all the content except what was tagged.
Basically i want to have 1 document, but have the ability to show an abreviated version of it at the push of a button and then also be able to flip back to the full "un"abreviated version.

The current system is working with 2 seperate files... but i'm sure with the power of styles, this could be simplified into 1 document.

Am i even on the right track? Could someone give me a hand or an example of how i'd do this?

Chris
Link to comment
Share on other sites

[!--quoteo(post=383944:date=Jun 14 2006, 02:48 PM:name=lead2gold)--][div class=\'quotetop\']QUOTE(lead2gold @ Jun 14 2006, 02:48 PM) [snapback]383944[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Ok, here is my problem/scenario:
I have a ton of static information... (about 30 pages worth) on a webpage
[code]<p>bla bla bha</p>
<p>blah blah blah</p>
...
...
<p>blah blah page 15</p>
...
<p>blah blah blah page 30</p>[code]

What i want to do is tag only a [b]selected[/b] few paragraghs etc..

[code]
<div class="abrv">
<p> blah blah blah page 15</p>
</div>
[code]

Then i want to allow the ability to hide all the content except what was tagged.
Basically i want to have 1 document, but have the ability to show an abreviated version of it at the push of a button and then also be able to flip back to the full "un"abreviated version.

The current system is working with 2 seperate files... but i'm sure with the power of styles, this could be simplified into 1 document.

Am i even on the right track? Could someone give me a hand or an example of how i'd do this?

Chris
[/quote]

try [b]styleswitcher[/b] 1 - [a href=\"http://www.contrastsweb.com/switcher/\" target=\"_blank\"]http://www.contrastsweb.com/switcher/[/a] or [b]styleswitcher2[/b] [a href=\"http://www.contrastsweb.com/switcher/v2/\" target=\"_blank\"]http://www.contrastsweb.com/switcher/v2/[/a]

For your purpose v2 might be better.

Here is a sample of v1 on a site I am working on - [a href=\"http://www.manhattanapts.com/indexblank.htm\" target=\"_blank\"]http://www.manhattanapts.com/indexblank.htm[/a], the sheet switch links are on top.
Link to comment
Share on other sites

[!--quoteo(post=384322:date=Jun 15 2006, 02:53 PM:name=dbrimlow)--][div class=\'quotetop\']QUOTE(dbrimlow @ Jun 15 2006, 02:53 PM) [snapback]384322[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Here is a sample of v1 on a site I am working on - [a href=\"http://www.manhattanapts.com/indexblank.htm\" target=\"_blank\"]http://www.manhattanapts.com/indexblank.htm[/a], the sheet switch links are on top.
[/quote]

Wow, thats neat what you've done!
I like that idea!

I got one working to my standards but it isn't on the fly like you have.

I reload the page with a different style setting when the proper parameter has been set.
(http://hitech.lead2gold.org/view_lrules.php and [a href=\"http://hitech.lead2gold.org/view_lrules.php?action=abbrv)\" target=\"_blank\"]http://hitech.lead2gold.org/view_lrules.php?action=abbrv)[/a] where you can view the full rules or abbreviated.

My problem is i can call the css style display: none; no prob
but there is no command to undo that... or is there?
In ancase, i reload the page without that line set depending on the paramter...

I intend to bookmark your site though, thats still a very neat idea!

Chris
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.