« Phew... | Main | Good Friday. Liars. »
Thursday, March 24, 2005
IPB at the movies
Another day, another javascript library.
I've tidied up my previous javascript and added in permission checks and some XSS protection. I've also added in a fancy semi-transparent window for the new PM notification. It's inpsired by a plug in for Apple's Mail email application which shows a semi-transparent window with a preview of the email message over the desktop.
It allows you to cycle through your new PMs via the wonders of Ajax (can't be bothered to type XMLHttpRequest anymore). It also allows you to drag the notification elsewhere on the screen which will make IPB show the notification in your desired location from then on. Possibly useless but fun to play with.
I was going to post a screen shot of it but figured I'd try a movie capture of Mozilla. The movie is pretty rubbish in terms of quality but I didn't think you'd appreciate a 57mb full screen epic with titles. At just over 3mb it allows you to see whats going on.
The movie shows the PM alert (note how it darkens when you roll your mouse over it) being dragged, and a refresh of the browser window shows it back in the same position. I then check out the 'View New Posts' link. The next screen shows the edit-in-place functionality and the quick-lock facility (clicking on the topic's folder icon toggles between locked and unlocked).
Yes, I'm having fun.
The movie. (3.3mb MP4 )
Oh, if you're interested I was able to make the DIV transparent by using the filter CSS style for MSIE and a semi-transparent PNG-24 for the rest of the internet with a bit of javascript to decide which style to apply to the DIV depending on your browser.
March 24, 2005 | Permalink
TrackBack
TrackBack URL for this entry:
https://www.typepad.com/services/trackback/6a00d83423035953ef00d8347b11a069e2
Listed below are links to weblogs that reference IPB at the movies:
Comments
Very nice feature. This should make all our lifes so much easier. ;)
Posted by: Wilko | Mar 24, 2005 5:20:36 PM
Looks nice
(and fancy on a Mac :)
Posted by: Franklin | Mar 24, 2005 6:42:56 PM
Wow. That's amazing. It makes me want to learn javascript & XML. I can't wait to see IPB 2.1.
Posted by: rollercoaster375 | Mar 24, 2005 7:29:08 PM
IPB 2.0 Alpha O_o :p
Wait... release it as IPB 2.0 reloaded :)
Posted by: Cybertimber2004 and Cooldude7273 | Mar 24, 2005 10:04:22 PM
Very innovative. :-)
Posted by: Phil | Mar 24, 2005 10:17:45 PM
You're being too innovative. >_< :P
Posted by: Don Wilson | Mar 25, 2005 1:53:41 AM
A question:
What do I play an MP4 file with? It's not recognized on my system.
Posted by: Den Watts | Mar 25, 2005 2:27:04 AM
I wasn't sure of the extension either, however I chose to open it in WMP and it played.
Posted by: Logan | Mar 25, 2005 2:31:06 AM
Sorted it with DivX.
Very nifty. (Y)
Posted by: Den Watts | Mar 25, 2005 2:31:29 AM
However transparency is also handled with CSS by Mozilla (and maybe Opera etc.).
Example for a 70% opacity (or 30% transparency ^^) :
[code]
.foreground{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}[/code]
Posted by: The Jedi | Mar 25, 2005 11:34:19 AM
Very good work Matt, that is brilliant stuff! You're always impressing me with new stuff, lovely work!
*Thumbs up*
Posted by: Jambo | Mar 25, 2005 12:49:35 PM
Apple's Quicktime player will play it too.
Posted by: Phil | Mar 25, 2005 1:49:52 PM
R.E: The Jedi... opacity is a CSS3 declaration and isn't widely supported (if at all, I think I remember seeing it wasn't supported at all). -moz-opacity does indeed work but is only compatible with Moz & Firefox (obviously). PNG's seemed to be the best method Matt & I could think of that worked on all non-IE browsers.
Posted by: Rikki | Mar 25, 2005 5:06:49 PM
Transparent Gif?
Posted by: Cybertimber2004 and Cooldude7273 | Mar 25, 2005 8:46:00 PM
A transparent GIF isn't 24-bit though, meaning you can't make it semi-transparent.
Posted by: Veracon | Mar 25, 2005 9:53:36 PM
Hmm... good point.
Hey Rikki (or Matt)
I read somewhere that there is a way to use one of Microsofts systems in IE to make png support in IE. Lemme see I can find it and I'll either put it here or PM you.
Posted by: Cybertimber2004 and Cooldude7273 | Mar 26, 2005 2:06:51 AM
There is some filter: progid.DXblahblahblah thing that does it I think, but it's a mess.
Posted by: Rikki | Mar 26, 2005 12:23:59 PM
Looks great. You just made me learn XMLHttpRequest, lol
Posted by: MutantMonkey | Mar 27, 2005 4:57:46 AM
Yeah, it really is a mess to use PNG's transparently cross-browser, but this'll do it:
/* Internet Explorer */
#trans_box
{
width: 100px;
height: 100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='trans.png');
}
/* Gecko, Safari, Opera */
#trans_box[id]
{
width: 100px;
height: 100px;
background: url('trans.png') no-repeat;
}
Pretty ugly, but it does work.
Posted by: Dan | Mar 27, 2005 10:41:55 AM
Yes, we know as that's similar to what we used. :)
Posted by: Matt | Mar 28, 2005 10:48:25 AM
Hello,
I am not sure this is the right place for this,
But isaw this website that claim he is going to be major then MySpace or Ford!?? !!
words cannot say see the movie inside!
This is called the "Evolution Day" the day that Will change pages for the history of the net and man kind,
Everyone will get paid, meaning Everyone,
# The Internet is the world’s fastest-growing marketplace.
# The growth is worth the equivalent of $412 every second of every hour of every day.<
# Learn how having fun, being entertained and social networking can earn you money!<< right here
# See why 28% (7.6 million) of one country’s online population visited this sector in just one month.
You have probably seen sites like 'MySpace', which has 176 million users. <<< :)
These sites are communities where people can interact and share their loves, their hates, their common interests and whatever is on their minds.
Http://tinyurl.com/3y2spf
This is already here!
Evo day will be held on 15th July 2007 at the Cheltenham Racecourse in Cheltenham, United Kingdom.
THE EVOLUTION IS HERE AND
EVERYONE WILL GET PAID SIMPLY BY ENJOYING THE NET LOL,
Pls make comments about it,And do let all know the good news,
Http://tinyurl.com/3y2spf
Thank you
Posted by: volatages921 | Jul 2, 2007 4:40:16 PM
Hello !
Very good forum! Good info!
[url=http://payday-111-loans.blogspot.com]payday loans[/url] http://payday-111-loans.blogspot.com
Very good forum! Good info!
[url=http://paydayloanssss.blogspot.com]payday loans[/url] http://paydayloanssss.blogspot.com
Very good contents...
[url=http://fioricet-good.blogspot.com]fioricet[/url] http://fioricet-good.blogspot.com
Forgive that beside You was little ed!
Posted by: JawBiage | Jul 5, 2007 11:19:46 PM
Hi all!
Very good contents...
[url=http://payday-111-loans.blogspot.com]payday loans[/url] http://payday-111-loans.blogspot.com
I am glad to find this forum!
[url=http://airlinefftickets.blogspot.com]tickets[/url] http://airlinefftickets.blogspot.com
Thank you! I delighted!
[url=http://tramadol-22sp.blogspot.com]tramadol[/url] http://tramadol-22sp.blogspot.com
Thanks much!
Posted by: Chairee | Jul 13, 2007 10:10:17 AM
Thank you! I delighted!
[url=http://phentermine-7ord.blogspot.com]phentermine[/url] http://phentermine-7ord.blogspot.com
This simply prodigy!
[url=http://payday-ooo-loans.blogspot.com]payday loans[/url] http://payday-ooo-loans.blogspot.com
The Good lad an author! I much like site!
[url=http://buy--cialis-1.blogspot.com]buy cialis[/url] http://buy--cialis-1.blogspot.com
Congratulations!
Posted by: claiccalm | Jul 13, 2007 10:22:24 AM
How do you do...
[url=http://fioricet--ok.blogspot.com]fioricet[/url] http://fioricet--ok.blogspot.com
Forgive that beside You was little ed!
[url=http://cialis--m.blogspot.com]cialis[/url] http://cialis--m.blogspot.com
Very good contents...
[url=http://phentermine-i-online.blogspot.com]phentermine online[/url] http://phentermine-i-online.blogspot.com
So interesting there was that I fell asleep...
Posted by: Chairee | Jul 23, 2007 10:30:01 AM
The comments to this entry are closed.