CSS & Web Design Forum  

Welcome to the CSS & Web Design Forum forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.
WM Media Banner

Supporters
Pos Software - POS hardware and Software to track, control and manage your inventory.
Web Templates - BoxedArt is the most reliable source for unlimited template downloads.

Social Bookmarking
WL Marketing - Your #1 source for building links

Go Back   CSS & Web Design Forum > Web Design > CSS
Reply
 
Thread Tools Search this Thread Display Modes
(#1)
Old
luxor1275bc@gmail.com
Guest
 
Default how can I create click-down triangles? - 10-20-2008, 07:16 PM

I am trying to google for how to create click-down triangles with
either CSS or some other method but not having much luck. It's
probably because my choice of words to describe this is incorrect.
Anyway, what I'm looking for is similar to the click-down triangles in
an OSX Finder window in list mode. Thanks for any help or URL to what
I'm searching for.
Reply With Quote
(#2)
Old
dorayme
Guest
 
Default Re: how can I create click-down triangles? - 10-20-2008, 09:41 PM

In article
,
luxor1275bc@gmail.com wrote:

> I am trying to google for how to create click-down triangles with
> either CSS or some other method but not having much luck. It's
> probably because my choice of words to describe this is incorrect.
> Anyway, what I'm looking for is similar to the click-down triangles in
> an OSX Finder window in list mode. Thanks for any help or URL to what
> I'm searching for.


The very simplest thing you can do is make a triangle image in the
closed position and have refer to it in your doc in the usual img
construction way. Make it a link too. When the user clicks it, a new
page with other information comes up but this time with the image of a
down triangle in the same place.

Do you need help in understanding or implementing this?

--
dorayme
Reply With Quote
(#3)
Old
luxor1275bc@gmail.com
Guest
 
Default Re: how can I create click-down triangles? - 10-21-2008, 04:36 PM

On Oct 20, 2:36*pm, dorayme wrote:
> In article
> ,
>
> *luxor127...@gmail.com wrote:
> > I am trying to google for how to create click-down triangles with
> > either CSS or some other method but not having much luck. *It's
> > probably because my choice of words to describe this is incorrect.
> > Anyway, what I'm looking for is similar to the click-down triangles in
> > an OSX Finder window in list mode. *Thanks for any help or URL to what
> > I'm searching for.

>
> The very simplest thing you can do is make a triangle image in the
> closed position and have refer to it in your doc in the usual img
> construction way. Make it a link too. When the user clicks it, a new
> page with other information comes up but this time with the image of a
> down triangle in the same place.
>
> Do you need help in understanding or implementing this?
>
> --
> dorayme


Thanks for your reply. I know this can be done the way that I
described it because I've used a Javascript to do it before but it was
kind of crude and I'm looking for something that will do multiple
triangles. This can be seen on e.g. the google gadget for CNN.com.
However, their source code is impossible to read (and I really mean
impossible).

Reply With Quote
(#4)
Old
dorayme
Guest
 
Default Re: how can I create click-down triangles? - 10-21-2008, 10:08 PM

In article
,
luxor1275bc@gmail.com wrote:

> On Oct 20, 2:36*pm, dorayme wrote:
> > In article
> > ,
> >
> > *luxor127...@gmail.com wrote:
> > > I am trying to google for how to create click-down triangles with
> > > either CSS or some other method but not having much luck. *It's
> > > probably because my choice of words to describe this is incorrect.
> > > Anyway, what I'm looking for is similar to the click-down triangles in
> > > an OSX Finder window in list mode. *Thanks for any help or URL to what
> > > I'm searching for.

> >
> > The very simplest thing you can do is make a triangle image in the
> > closed position and have refer to it in your doc in the usual img
> > construction way. Make it a link too. When the user clicks it, a new
> > page with other information comes up but this time with the image of a
> > down triangle in the same place.
> >
> > Do you need help in understanding or implementing this?
> >
> > --
> > dorayme

>
> Thanks for your reply.



Is it a reply you understand or not? You do not give any clue in your
answer? Perhaps you are suggesting my proposal is a bit crude? That is
certainly true!

Actually, I mused further on this and you can get a more natural looking
dropping down of the triangle on the second page (after clicking the
first page's "closed" triangle) by having an animated gif on the second
page of a triangle turning clockwise till it reaches a down position.

You then make that animated triangle a link that goes to a third page on
which there is a further animated triangle that turns anti-clockwise to
the "closed" position.




> I know this can be done the way that I
> described it because I've used a Javascript to do it before but it was
> kind of crude and I'm looking for something that will do multiple
> triangles. This can be seen on e.g. the google gadget for CNN.com.
> However, their source code is impossible to read (and I really mean
> impossible).


--
dorayme
Reply With Quote
(#5)
Old
S.T.
Guest
 
Default Re: how can I create click-down triangles? - 10-22-2008, 01:52 AM

> Thanks for your reply. I know this can be done the way that I
> described it because I've used a Javascript to do it before but it was
> kind of crude and I'm looking for something that will do multiple
> triangles.


It's something easy enough to do via JQuery, if you're not averse to JS.

Sample code - untested, but should work fine.

triangle1.gif = right-pointing triangle image
triangle2.gif = down-pointing triangle image
---------















Reply With Quote
(#6)
Old
luxor1275bc@gmail.com
Guest
 
Default Re: how can I create click-down triangles? - 10-29-2008, 12:18 AM

On Oct 21, 6:26*pm, "S.T." wrote:
> > Thanks for your reply. *I know this can be done the way that I
> > described it because I've used a Javascript to do it before but it was
> > kind of crude and I'm looking for something that will do multiple
> > triangles. *

>
> It's something easy enough to do via JQuery, if you're not averse to JS.
>
> Sample code - untested, but should work fine.
>
> triangle1.gif = right-pointing triangle image
> triangle2.gif = down-pointing triangle image
> ---------
>
>
>
>

> * * *
> * * *
>

>

> * * *
> * * *
>

>

> * * *
> * * *
>


This is *exactly* what I needed. Many thanks!!!
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Forum Jump



Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Hosting at Triple.com
vBulletin Skin developed by: vBStyles.com

Printing Company  Link Building Services