Tobias,
see AnotherExampleStyleSheet [1]
The combination of this method combined with jQuery seems not to work in IE6
Or just for tiddlers tagged with a particular tag (note that this won't work
for tags that contain spaces):
div[tags~="welcome"].tiddler .viewer {
background-color: #ffccaa;
}
div[tags~="features"].tiddler .viewer {
background-color: #88aaff;
}
[1] http://tiddlywiki.com/#AnotherExampleStyleSheet
2009/11/13 Tobias Beer <[email protected]>
>
> Hi Alex,
>
> As for css, what is a "native TW tag selector"? Can you point me to
> some source document explaining this?
>
> Tobias.
>
>
> On 13 Nov., 13:53, Alex Hough <[email protected]> wrote:
> > 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]
> >
> > ALexhttps://
> dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/ragta...
> >
> > 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/ragtab.
> ..
> >
> > > *ScreenShots*
> > > ------------------
> > > IE screen shot -
> > >http://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/firefo.
> ..
> > > Firefox screen shot -
> > >http://dl.dropbox.com/u/1316865/TiddlyWiki/TiddlyWikiTestCases/firefo.
> ..
> > > 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
-~----------~----~----~----~------~----~------~--~---
