[tw] Embedding Screenshots
I am trying to embed screenshots in my tiddler. I understand HTML formatting where you would include the source file, but the file is being uploaded to a server and when the WIKI is viewed, the images are not longer there? Is there a way to embed them without having to upload them to the server through FTP? --Sonoma --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Forget about #RGB codes... Introducing TiddlyTools' PaletteMaker!
Eric, I am new at the WIKI, I understand the basic formatting, but I am trying to understand the style, formatting and colorpalette, and I am having difficulty getting the color palette added or set up. Can you please help? Cody On Oct 10, 4:05 am, Eric Shulman elsdes...@gmail.com wrote: I hate typing in #RGB codes to create/modify the ColorPalette slices definitions Although I know many RGBcolorcodes from memory, without being able to *see* the colors I am choosing, it's really hard to judge if they will look right, without saving the ColorPalette changes and testing to see the actualcolor'in situ'. Then, if just onecoloris off by a little bit, you have to go back to edit the ColorPalette definitions, then test again, etc. until you get it the way you like. Well... no more now there's http://www.TiddlyTools.com/#PaletteMaker Just add this *transclusion* tiddler to your document and you can use an interactive colorgrid and listbox to edit the ColorPalette entries (and/or create new ones), without ever having to actually get your fingertips all stained by mixing those ugly RGB codes by hand! :-) ... and, you can even embed tiddler PaletteMaker in the ColorPalette itself. With some minor style formatting you can show the ColorPalette slice definitions (e.g., Background: #fff) *and* the interactivecolorgrid/list side-by-side, like this: http://www.TiddlyTools.com/#ColorPalette enjoy, -e Eric Shulman TiddlyTools / ELS Design Studios --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Forget about #RGB codes... Introducing TiddlyTools' PaletteMaker!
I am new at the WIKI, I understand the basic formatting, but I am
trying to understand the style, formatting and colorpalette, and I am
having difficulty getting the color palette added or set up. Can you
please help?
The ColorPalette tiddler is a built-in default (shadow tiddler).
It contains a set of slices that define name/value pairs, like this:
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
These 'color names' are then used in the built-in default CSS rules
contained in StyleSheetColors, like this:
body {
background:[[ColorPalette::Background]];
color:[[ColorPalette::Foreground]];
}
The [[TiddlerName::slicename]] syntax is automatically replaced by
the value of the referenced slice before the CSS is passed to the
browser for processing. Thus, the above rule, as applied, is:
body {background:#fff; color:#000;}
You can customize the content of the default ColorPalette to suit your
preferences. Simply edit the tiddler (accessible via the
moreshadowed tab in the sidebar), and type in new slice definitions
or change the values of existing ones. Then, after pressing done, a
*real* ColorPalette tiddler will be created, superseding the default
shadow content.
Of course, hand-editing the #RGB values in the ColorPalette tiddler
isn't very convenient... and that's where PaletteMaker comes in...
Just import a copy of the PaletteMaker tiddler from:
http://www.TiddlyTools.com/#PaletteMaker
then, you can use the live 'color grid' shown in the PaletteMaker
Examples to change/add values to the ColorPalette without ever needing
to hand-edit that tiddler.
You can also import my TiddlyTools-customized ColorPalette:
http://www.TiddlyTools.com/#ColorPalette
which includes an embedded color grid along side the actual color
palette slice definitions. Note: the layout for this tiddler uses
some CSS wrappers to apply formatting 'shortcuts' (such as 'floatleft'
and 'borderright'), which you can import from:
http://www.TiddlyTools.com/#StyleSheetShortcuts
Once imported, you will need to add:
[[StyleSheetShortcuts]]
to the bottom of your custom StyleSheet, so that the extra shortcut
definitions will be automatically included in the CSS passed to the
browser.
So... import the above three tiddlers, and add the one line to
StyleSheet, and you should be all set.
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
I would like to have something similar to selectPalette, but that changes the size of the mainmenu between two widths. We're talking a mere two lines of the Stylesheet. You might create a simple theme for the alternative case, transcluding the original StyleSheet. There are various ways to switch themes with a button click, none of which I remember off the top of my head. -- F. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: List of tiddler conditioned by links in fields
I want to write a list of all the tiddlers tiddlerFive own a part of So essentially, you want a list of tiddlers where either field A or B contain a particular term? The ForEachTiddler plugin should do the job - pseudo code: forEachTiddler where tiddler.fields.owneralpha.contains(tiddlerFive) || tiddler.fields.ownerbeta.contains(tiddlerFive) print * [[ + tiddler.title + ]] HTH. -- F. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: JavaScript common to multiple tiddlers
I have several HTML pages I want to import into a TiddlyWiki and each
references the same external .JS file. Instead of bloating every
tiddler with the same code, is there a more efficient way of having
each tiddler look to the same instance of the code in a single place?
That's what plugins (tiddlers tagged with systemConfig) are for.
You could also use Markup{Pre,Post}{Head,Body} to dump the script tag,
but that's probably not necessary.
-- F.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
I would like to have something similar to selectPalette, but that
changes the size of the mainmenu between two widths. We're talking a
mere two lines of the Stylesheet. What would be the best way to do
this - both as in how to do it, and as in the way that adds the least
to the filesize?
Using pure HTML (no plugins needed)
htmlnowikia href=javascript:; onclick=
var w='20em'; // alternative width
var mm=document.getElementById('mainMenu');
mm.style.width=mm.style.width==w?'':w;
toggle menu width/a/html
The initial main menu width is defined in the StyleSheet as usual.
The alternative width (the one to toggle to/from) is defined in the
onclick script above (the var w=... statement).
enjoy,
-e
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: JavaScript common to multiple tiddlers
This FAQ article may help: http://www.tiddlytools.com/faq.html#FAQ_ScriptsAndPlugins enjoy -e Eric Shulman TiddlyTools / ELS Design Studios --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: List of tiddler conditioned by links in fields
I want to write a list of all the tiddlers
tiddlerFive own a part of (ei tiddlers that link to tidderFive FROM
either field owneralpha or ownerbeta (=tiddlerOne and tiddlerTwo)).
Without using any plugins at all, you can create a tiddler (e.g.,
[[ShowList]]), containing:
/%
!out
$1
!end
%/tiddler ShowList##out with: {{
var out=[];
var target=$1;
var tids=store.getTiddlers();
for (var i=0;itids.length;i++) {
var alpha=tids[i].fields.owneralpha;
var beta=tids[i].fields.ownerbeta;
if (alpha alpha.contains(target)
|| beta beta.contains(target))
out.push(*[[+tids[i].title+]]);
}
out.join(\n);}}
Then, embed the following in some other tiddler:
tiddler ShowList with: TiddlerName
e.g.
tiddler ShowList with: tiddlerFive
Note: to get a list for the *current* tiddler, you can pass it's
title, like this:
tiddler ShowList with: {{tiddler.title}}
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: tabs and hyperlink tools?
I know of a WYSIWYG table editor that would be wonderful to have inTW. About a month ago, I asked if someone who could program might help with porting it to TW but didn't find anyone interested at the time. It is in Javascript and is open source. You can see a demo of how it works at this web-site: http://www.sprymedia.co.uk/article/KeyTable. I am still hopful that someone would take up this challenge. Thanks! Jon On Oct 14, 2:40 pm, Grant grant...@gmail.com wrote: Thanks Tobias, I think I can deal with editing the Stylesheet, as long as I have examples. Grant --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
Re: how to make MonkeyGTD save in Google Chrome?
Thanks for the reply! Created a new MonkeyGTD online. It did save online (upload). Downloaded it with the link on the right - didn't save offline. Says the same: The original file ... does not appear to be a valid Tiddly Wiki Kostya On Thu, Oct 15, 2009 at 12:33 AM, jdunham jwdun...@gmail.com wrote: I am not having a problem with Chrome. I don't use the enable-file- cookies option, but I do keep the TiddlySaver.jar file in the same folder. I just at my other Chrome options and I don't see anything special. Can you download a fresh vanilla tiddlywiki and save changes to it with Chrome? On Oct 13, 6:43 am, kostyazen kostya...@gmail.com wrote: Hi guys! As MonkeyGTD runs so much faster in Chrome then in Firefox, I want to use Chrome. Slw responce was my main complaint about monkeyGTD before. But how do I make it save in Chrome? I created Chrome shortcut: C:\Documents and Settings\K\Local Settings\Application Data\Google \Chrome\Application\chrome.exe --enable-file-cookies I placed Java applet into folder with MonkeyGTD file. Nothing changed. It still doesn't save both online (only appears to save) and offline. Gives me error: The original file ... does not appear to be a valid Tiddly Wiki. But in Firefox it saves OK. But is so slow. Please teach me how to use MonkeyGTD in Chrome. Kostya Kiev, Ukraine http://i-send-love.blogspot.com/ --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups GTD TiddlyWiki group. To post to this group, send email to gtd-tiddlyw...@googlegroups.com To unsubscribe from this group, send email to gtd-tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/gtd-tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
Hi Eric, Using pure HTML (no plugins needed) htmlnowikia href=javascript:; onclick= a. I put it in my topmenu table, clicked it, and nothing happened b. I'm guessing this will shrink the MainMenu but will not expand the tiddler area if the tiddler area has a stylesheet width property? Dave --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Embedding Screenshots
Hi Sonoma, you can binary include the picture *in* the wiki; see Eric's AttachFilePackage: http://tiddlytools.com/#AttachFilePackage HTH, have a nice day Cheers Michael On Oct 15, 7:43 am, sonomakid2002 mco...@comcast.net wrote: I am trying to embed screenshots in my tiddler. I understand HTML formatting where you would include the source file, but the file is being uploaded to a server and when the WIKI is viewed, the images are not longer there? Is there a way to embed them without having to upload them to the server through FTP? --Sonoma --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: List of tiddler conditioned by links in fields
/%
!out
$1
!end
%/tiddler ShowList##out with: {{
var out=[];
var target=$1;
var tids=store.getTiddlers();
for (var i=0;itids.length;i++) {
var alpha=tids[i].fields.owneralpha;
var beta=tids[i].fields.ownerbeta;
if (alpha alpha.contains(target)
|| beta beta.contains(target))
out.push(*[[+tids[i].title+]]);}
This works perfectly thank you very much.
A new problem, however, arises out of this solution.
Let's say I create an additional two custom fields owneralphapercent
and ownerbetapercent. And create two tiddlers, percentLinkAlpha and
percentLinkBeta in which I put
/%
!out
[[$1|$2]]
!end
%/tiddler percentLinkAlpha##out with:
{{store.getValue('$1','owneralphapercent')}} [[$1]]
Futhermore I change the above code to
/%
!out
$1
!end
%/tiddler ShowList##out with: {{
var out=[];
var target=$1;
var tids=store.getTiddlers();
for (var i=0;itids.length;i++) {
var alpha=tids[i].fields.owner3;
var beta=tids[i].fields.owner6;
if (alpha alpha.contains(target))
out.push(This tiddler own: tiddler percentLinkAlpha with:
[[+tids[i].title+]] of [[+tids[i].title+]]);
if (beta beta.contains(target))
out.push(This tiddler own: tiddler percentLinkBeta with:
[[+tids[i].title+]] of [[+tids[i].title+]]);
}
out.join(\n);}}
Can this be made to work? How do stop the right chevrons () I've
added from executing the code prematurely?
My goal is to have
tiddler ShowList with: tiddlerFive write something like, 'This
tiddler own: 75% of tiddlerOne'
'This tiddler own: 66,66% of tiddlerTwo'
Regards
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: List of tiddler conditioned by links in fields
out.push(This tiddler own: tiddler percentLinkAlpha with: [[+tids[i].title+]] of [[+tids[i].title+]]); Can this be made to work? How do stop the right chevrons () I've added from executing the code prematurely? As you've noted, the occurrence of within the code interferes with the overall tiddler macro processing. Fortunately, because the is contained within a javascript string, you can avoid the problem simply by putting a \ in between the two characters (e.g., \, like this: out.push(This tiddler own: tiddler percentLinkAlpha with: [[+tids [i].title+]]\ of [[+tids[i].title+]]); Note: a similar problem arises if you attempt to use the 'close CSS wrapper sequence (}}}) within the code, as this interferes with the closing '}}' of the 'eval param' syntax. The same kind of work-around can be used in this case as well: }\}\} -e --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
htmlnowikia href=javascript:; onclick=
a. I put it in my topmenu table, clicked it, and nothing happened
hmm... it should have worked...
b. I'm guessing this will shrink the MainMenu but will not expand the
tiddler area if the tiddler area has a stylesheet width property?
You didn't say you wanted to change TWO settings... you only said
changes the size of the mainmenu, so that's what I wrote. To adjust
*margin* of the story column ('displayArea') to match the adjusted
mainMenu *width*, use:
htmlnowikia href=javascript:; onclick=
var w='20em'; // alternative width
var mm=document.getElementById('mainMenu');
var da=document.getElementById('displayArea');
mm.style.width=mm.style.width==w?'':w;
da.style.margin=mm.style.width==w?w:'';
toggle menu width/a/html
-e
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
Hi Eric and Dave
I tried to use the script in my version of NoteStorm = Nota⊕Bene
http://notabene.tiddlyspot.com/#ToggleMenu
But as you can see when clicking the script - it drops the tiddler
far down the page ... How do I prevent this behaviour?
YS Måns Mårtensson
On 15 Okt., 19:12, Eric Shulman elsdes...@gmail.com wrote:
htmlnowikia href=javascript:; onclick=
a. I put it in my topmenu table, clicked it, and nothing happened
hmm... it should have worked...
b. I'm guessing this will shrink the MainMenu but will not expand the
tiddler area if the tiddler area has a stylesheet width property?
You didn't say you wanted to change TWO settings... you only said
changes the size of the mainmenu, so that's what I wrote. To adjust
*margin* of the story column ('displayArea') to match the adjusted
mainMenu *width*, use:
htmlnowikia href=javascript:; onclick=
var w='20em'; // alternative width
var mm=document.getElementById('mainMenu');
var da=document.getElementById('displayArea');
mm.style.width=mm.style.width==w?'':w;
da.style.margin=mm.style.width==w?w:'';
toggle menu width/a/html
-e
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
But as you can see when clicking the script - it drops the tiddler far down the page ... How do I prevent this behaviour? oops... my error change this line: da.style.margin=mm.style.width==w?w:''; to da.style.marginLeft=mm.style.width==w?w:''; -e --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
Thanks a lot Eric Now it works as intended! Another (but) basic question. When I toggle the allow editing online-script (click Bene in the header http://notabene.tiddlyspot.com) it opens the backstage. I wan't to allow editing - but not to open the backstage - how do I prevent this? I have this line in zzConfigOptions: if (window.location.protocol!=file:) showBackstage=false; Should/can I write something similar for (window.location.protocol! =http:) ?? YS Måns Mårtensson On 15 Okt., 20:26, Eric Shulman elsdes...@gmail.com wrote: But as you can see when clicking the script - it drops the tiddler far down the page ... How do I prevent this behaviour? oops... my error change this line: da.style.margin=mm.style.width==w?w:''; to da.style.marginLeft=mm.style.width==w?w:''; -e --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Embedding Screenshots
Thanks so much. I appreciate it. On Oct 15, 7:15 am, Michael.Tarnowski emt...@gmx.de wrote: Hi Sonoma, you can binary include the picture *in* the wiki; see Eric's AttachFilePackage:http://tiddlytools.com/#AttachFilePackage HTH, have a nice day Cheers Michael On Oct 15, 7:43 am, sonomakid2002 mco...@comcast.net wrote: I am trying to embed screenshots in my tiddler. I understand HTML formatting where you would include the source file, but the file is being uploaded to a server and when the WIKI is viewed, the images are not longer there? Is there a way to embed them without having to upload them to the server through FTP? --Sonoma- Hide quoted text - - Show quoted text - --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Forget about #RGB codes... Introducing TiddlyTools' PaletteMaker!
Thanks Eric.
On Oct 15, 3:27 am, Eric Shulman elsdes...@gmail.com wrote:
I am new at the WIKI, I understand the basic formatting, but I am
trying to understand the style, formatting and colorpalette, and I am
having difficulty getting the color palette added or set up. Can you
please help?
The ColorPalette tiddler is a built-in default (shadow tiddler).
It contains a set of slices that define name/value pairs, like this:
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
These 'color names' are then used in the built-in default CSS rules
contained in StyleSheetColors, like this:
body {
background:[[ColorPalette::Background]];
color:[[ColorPalette::Foreground]];
}
The [[TiddlerName::slicename]] syntax is automatically replaced by
the value of the referenced slice before the CSS is passed to the
browser for processing. Thus, the above rule, as applied, is:
body {background:#fff; color:#000;}
You can customize the content of the default ColorPalette to suit your
preferences. Simply edit the tiddler (accessible via the
moreshadowed tab in the sidebar), and type in new slice definitions
or change the values of existing ones. Then, after pressing done, a
*real* ColorPalette tiddler will be created, superseding the default
shadow content.
Of course, hand-editing the #RGB values in the ColorPalette tiddler
isn't very convenient... and that's where PaletteMaker comes in...
Just import a copy of the PaletteMaker tiddler from:
http://www.TiddlyTools.com/#PaletteMaker
then, you can use the live 'color grid' shown in the PaletteMaker
Examples to change/add values to the ColorPalette without ever needing
to hand-edit that tiddler.
You can also import my TiddlyTools-customized ColorPalette:
http://www.TiddlyTools.com/#ColorPalette
which includes an embedded color grid along side the actual color
palette slice definitions. Note: the layout for this tiddler uses
some CSS wrappers to apply formatting 'shortcuts' (such as 'floatleft'
and 'borderright'), which you can import from:
http://www.TiddlyTools.com/#StyleSheetShortcuts
Once imported, you will need to add:
[[StyleSheetShortcuts]]
to the bottom of your custom StyleSheet, so that the extra shortcut
definitions will be automatically included in the CSS passed to the
browser.
So... import the above three tiddlers, and add the one line to
StyleSheet, and you should be all set.
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: JavaScript common to multiple tiddlers
This raises a related question for me - why is it good practice for
plugins to check if they've already been loaded? (if
version.extensions.) { } at the top of most plugins). I've never
seen one plugin include the entire source of another plugin, so why is
there a risk a plugin will be loaded twice?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: JavaScript common to multiple tiddlers
why is it good practice for plugins to check if they've already been
loaded? (if version.extensions.) { } at the top of most plugins)
Cargo-culting.
This doesn't actually solve any useful purpose AFAICT. I'm not sure
where it originates, but I don't include those bits in my plugins
anymore (though I haven't gotten around to removing it from all existing
plugins yet).
-- F.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: JavaScript common to multiple tiddlers
This raises a related question for me - why is it good practice for
plugins to check if they've already been loaded? (if
version.extensions.) { } at the top of most plugins). I've never
seen one plugin include the entire source of another plugin, so why is
there a risk a plugin will be loaded twice?
In general, I don't include this check in my plugins.
However, I *have* seen instances where people had two different
versions of the same plugin code installed in one document, because
one of the plugin tiddlers has been renamed. As a result, the newer
revision doesn't *replace* the old one, and both tiddlers continue to
be loaded at startup, so multiple loads *are* possible, even if it is
unintended.
Of course, for most plugins, being invoked multiple times doesn't
really matter (except for the extra processing time), as they are
typically just definining functions and variables that aren't actually
*used* until after startup processing has finished (e.g.,
config.macros.something.handler, config.options.chkSomething, etc.)
However, if a plugin hijacks a core function, or appends to the
config.formatters[], or modifies shadow tiddler definitions, or is in
any other way not *idempotent*, then multiple loads *might* result in
a serious fail.
For example, if a hijack is done twice, it will produce an infinite
recursion, because the 2nd hijack will end up overriding and then
subsequently invoking *itself* (rather than the original core function
that was hijacked the first time). If the recursion gets trigger
during startup (e.g., when rendering the initial PageTemplate
display), then the browser just hangs (or gets a too much recursion
error).
Further, if we assume, however unlikely, that the user actually
understands what is causing this problem, there's no way to correct it
from within TW itself, and they have to resort to using an external
text editor to find and disable the errant plugin, so that they can
then open the document normally and really fix the error.
Lastly, it is possible, using various plugin-defined features such
RunTiddlerPlugin, or LoadTiddlersPlugin's init option, to invoke
plugin code *after* startup. As noted above, any plugins that are not
idempotent at load time need to ensure that they don't get invoked
twice (or at least, detect that they were previously loaded so they
can clean up any functions/data left behind before re-initializing).
-e
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
The mainmenu collapsed and the tiddler display expanded, yay! However, the three tabs I have in the mainmenu remained wide, and the left part of the tiddler display is hidden behind them. Boo! Dave --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Best way to switch a small swatch of CSS in TW
Went with toggleleftsidebar instead. Works great! Thanks guys Dave On Oct 15, 1:46 pm, Måns humam...@gmail.com wrote: Thanks a lot Eric Now it works as intended! Another (but) basic question. When I toggle the allow editing online-script (click Bene in the headerhttp://notabene.tiddlyspot.com) it opens the backstage. I wan't to allow editing - but not to open the backstage - how do I prevent this? I have this line in zzConfigOptions: if (window.location.protocol!=file:) showBackstage=false; Should/can I write something similar for (window.location.protocol! =http:) ?? YS Måns Mårtensson On 15 Okt., 20:26, Eric Shulman elsdes...@gmail.com wrote: But as you can see when clicking the script - it drops the tiddler far down the page ... How do I prevent this behaviour? oops... my error change this line: da.style.margin=mm.style.width==w?w:''; to da.style.marginLeft=mm.style.width==w?w:''; -e --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Want to join this group
Hi, I am user of tiddlywiki, I want to know more. Kindly let me join this group. Thankyou in anticipation Best Nagarjuna KR Asst Professor Dept of Biotechnology LPU, Punjab India --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: Want to join this group
Looks like you are already joined up, if you were able to post here. Welcome to the group! Be sure to see all the free TiddlyWiki resources at http://www.giffmex.org. Blessings, Dave Gifford Mexico City --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: SaveAs...only current tiddler
Thanks.that works well...and leads to more questions...
The code assumes there will be only one tag, with a value such as
filename.htmlthat is possible, but I use tags for other
information as well...obviously picking out the tag with the .html
extension is not going to be that easy. SOcan that code be changed
so that the filename.html information is held in a custon field
instead.so the tiddlers have a customfield called, say filename
which has the appropriate .html name ...so the code needs to read
fieldname:filename and not tags..
And...the SaveAs plugin then asks to confirm the file nameasks to
confirm when the file exists and then asks to select to add the new
tiddler contents into the exisitng arquiveObviously good
precautions...but having to respond so many times is a bit of a
chore.as many entries will be fairly repetitive.
Is it possible to have the SaveAs plugin work more like
UploadTiddlers...in that it uses the calculated information and then
just saves the dataadding new data into an existing file where
appropriate and without checking each time.
And even more useful to merather than having to click the
saveAs botton in the toolbarcould the SaveAS plugin be activated
with done editing.again like UploadTidddlerMacro..in which
case we would need to have this automatic action turned on and
off...via a config.options.chkSaveTiddlerLocally type of
parameter..
Er...thanks in advance
Skye
On 13 Out, 18:22, Eric Shulman elsdes...@gmail.com wrote:
Is it possible for SaveAs plugin to save only the current tiddler (via
SaveAs button in the viewtemplate toolbar).accumulatively adding
to an existing file (most likely in PureStore format).in effect it
becomes an online version of UploadTiddlerMacro...
I just added a new option to SaveAsPlugin (v2.7.0)
http://www.TiddlyTools.com/#SaveAsPlugin
You can now use the keyword here in place of the 'filter' param to
automatically save the current tiddler. If the command is not
embedded in a tiddler (or tiddler toolbar), then you will be prompted
to enter a tiddler title. Use the 'quiet' keyword to prevent the
filter handling from reporting that '1 matching tiddler found'
You can use the filename:... parameter with an 'eval param' to set
the tiddler's title as the default filename that is offered when the
standard 'save file' dialog appears.
Place the following macro into a tiddler (e.g.,
[[SaveCurrentTiddler]])
--
saveAs label:file {{filename:+tiddler.title}} quiet here
--
Then, install TiddlyTools' CoreTweaks #608/609/610 (toolbar syntax
enhancements:
http://www.TiddlyTools.com/#CoreTweaks.
Tweak #610 allows you to use a tiddler title as a toolbar command.
When processed, the content of the tiddler (i.e., the file command
link created by the macro) is automatically rendered into the toolbar.
If possible the SaveAs macro would also select which file to save to
according to the tags present in the tiddler in question.
This could be done by specifying the filename:... param using the
'eval param' syntax, as demonstrated above. The param could construct
the desired filename by examining the tags. For example, suppose that
we were to store the desired filename as a tag ending with .html,
and that only one such tag would be on any given tiddler.
Then, we could find and use that tag value as the filename param, like
this:
saveAs label:file {{
var fn='archive.html';
for (var i=0;itiddler.tags.length;i++)
if (tiddler.tags[i].indexOf('.html')!=-1)
{ fn=tiddler.tags[i]; break; }
'filename:'+fn;
}} quiet here
if a tag with .html is not found, it defaults to 'archive.html'
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: Want to join this group
@Nagarjuna Welcome to Tiddlywiki world. If you have posted to the group, I think you have already joined. Tiddlywiki is great software and one can employ it to versatile uses. I personally have found the TW community to be most helpful and friendly. If you have just started out with TW then you would find it useful to first understand the TW interface and syntax: here is what official TW site says: quote The TiddlyWiki community have created several tutorials and guides. Here are some of the most popular ones: * Dave Gifford's TiddlyWiki for the Rest of Us and his slideshow introduction * Morris Gray's TW Help - TiddlyWiki help file for beginners * Dmitri Popov's TiddlyWiki quick reference card * Julie Starr's Tiddler Toddler, documenting the learning curve from a beginner's perspective * Screencasts from JimVentola, LeonKilat and Phil Whitehouse /quote If you like javascript tinkering then Tiddlywiki is a delightful world of its own. You can start off by reading from various plugin codes available as open source. If you believe me there are some seniors over here who can perform real magic, lol. -shavinder singh On Oct 16, 6:59 am, Nagarjuna nagu.advai...@gmail.com wrote: Hi, I am user of tiddlywiki, I want to know more. Kindly let me join this group. Thankyou in anticipation Best Nagarjuna KR Asst Professor Dept of Biotechnology LPU, Punjab India --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
You can over ride the PageTemplate gradient with this in the
StyleSheet.
.headerShadow {color:#000;background:#f00}
Using this method, a margin of the macro will still be seen, as the
shadow is offset top left 1px.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
analysed this quite awhile and here are my results.
afaik the macro appends layers of div's with gradiating backgrounds
after .headerForeground and .headerShadow. (try firebug or safari's
web inspector)
so I concocted this to disabled the macro completely:
.header {background:inherit}
.header div+div+div {display:none}
furthermore, to disable the shadow:
.headerShadow {visibility:hidden}
a less elegant but shorter way:
body,.headerForeground {background:#fff;width:100%}
You can over ride the PageTemplate gradient with this in the
StyleSheet.
.headerShadow {color:#000;background:#f00}
Using this method, a margin of the macro will still be seen, as the
shadow is offset top left 1px.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
analysed this quite awhile and here are my results.
afaik the macro appends layers of div's with gradiating backgrounds
after .headerForeground and .headerShadow. (try firebug or safari's
web inspector)
so I concocted this to disabled the macro completely:
.header {background:inherit}
.header div+div+div {display:none}
furthermore, to disable the shadow:
.headerShadow {visibility:hidden}
a less elegant but shorter way:
body,.headerForeground {background:#fff;width:100%}
You can over ride the PageTemplate gradient with this in the
StyleSheet.
.headerShadow {color:#000;background:#f00}
using this method, a margin of the macro will still be seen, as the
shadow is offset top left 1px.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
it's nice how tiddlywiki provides several measures of hackability, but when it comes down to it styling it is very difficult. it's hard to measure what is the best way to achieve a look if you didn't write the markup itself or all the default styles. I find tiddlywiki's default look convoluted and distracting (I'm spatially-oriented and dogmatic about aesthetics). I conceptualize a wiki where design disappears, rather than drawing attention to itself. (BTW hacked-up special effects like gradients and text-shadow do not make it any more usable, and barely more attractive. adding complexity to markup for achieving a style effect is a bad idea. CSS3 provides a text-shadow property AND gradients.) I've been trying to design it from the inside-out to be more usable and its a nightmare. if I but more than dabbled in javascript perhaps I would achieve a better understanding of tiddlywiki's guts and it wouldn't be quite such an undertaking. all I know is I spend more time considering how to make tiddlywiki more usable then I do using tiddlywiki. I'm trying to catch up. the use of jQuery in recent versions is exciting, and the idea of modularization of functions. Its important for people to construct their own tools. will I one day be able to rapidly construct a tiddlywiki using a pre-existing, modularized library of rich javascript functions? is tiddlywiki backporting some of its features to jQuery itself, rewriting some of its original features using jQuery, or both? (sorry to get off-topic) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
analysed this quite awhile and here are my results.
afaik the macro appends layers of div's with gradiating backgrounds
after .headerForeground and .headerShadow. (try firebug or safari's
web inspector)
so I concocted this to disabled the macro completely:
.header {background:inherit}
.header div+div+div {display:none}
furthermore, to disable the shadow:
.headerShadow {visibility:hidden}
a less elegant but shorter way:
body,.headerForeground {background:#fff;width:100%}
You can over ride the PageTemplate gradient with this in the
StyleSheet.
.headerShadow {color:#000;background:#f00}
using this method, a margin of the macro will still be seen, as the
shadow is offset top left 1px.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To post to this group, send email to tiddlywiki@googlegroups.com
To unsubscribe from this group, send email to
tiddlywiki+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en
-~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
(cont..) ...it's nice how tiddlywiki provides several measures of hackability, but when it comes down to it styling it is very difficult. it's hard to measure what is the best way to achieve a look if you didn't write the markup itself or all the default styles. I find tiddlywiki's default look convoluted and distracting (I'm spatially-oriented and dogmatic about aesthetics). I conceptualize a wiki where design disappears, rather than drawing attention to itself. (BTW hacked-up special effects like gradients and text-shadow do not make it any more usable, and barely more attractive. adding complexity to markup for achieving a style effect is a bad idea. CSS3 provides a text-shadow property AND gradients.) I've been trying to design it from the inside-out to be more usable and its a nightmare. if I but more than dabbled in javascript perhaps I would achieve a better understanding of tiddlywiki's guts and it wouldn't be quite such an undertaking. all I know is I spend more time considering how to make tiddlywiki more usable then I do using tiddlywiki. I'm trying to catch up. the use of jQuery in recent versions is exciting, and the idea of modularization of functions. Its important for people to construct their own tools. will I one day be able to rapidly construct a tiddlywiki using a pre-existing, modularized library of rich javascript functions? is tiddlywiki backporting some of its features to jQuery itself, rewriting some of its original features using jQuery, or both? (sorry to get off-topic) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
[tw] Re: style to override the header gradient?
(also...) it's nice how tiddlywiki provides several measures of hackability, but when it comes down to it styling it is very difficult. it's hard to measure what is the best way to achieve a look if you didn't write the markup itself or all the default styles. I find tiddlywiki's default look convoluted and distracting (I'm spatially-oriented and dogmatic about aesthetics). I conceptualize a wiki where design disappears, rather than drawing attention to itself. (BTW hacked-up special effects like gradients and text-shadow do not make it any more usable, and barely more attractive. adding complexity to markup for achieving a style effect is a bad idea. CSS3 provides a text-shadow property AND gradients.) I've been trying to design it from the inside-out to be more usable and its a nightmare. if I but more than dabbled in javascript perhaps I would achieve a better understanding of tiddlywiki's guts and it wouldn't be quite such an undertaking. all I know is I spend more time considering how to make tiddlywiki more usable then I do using tiddlywiki. I'm trying to catch up. the use of jQuery in recent versions is exciting, and the idea of modularization of functions. Its important for people to construct their own tools. will I one day be able to rapidly construct a tiddlywiki using a pre-existing, modularized library of rich javascript functions? is tiddlywiki backporting some of its features to jQuery itself, rewriting some of its original features using jQuery, or both? (sorry to get off-topic) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups TiddlyWiki group. To post to this group, send email to tiddlywiki@googlegroups.com To unsubscribe from this group, send email to tiddlywiki+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en -~--~~~~--~~--~--~---
