Embedding gmail

575 views
Skip to first unread message

Steve Rumsby

unread,
Sep 6, 2005, 6:07:33 AM9/6/05
to Tiddl...@googlegroups.com
I've no idea why I even thought of doing this, but it is quite cute
and might actually be genuinely useful with some other web sites.
First go and get Eric Shulman's HTML plugin:

http://www.elsdesign.com/tiddlywiki/#HTMLFormattingPlugin

Then create a tiddler containing just this:

<html><iframe src="http://mail.google.com/mail/?ui=html&zy=n"
width=800 height=600"></iframe></html>

And as if by magic, you get gmail embedded in a tiddler. Useless, but
sort of cute...

Steve.
--
Steve Rumsby

Eric Shulman

unread,
Sep 6, 2005, 7:01:58 AM9/6/05
to TiddlyWiki
... and for something really twisted, try:

<html><iframe src="http://www.tiddlywiki.com"
width=800 height=600"></iframe></html>

this embeds an entire TiddlyWiki inside of a tiddler!!!

-e
Eric Shulman
ELS Design Studios - www.elsdesign.com/tiddlywiki
"Intuitive Interfaces for Intelligent Interactions"

Steve Rumsby

unread,
Sep 6, 2005, 7:07:55 AM9/6/05
to Tiddl...@googlegroups.com
On 06/09/05, Eric Shulman <elsd...@gmail.com> wrote:
>
> ... and for something really twisted, try:
>
> <html><iframe src="http://www.tiddlywiki.com"
> width=800 height=600"></iframe></html>
>
> this embeds an entire TiddlyWiki inside of a tiddler!!!
>
Interestingly, the version of gmail I embedded was the HTML-only
version, because embedding the JS version didn't work - the frame
stays completely empty. But embedding a TW does work. Gmail must be
doing something odd...

Steve.

Paul Petterson

unread,
Sep 6, 2005, 8:54:44 AM9/6/05
to Tiddl...@googlegroups.com
I've been wanting a gmail notifier on my main menu :)  Can't find much in the way of docs though :(

Jeremy Ruston

unread,
Sep 6, 2005, 8:57:41 AM9/6/05
to Tiddl...@googlegroups.com
Hmmm, well, GMail does offer an Atom feed, so perhaps it could be done
with a bit of XmlHttpRequest magic...

Cheers

Jeremy.
--
Jeremy Ruston
mailto:jer...@osmosoft.com
http://www.tiddlywiki.com

Paul Petterson

unread,
Sep 6, 2005, 4:04:30 PM9/6/05
to Tiddl...@googlegroups.com
Hehe... Inspired by the iframe embedded gmail - I made an iframe embedded outlook web access (inbox and calendar) ! Dang... that is just too much fun!
 
<html>
<iframe frameBorder="0" style="width:100%;height:350;" src=" http://server/exchange/mailbox//?cmd=loadmodule&part=1&module=inbox&view=Two%20Line">IFrames are not supported by your browser.</iframe>
 
<iframe frameBorder="0" style="width:100%;height:350;" src="http://server/exchange/mailbox//?cmd=loadmodule&part=1&module=calendar" >IFrames are not supported by your browser.</iframe>
</html>
 
My poor little TW is getting HUGE! :)

David Jaquith

unread,
Sep 6, 2005, 6:15:58 PM9/6/05
to Tiddl...@googlegroups.com
I want to play around with all the shadow tiddlers but I don't want to
screw anything up. Can someone please post the code contents of all
the default shadow tiddlers or tell me where I can find them on the
web. Thank you.

Clint Checketts

unread,
Sep 6, 2005, 6:20:21 PM9/6/05
to Tiddl...@googlegroups.com
config.shadowTiddlers.SideBarOptions ="<<search>><<closeAll>><<permaview>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel options 'Change TiddlyWiki advanced options'>>";
config.shadowTiddlers.SideBarTabs = "<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>";
config.shadowTiddlers.TabAll = "<<list all>>";
config.shadowTiddlers.TabMore = "<<tabs txtMoreTab Missing 'Missing tiddlers' TabMoreMissing Orphans 'Orphaned tiddlers' TabMoreOrphans>>";
config.shadowTiddlers.TabMoreMissing = "<<list missing>>";
config.shadowTiddlers.TabMoreOrphans = "<<list orphans>>";
config.shadowTiddlers.TabTags = "<<allTags>>";
config.shadowTiddlers.TabTimeline = "<<timeline>>";

