Hello World,
I think i've solved this.
The way is to use add a class inline. Wrap the table in
{customclass{{<<tiddler Table>>}}}
This way the whole table is in a span.
Blimey. So simple yet so time consuming....
ALex
2009/11/13 Alex Hough <[email protected]>
> Hello all,
>
> the problem seem to lie with the native TW tag selectors like
>
> div[tags~="matrix"]
>
> I've searched for other ways to select the tiddler so that the script only
> acts on a particular tiddler. Otherwise it acts on any tables with the
> numbers in.
>
> I could use #tiddlerRagMatrix in the style sheet, but the real case is
> tiddler has a space in the tittle e.g. "Rag Matrix' - and i can't see how to
> selcect a tiddler with a space in CSS.
>
> MTC
> This apears to work in IE [1]
>
>
> ALex
>
> https://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/ragtable2.html
>
>
>
> 2009/11/13 Alex Hough <[email protected]>
>
> Hello all,
>>
>> This code acts to add classes to change the colour of a cell in a table.
>> It does not work in IE
>>
>> RagScript
>> ----------
>> <script>
>> (function($){
>> $("td:contains(2), td:contains(1) ").addClass('red');
>> $("td:contains(3), td:contains(4) ,
>> td:contains(5)").addClass('amber');
>> $("td:contains(6), td:contains(7) ").addClass('green');
>> })(jQuery);
>> </script>
>>
>> STYLESHEET
>> --------------------
>>
>> div[tags~="matrix"] .red {
>> color:white;
>> background-color:#FF0700;}
>>
>> div[tags~="matrix"] .amber {
>> color:white;
>> background-color:#FFCC00;}
>>
>> div[tags~="matrix"] .green {
>> color:white;
>> background-color:#21A113;}
>>
>> table.twtable {
>> border-collapse:separate; margin:1.0em 1.0em;}
>>
>> td { padding-top: 14px; }
>>
>> .viewer th, .viewer thead td, .twtable th, .twtable thead td {
>> background:white;
>> color: black;
>> }
>>
>>
>> *MTC*
>> -------
>>
>> http://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/ragtable.html
>>
>> *ScreenShots*
>> ------------------
>> IE screen shot -
>> http://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/firefox.png
>> Firefox screen shot -
>> http://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/firefox.png
>> Opera same as Firefox -
>>
>>
>> any help will be highly appreciated
>>
>> Alex
>>
>>
>>
>
>
> --
> http://www.multiurl.com/g/64
>
>
--
http://www.multiurl.com/g/64
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~----------~----~----~----~------~----~------~--~---
