Email conversation
| From | Steve Lim |
|---|
| To | Me |
|---|
| Subject | Extra Html in Nested list collapsing script |
|---|
| Date | 31 December 2005 03:05 |
|---|
Hi there,
I am trying out your fabulous script for my site. For now, I trying to mix
it into some css etc.
One thing that must be changed is the default +/- symbols beside the list.
Can you please explain how I can include my own images? I have looked at
the source code as well as the example given here ->
http://www.howtocreate.co.uk/emails/NisadSivcevic/
I still can't figure it out. That example uses a plug and minus .gif but
where is it called? Where is it referenced? I don't see the .gifs mentioned
anywhere.
I am also considering another technique which you can see here ->
[URL]
its the navigation used on the right of the page. I guess its somewhat
different but extremely simple? I'd be interested in your comments.
Many thanks,
Steve.
| From | Me |
|---|
| To | Steve Lim |
|---|
| Subject | Re: Inserting Rows by Code |
|---|
| Date | 8 January 2006 23:32 |
|---|
Steve,
sorry for the delay - lost your email somewhere under a large pile of others.
> One thing that must be changed is the default +/- symbols beside the list.
> Can you please explain how I can include my own images?
The easy way; where I use '±' you can put
'<img src="foo.gif" alt="+">'
The problem is that the image will not change when you expand/collapse.
Nisad managed to do what I couldn't there, which is why his changes.
He defines the images right at the top of the listCollapse.js file:
var oPl = '<img src="./plus.gif" align="baseline" border="0" hspace="1" '+
'height="15" width="12">'
var oPlImg = 'plus.gif';
var oMnImg = 'minus.gif';
Just set those to be your images.
Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/