You can find them in the TW code by viewing the source too.

<Warning>
Playing with shadow tiddlers is addicting and will open up my possibilities for you
</Warning>

Enjoy.

-Clint

David Jaquith

unread,
Sep 6, 2005, 6:23:36 PM9/6/05
to Tiddl...@googlegroups.com
Thanks!

Paul Petterson

unread,
Sep 6, 2005, 6:24:20 PM9/6/05
to Tiddl...@googlegroups.com
if you play with the shadow tiddlers inside tiddlywiki by creating actual tiddlers with the same names, you can always restore the shadow tiddlers by deleting the actual tiddlers! :)
 
Say you edit SideBarOptions and acidentally screw up the saveChanges macro - no problem, edit SideBarOptions again and delete it, *poof* the default 'shadow' SideBarOptions comes back!
 
Paul

 

David Jaquith

unread,
Sep 6, 2005, 6:26:48 PM9/6/05
to Tiddl...@googlegroups.com
On 9/6/05, Paul Petterson <paul.pe...@gmail.com> wrote:
> if you play with the shadow tiddlers inside tiddlywiki by creating actual
> tiddlers with the same names, you can always restore the shadow tiddlers by
> deleting the actual tiddlers! :)
>
> Say you edit SideBarOptions and acidentally screw up the saveChanges macro -
> no problem, edit SideBarOptions again and delete it, *poof* the default
> 'shadow' SideBarOptions comes back!

I know, thanks for the help, though!

Paul Petterson

unread,
Sep 6, 2005, 6:28:10 PM9/6/05
to Tiddl...@googlegroups.com
heh... I get carried away sometimes... TW is just too dang cool! :)

On 9/6/05, David Jaquith <davidj...@gmail.com> wrote:

Denis Méline

unread,
Sep 6, 2005, 6:33:13 PM9/6/05
to Tiddl...@googlegroups.com
yep, it could be ... just a "proof of concept" : a lot of stuff are missing like author, date etc...

use <<gmail https://XXXX...@mail.google.com/gmail/feed/atom >>

// GMail based on Rss Plugin by ed dot tobin at gmail dotcom
version.extensions.gmail = {major: 0, minor: 0, revision: 3, date: new
Date(2005,9,7)};
config.macros.gmail = {};
config.macros.gmail.handler = function(place,macroName,params)
{
var feedURL=params[0];
var request;

/* Create XMLHttpRequest Object */
try {
request = new XMLHttpRequest();
} catch (e) { request = new ActiveXObject("Msxml2.XMLHTTP"); }
try {
// Needed for Mozilla if local file tries to access an http URL
netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
} catch (e) { /* ignore */ }

request.open("GET",feedURL,false);
request.send(null);

var feed=request.responseXML;
var feedList = feed.getElementsByTagName('feed');
mainfeed = feedList[0];

createTiddlyElement(place,"div",null,null,mainfeed.getElementsByTagName('title').item(0).firstChild.nodeValue+'\n');
createTiddlyElement(place,"div",null,null,mainfeed.getElementsByTagName('fullcount').item(0).firstChild.nodeValue+' '+mainfeed.getElementsByTagName('tagline').item(0).firstChild.nodeValue+' at ' + mainfeed.getElementsByTagName('modified').item(0).firstChild.nodeValue);

var maxItem =10;
var mailList = mainfeed.getElementsByTagName('entry');
var numItems=(mailList.length<maxItem) ? mailList.length : maxItem;

var mailitem = createTiddlyElement(place,"ul",null,null,null);
for (var i=0; i< numItems; i++)
 {

   var titleElm= mailList[i].getElementsByTagName('title').item(0);
   var titleText = titleElm.firstChild.nodeValue;
   var descElm= mailList[i].getElementsByTagName('summary').item(0);
   var descText = descElm.firstChild.nodeValue;

   var story = createTiddlyElement(mailitem,"li",null,null,titleText);
   var summary= createTiddlyElement(story,"div",null,null,descText);

 }

}



On 9/6/05, Jeremy Ruston <jeremy...@gmail.com> wrote:



--
~ Denis Méline - http://zRenard.com ~

