Comments on: Page Peel Effect Using MooTools http://davidwalsh.name/peel-effect Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Wed, 23 May 2012 19:56:08 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Greg Faulknerhttp://davidwalsh.name/peel-effect#comment-31996 Greg Faulkner Wed, 02 May 2012 16:19:42 +0000 http://davidwalsh.name/?p=3588#comment-31996 I would like to use something like this where the user would click and release or click and drag it so that when it peeled away, an entry form would be beneath it.How would I go about doing that? I would like to use something like this where the user would click and release or click and drag it so that when it peeled away, an entry form would be beneath it.

How would I go about doing that?

]]> By: Caseyhttp://davidwalsh.name/peel-effect#comment-24519 Casey Tue, 28 Jun 2011 05:22:03 +0000 http://davidwalsh.name/?p=3588#comment-24519 I played around for a bit and I got it to work if I add this code to the end of the script:<code> var imageresize = function() { var winx = window.getSize().x; flip.setStyle('display', ( (winx.toInt() < 1095) ? 'none' : 'block' ) ); };window.addEvents( { 'domready' : imageresize, 'resize' : imageresize</code>Any idea on how I could go about using morph again to shrink the #page-flip to 0 so it looks like it peels back in place instead of just disappearing? I played around for a bit and I got it to work if I add this code to the end of the script:

var imageresize = function() {
var winx = window.getSize().x;
flip.setStyle('display', ( (winx.toInt() < 1095) ? 'none' : 'block' )
);
};

window.addEvents(
{
'domready' : imageresize,
'resize' : imageresize

Any idea on how I could go about using morph again to shrink the #page-flip to 0 so it looks like it peels back in place instead of just disappearing?

]]> By: Caseyhttp://davidwalsh.name/peel-effect#comment-24515 Casey Mon, 27 Jun 2011 22:27:51 +0000 http://davidwalsh.name/?p=3588#comment-24515 Great script! Any way to hide the page peel if the window is resized to be smaller? It covers up part of my menu. Thanks. Great script! Any way to hide the page peel if the window is resized to be smaller? It covers up part of my menu. Thanks.

]]> By: Russhttp://davidwalsh.name/peel-effect#comment-24275 Russ Tue, 31 May 2011 00:30:14 +0000 http://davidwalsh.name/?p=3588#comment-24275 Nice Job. This works perfectly. Thanks. Nice Job. This works perfectly. Thanks.

]]> By: Asiantvhttp://davidwalsh.name/peel-effect#comment-23276 Asiantv Mon, 28 Mar 2011 05:21:49 +0000 http://davidwalsh.name/?p=3588#comment-23276 nice technique, however you cant align PNG’s to the right as background images in IE6 and below…using a GIF in that situation would suffice. nice technique, however you cant align PNG’s to the right as background images in IE6 and below…using a GIF in that situation would suffice.

]]> By: The-Fhttp://davidwalsh.name/peel-effect#comment-15720 The-F Fri, 29 Jan 2010 17:24:19 +0000 http://davidwalsh.name/?p=3588#comment-15720 Yes, could you please port this in Mootools 1.1 too? Yes, could you please port this in Mootools 1.1 too?

]]> By: Pablo Caballerohttp://davidwalsh.name/peel-effect#comment-14157 Pablo Caballero Thu, 03 Dec 2009 09:50:00 +0000 http://davidwalsh.name/?p=3588#comment-14157 Hi!,Thanks for this but as I have several code with 1.11 I need this code to work on 1.11.I know that the mouseenter & mouseleave was developed for 1.2 so, is there a way to change this into 1.11?I'm really newbiw with javascript so, I hope you can help me.Greetings Hi!,

Thanks for this but as I have several code with 1.11 I need this code to work on 1.11.

I know that the mouseenter & mouseleave was developed for 1.2 so, is there a way to change this into 1.11?

I’m really newbiw with javascript so, I hope you can help me.

Greetings

]]> By: Alexanderhttp://davidwalsh.name/peel-effect#comment-13860 Alexander Mon, 23 Nov 2009 01:46:19 +0000 http://davidwalsh.name/?p=3588#comment-13860 Thanks for this, you rock! Thanks for this, you rock!

]]> By: Try2Lovehttp://davidwalsh.name/peel-effect#comment-12010 Try2Love Sat, 19 Sep 2009 04:20:07 +0000 http://davidwalsh.name/?p=3588#comment-12010 Thanx Dude............ This is superb idea to utilize.......... Thanx Dude………… This is superb idea to utilize……….

]]> By: Jonathan Bennetthttp://davidwalsh.name/peel-effect#comment-11806 Jonathan Bennett Thu, 10 Sep 2009 22:06:33 +0000 http://davidwalsh.name/?p=3588#comment-11806 I'm not sure if I'd ever use that effect but it's pretty cool. Nice to see how easy it is to do with MooTools. I’m not sure if I’d ever use that effect but it’s pretty cool. Nice to see how easy it is to do with MooTools.

]]>