[tw] Re: Best way to switch a small swatch of CSS in TW
Thank you very much Eric a follow up question, If I may I'm using the TiddlyLightBoxPlugin modified a bit in the following line div id=lightBoxClosea href:# onclick=cancelFullscreen();TiddlyLightBox.hideBox();return false;Exit/a/div/div', cancelFullscreen(); is added so when an element opens in the lightbox in fullscreen (based on a script in the MarkupPreHead), when you press Exit link the lightbox closes and the fullscreen returns to normal view using the html code you provided I'm getting a tiddler to open in the lightbox, in fullscreen and with body's overflow set to hidden something like htmla href=javascript:; onclick=launchFullscreen(document.documentElement);document.body.style.overflow='hidden'; tiddlerbox Enter some_tiddlerscrolling=yes 1250 950/a/html I'm trying to get the Exit link to exit the lighbox, cancel the fullscreen and set the body's overflow to visible again with this a href=# onclick=document.body.style.overflow='visible';cancelFullscreen();TiddlyLightBox.hideBox();return false;Exit/a/div/div', which gives me a syntax error on the TiddlyLightboxPlugin on start up. How can this be accomplished? Hope this make sense and thanks again. sklpns -- You received this message because you are subscribed to the Google Groups TiddlyWiki group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Best way to switch a small swatch of CSS in TW
Hey guys
I'm using this variation
htmla href=javascript:; onclick=
da=document.getElementById('displayArea');da.style.width='20em';change
display/html
which successfully changes the width of the display area by clicking on the
change display link.
But what do we need to write in order to change an attribute of the body
(specifically overflow to hidden) as something like
htmla href=javascript:; onclick=
da=document.getElementById('body');da.style.overflow='hidden';change body
/html
doesn't seem to work?
thanks in advance
sklpns
--
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
[tw] Re: Best way to switch a small swatch of CSS in TW
On Thursday, December 19, 2013 1:52:45 AM UTC-8, sklpns wrote:
Hey guys
I'm using this variation
htmla href=javascript:; onclick=
da=document.getElementById('displayArea');da.style.width='20em';change
display/html
which successfully changes the width of the display area by clicking on
the change display link.
But what do we need to write in order to change an attribute of the body
(specifically overflow to hidden) as something like
htmla href=javascript:; onclick=
da=document.getElementById('body');da.style.overflow='hidden';change body
/html
doesn't seem to work?
Under most circumstances, there is only one body element per document. You
don't have to lookup the body element by ID. Simply refer to
document.body, like this:
htmla href=javascript:; onclick= document.body.style.overflow='hidden'
;change body /html
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
EVERY DONATION IS IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY TIP JAR...
http://TiddlyTools.github.com/fundraising.html#MakeADonation
Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact
--
You received this message because you are subscribed to the Google Groups
TiddlyWiki group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
[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: 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: 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: 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: 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 -~--~~~~--~~--~--~---