David Jaquith

unread,
Sep 6, 2005, 8:31:32 PM9/6/05
to Tiddl...@googlegroups.com
Well, I've been messing with shadow tiddlers and I've managed to
compress the whole sidebar into several sliders (one for the 'search'
and 'new tiddler' stuff, one for the options panel, and one for the
tab stuff like 'all' and 'tags') but I'm not happy with the sidebar
existing on the right side of the screen. I use the multiple
stylesheets plugin and a bunch of others so now when I select 'none'
as a stylesheet it should do the default stylesheet but it screws it
up so the main menu is below the sidebar, which isn't acceptable. And
all the other stylesheets I have put the sidebar on the right of the
screen. If I get rid of the sidebar and instead put my sliders on the
main menu it screws everything up in the alignment and spacing. What I
need to do is make my own stylesheet but I don't quite know how to do
that. I've done a little CSS work on a normal webpage so I'm not a
complete newbie, but I don't know how to make stylesheets for TW.
Could someone point me to where I can find out how to do this?

Steve Rumsby

unread,
Sep 7, 2005, 5:23:25 AM9/7/05
to Tiddl...@googlegroups.com
On 06/09/05, Denis Méline <zre...@gmail.com> wrote:
> yep, it could be ... just a "proof of concept" : a lot of stuff are missing
> like author, date etc...
>
Brilliant. The missing bits would be easy to add.

What I really want, I suppose, is a gmail notifier macro that can sit
in MainMenu and indicate when I have new mail. But that needs MainMenu
to auto-refresh - can that be done?

Steve.

christianhauck

unread,
Sep 7, 2005, 5:41:33 AM9/7/05
to TiddlyWiki
an iframe can be refreshed, but iframes are no quite "TiddlyWiki-ish.

Denis Méline

unread,
Sep 7, 2005, 6:02:21 AM9/7/05
to Tiddl...@googlegroups.com
i already add author, date... link and some icons this night ..

For refresh, ... maybe it can be done using some stuff like store.addNotification(null,refreshMenu);
as previously describe for ListAllOpen macro...
Never try it

Darren Hill

unread,
Sep 7, 2005, 6:56:49 AM9/7/05
to Tiddl...@googlegroups.com
On Wed, 07 Sep 2005 01:31:32 +0100, David Jaquith <davidj...@gmail.com>
wrote:
> What I
> need to do is make my own stylesheet but I don't quite know how to do
> that. I've done a little CSS work on a normal webpage so I'm not a
> complete newbie, but I don't know how to make stylesheets for TW.
> Could someone point me to where I can find out how to do this?

I'm in the same boat. To make a stylesheet for TW you need to know what
all the elements already are and what they do, you have to guess at
someone else's naming scheme.

What I'd like is for someone to create a plugin which reads the contents
of a "MakeStyleSheet" and makes a stylesheet.
In the MakeStyleSheet tiddler, you have the names of all the elements that
affect TW, one on each line, followed by a colon.
You can then manually edit this sheet, and type an appropriate entry after
the colon ("red", for example, or the appropriate RGB code, or whatever)
If there is nothing after the colon, the plugin ignores that line and uses
the default or current stylesheet. If there is something after the colon,
it uses that value (if its a valid value) and overrides the default
stylesheet.

Does this plugin idea sound feasible?

Darren

Clint Checketts

unread,
Sep 7, 2005, 10:04:18 AM9/7/05
to Tiddl...@googlegroups.com
It might be a solution for Jeremy to move the default styles to a ShadowTiddler.  This would have the benefit of allowing you to bring them up in TW and then save it as a real tiddler.  This would also be good for new styles because then we wouldn't have to spend so much code trying to over-ride the default styles, TW would detect if we had over-ridden the ShadowStyles and 'forget' them.

I've actually created a simple plugin that performs this with the colors, but it needs a bit of polishing.  I'll release it in a few weeks (I know, thats ages in TW time).

-Clint

Paul Petterson

unread,
Sep 7, 2005, 10:42:53 AM9/7/05
to Tiddl...@googlegroups.com
I made a color chart that looks like of like photoshop's hue thingy: http://phpetterson.objectis.net/#ColorChart%20Home%20Sandbox
It's kind of cool looking :)
Paul
Reply all
Reply to author
Forward
0 new messages