jquery-pageslide - Project Hosting on Google Code

Older Oct 09, 2009 Documentation (About the jQuery pageSlide plugin) Wiki page commented on by chritchan - is it possible to execute this function after 3 secondes for exemple ? is it possible to execute this function after 3 secondes for exemple ? Aug 20, 2009 issue 8 (IE6 shows no content) commented on by obed.santos - this: >>> html #pageslide-slide-wrap { >>> position: absolute; / set this only for ie / >>> } Not works for me... another idea?? this: >>> html #pageslide-slide-wrap { >>> position: absolute; /* set this only for ie / >>> } Not works for me... another idea?? Aug 04, 2009 issue 18 (How can I focus on the slided page) reported by rex2.mj - In my test.html, it looks like this: <div id="slide-left" href="_left.html"></div> And it works, but the javascript is invalid in the _left.html, how can I focus on the _left.html or call the javascript of _left.html? Thanks. In my test.html, it looks like this: <div id="slide-left" href="_left.html"></div> And it works, but the javascript is invalid in the _left.html, how can I focus on the _left.html or call the javascript of _left.html? Thanks. Jul 28, 2009 issue 3 (Slide from left / right / top / bottom) commented on by koput.yoann - I need to slide from top and bottom but your script don't work? How can do to slide from top or bottom? thank you I need to slide from top and bottom but your script don't work? How can do to slide from top or bottom? thank you Jul 27, 2009 issue 17 (Spawn additional script from Modal?) reported by takuhii - How would you go about spawning say, a thickbox from the Modal option of yuor excellent script? How would you go about spawning say, a thickbox from the Modal option of yuor excellent script? May 20, 2009 issue 16 (unable to open pageslide on imagemap link) reported by kaiz.mak - Is it possible to use pageslide in imagemap link? ie. <map name="Map"> <area shape="poly" coords="128,14,318,200,307,210,120,26" rel="pageslide" href="Page2.html"> </map> What is the expected output? What do you see instead? A open new page instead of page slide from the right What version of the product are you using? On what operating system? Windows Vista 32bit IE7 and FireFox 3 Is it possible to use pageslide in imagemap link? ie. <map name="Map"> <area shape="poly" coords="128,14,318,200,307,210,120,26" rel="pageslide" href="Page2.html"> </map> What is the expected output? What do you see instead? A open new page instead of page slide from the right What version of the product are you using? On what operating system? Windows Vista 32bit IE7 and FireFox 3 May 10, 2009 issue 12 (PageSlide causes $(document).ready to be called twice.) commented on by IanMLewis - Currently as a work-around for my project, I included the wrapping elements in my html and removed the javascript that does the wrapping from pageslide. That way the html wrapping in javascript is a mute issue. Currently as a work-around for my project, I included the wrapping elements in my html and removed the javascript that does the wrapping from pageslide. That way the html wrapping in javascript is a mute issue. May 10, 2009 issue 12 (PageSlide causes $(document).ready to be called twice.) commented on by WebBrian - This issue is actually more problematic than it seems. Basically, and site that has scripts on their pages (take google analytics as an example) will cease to function properly because of the wrapAll tag. I think I've narrowed the problem down to the way jQuery parses javascript. When wrapAll is called, instead of just taking the contents of the body and wrapping a tag around it, most browsers seem to forget any scripts that were attached to those elements. So, jQuery tries to solve this by reloading/executing the javascript. For most scripts it seems to be able to do this, but if it encounters a document.write it just falls apart. On some browsers, the user will just see a blank page. You could moan about the use of document.write and that it should just be removed, but I don't think that's practical, as most Google scripts use that. I think jQuery needs to address the issue and instead of breaking when encountering document.write, just try to handle it. This issue is actually more problematic than it seems. Basically, and site that has scripts on their pages (take google analytics as an example) will cease to function properly because of the wrapAll tag. I think I've narrowed the problem down to the way jQuery parses javascript. When wrapAll is called, instead of just taking the contents of the body and wrapping a tag around it, most browsers seem to forget any scripts that were attached to those elements. So, jQuery tries to solve this by reloading/executing the javascript. For most scripts it seems to be able to do this, but if it encounters a document.write it just falls apart. On some browsers, the user will just see a blank page. You could moan about the use of document.write and that it should just be removed, but I don't think that's practical, as most Google scripts use that. I think jQuery needs to address the issue and instead of breaking when encountering document.write, just try to handle it. Apr 26, 2009 issue 12 (PageSlide causes $(document).ready to be called twice.) commented on by dus...@microswift.com - Is there any fix for this besides removing this line for now? This is causing me MAJOR issues on my site so I've had to disable the wrapAll line for now. I'd love to see this glitch fixed... Is there any fix for this besides removing this line for now? This is causing me MAJOR issues on my site so I've had to disable the wrapAll line for now. I'd love to see this glitch fixed... Apr 26, 2009 issue 15 (AJAX loaded content with body tags conflicts and causes unex...) commented on by dus...@microswift.com - Please disregard this. This issue was ACTUALLY being caused by the "PageSlide causes $(document).ready to be called twice. " bug. I've had to disable that line and use the script without the slide as it breaks my other features. Please disregard this. This issue was ACTUALLY being caused by the "PageSlide causes $(document).ready to be called twice. " bug. I've had to disable that line and use the script without the slide as it breaks my other features. Apr 23, 2009 issue 15 (AJAX loaded content with body tags conflicts and causes unex...) reported by dus...@microswift.com - What steps will reproduce the problem? Include advertisements in the page. * Include javascript ajax loaded content from other sites or scripts. I believe that some advertisement providers such as Adbrite and Etology include body tags in their ajax loaded HTML. Also I was getting glitches with Invision Power Board upload forms which are also loaded into the page via AJAX. What is the expected output? What do you see instead? Various javascript glitches occured such as the page loading content multiple times, redirecting to the sliding HTML URL, showing duplicate copies of the included content, etc. What version of the product are you using? On what operating system? 0.2 Please provide any additional information below. FIX: I was able to get around this problem by changing my body tag to include id="body" and changing the references to "body" to "#body". This completely fixed all glitches with advertisements and other javascript ajax loaded content. I believe the loaded content included body tags that the script was attempting to 'latch' onto. I do not know if there is a more elegant solution to this issue. It may not affect many people if they aren't using these things but I was puzzled by it for a while so hopefully this will help some. I hope this was clearly explained. What steps will reproduce the problem? * Include advertisements in the page. * Include javascript ajax loaded content from other sites or scripts. I believe that some advertisement providers such as Adbrite and Etology include body tags in their ajax loaded HTML. Also I was getting glitches with Invision Power Board upload forms which are also loaded into the page via AJAX. What is the expected output? What do you see instead? Various javascript glitches occured such as the page loading content multiple times, redirecting to the sliding HTML URL, showing duplicate copies of the included content, etc. What version of the product are you using? On what operating system? 0.2 Please provide any additional information below. FIX: I was able to get around this problem by changing my body tag to include id="body" and changing the references to "body" to "#body". This completely fixed all glitches with advertisements and other javascript ajax loaded content. I believe the loaded content included body tags that the script was attempting to 'latch' onto. I do not know if there is a more elegant solution to this issue. It may not affect many people if they aren't using these things but I was puzzled by it for a while so hopefully this will help some. I hope this was clearly explained. Apr 15, 2009 issue 2 (The link/button/whatever that triggered the slide should be ...) commented on by Serg.Pod...@gmail.com - So what is the solution to make link act as toggle? So what is the solution to make link act as toggle? Mar 26, 2009 issue 8 (IE6 shows no content) commented on by as...@kjmys.com - Just add css something like below. It works for me. html #pageslide-slide-wrap { position: absolute; / set this only for ie / } Just add css something like below. It works for me. html #pageslide-slide-wrap { position: absolute; /* set this only for ie / } Mar 26, 2009 issue 8 (IE6 shows no content) commented on by as...@kjmys.com - Change the default css (for example) something like below. It works for me. <style> #pageslide-body-wrap { position: relative; } html #pageslide-slide-wrap { position: absolute; /* set this only for ie / } #pageslide-slide-wrap { color:#fff; position: fixed!important; / add !important for other than ie / width: 0; top: 0; right: 0; height: 100%; background-color: #000; } </style> Change the default css (for example) something like below. It works for me. <style> #pageslide-body-wrap { position: relative; } html #pageslide-slide-wrap { position: absolute; /* set this only for ie / } #pageslide-slide-wrap { color:#fff; position: fixed!important; / add !important for other than ie / width: 0; top: 0; right: 0; height: 100%; background-color: #000; } </style> Mar 26, 2009 issue 8 (IE6 shows no content) commented on by as...@kjmys.com - Change the default css (for example) something like below. It works for me. <style> #pageslide-body-wrap { position: relative; } html #pageslide-slide-wrap { position: absolute; /* set this only for ie / } #pageslide-slide-wrap { color:#fff; position: fixed!important; / add !important for other than ie/ position: absolute; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } </style> Change the default css (for example) something like below. It works for me. <style> #pageslide-body-wrap { position: relative; } html #pageslide-slide-wrap { position: absolute; /* set this only for ie / } #pageslide-slide-wrap { color:#fff; position: fixed!important; / add !important for other than ie*/ position: absolute; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } </style> Mar 25, 2009 issue 8 (IE6 shows no content) commented on by szilagyivallalat - That's my problem, too. winxp, ie6. Also very thank you for the script! That's my problem, too. winxp, ie6. Also very thank you for the script! Mar 12, 2009 issue 13 (A link in the _secondary_page.htm page does nothing) commented on by fxluk3 - You can use onclick="window.open('http://www.google.com'); in the link. tested.... ok. You can use onclick="window.open('http://www.google.com'); in the link. tested.... ok. Feb 13, 2009 issue 14 (How can I used this code multiple times in a same page?) reported by acmomus - I am new to jQuery. I am trying to use the code in the each segment of a accordion. Could you please help me? I am new to jQuery. I am trying to use the code in the each segment of a accordion. Could you please help me? Feb 11, 2009 issue 13 (A link in the _secondary_page.htm page does nothing) reported by pd.philip - What steps will reproduce the problem? 1. Taking the demo code as is 2. Adding a link in the _secondary_page.htm page with target="_blank" What is the expected output? What do you see instead? The link should work and open up a new page, but the link does nothing at all. Please help!!! What steps will reproduce the problem? 1. Taking the demo code as is 2. Adding a link in the _secondary_page.htm page with target="_blank" What is the expected output? What do you see instead? The link should work and open up a new page, but the link does nothing at all. Please help!!! Feb 08, 2009 issue 8 (IE6 shows no content) commented on by kirillgalenko - Also happens under ie6 win2k. The content is actually displayed at the very bottom of the page. Also happens under ie6 win2k. The content is actually displayed at the very bottom of the page. Feb 07, 2009 issue 12 (PageSlide causes $(document).ready to be called twice.) reported by IanMLewis - What steps will reproduce the problem? 1. Add a $(document).ready to the javascript for your page. 2. Load the page. 3. What is the expected output? What do you see instead? The $(document).ready function is called twice. I would expect it to be called once. This seems to be caused by the line $("body").contents().wrapAll( psBodyWrap ); which wraps the document body in the page slide wrapper. What steps will reproduce the problem? 1. Add a $(document).ready to the javascript for your page. 2. Load the page. 3. What is the expected output? What do you see instead? The $(document).ready function is called twice. I would expect it to be called once. This seems to be caused by the line $("body").contents().wrapAll( psBodyWrap ); which wraps the document body in the page slide wrapper. Jan 19, 2009 issue 10 (Add a close button) reported by allcanadianrejects - it took me a while to figure out that i had to click in order to get the content to slide back. It would be great if there was a way to reverse the animation by adding a "Close" button it took me a while to figure out that i had to click in order to get the content to slide back. It would be great if there was a way to reverse the animation by adding a "Close" button Jan 18, 2009 r12 (Reorganized folder structure, and updated to jQuery 1.3. ) committed by srobbin - Reorganized folder structure, and updated to jQuery 1.3. Reorganized folder structure, and updated to jQuery 1.3. Jan 18, 2009 r11 (Added License and README files. ) committed by srobbin - Added License and README files. Added License and README files. Jan 17, 2009 issue 9 (Closing link in the pageslide?) reported by steve.verlinden - Hi, i want to make a link in the pageslide (in the external html file) in order to close the pageslide. Is it possible? I can make a link to close the pageslide in the primary html page, but not in the pageslide itself. Thanks for helping. Hi, i want to make a link in the pageslide (in the external html file) in order to close the pageslide. Is it possible? I can make a link to close the pageslide in the primary html page, but not in the pageslide itself. Thanks for helping. Jan 16, 2009 issue 8 (IE6 shows no content) reported by tpfscommunications - What steps will reproduce the problem? 1. Open IE6 2. Click on a pageslide anchored link What is the expected output? What do you see instead? Expecting to see secondary page content, instead will see the sliding action, but with no content in it. What version of the product are you using? On what operating system? Using IE6 on Windows XP SP3 Please provide any additional information below. What steps will reproduce the problem? 1. Open IE6 2. Click on a pageslide anchored link What is the expected output? What do you see instead? Expecting to see secondary page content, instead will see the sliding action, but with no content in it. What version of the product are you using? On what operating system? Using IE6 on Windows XP SP3 Please provide any additional information below. Jan 14, 2009 issue 2 (The link/button/whatever that triggered the slide should be ...) commented on by d.yeboah - Well...when this happens you can also create a PUEDO Link to read CLOSE PANEL. At least this will enable to click on the link...(just to prevent them clicking anywhere else). Changing the false to true is the best option I think.... D Well...when this happens you can also create a PUEDO Link to read CLOSE PANEL. At least this will enable to click on the link...(just to prevent them clicking anywhere else). Changing the false to true is the best option I think.... D Jan 14, 2009 issue 2 (The link/button/whatever that triggered the slide should be ...) commented on by d.yeboah - I edited this issue. Now when the user clicks the contact page (SLide Panel) again the panel closes...Instead of override clicking the slide itself I edited to enable it below: Note that I added the class a.pageSlide instead of the empty... You can also change the false to true... // If a user clicks the Slide document , we should hide the pageslide $(document).click(function() { _closeSlide(); }); $("a.pageSlide").click(function(){ return true; }); I edited this issue. Now when the user clicks the contact page (SLide Panel) again the panel closes...Instead of override clicking the slide itself I edited to enable it below: Note that I added the class a.pageSlide instead of the empty... You can also change the false to true... // If a user clicks the Slide document , we should hide the pageslide $(document).click(function() { _closeSlide(); }); $("a.pageSlide").click(function(){ return true; }); Jan 13, 2009 issue 7 (Handle right click) reported by zachleatherman - Left click on the panel content is ok, so I would assume right click would be ok too, but it hides the panel again. Left click on the panel content is ok, so I would assume right click would be ok too, but it hides the panel again. Jan 11, 2009 issue 6 (Page with background image) reported by florian.t.walter - What steps will reproduce the problem? 1. Take a page with background image. 2. Insert the pageslide code. 3. Slide the page. What is the expected output? What do you see instead? The whole page should slide, but only the content is moved. The background image stays in place, what can lead to a totally corrupted layout. Is there any possibility to solve this cross-browser? What steps will reproduce the problem? 1. Take a page with background image. 2. Insert the pageslide code. 3. Slide the page. What is the expected output? What do you see instead? The whole page should slide, but only the content is moved. The background image stays in place, what can lead to a totally corrupted layout. Is there any possibility to solve this cross-browser? Jan 09, 2009 issue 5 (Overlay vs Push) reported by ajacksified - An option to go over the page (z-index change?) rather than physically moving the page may be desirable. An option to go over the page (z-index change?) rather than physically moving the page may be desirable. Jan 09, 2009 issue 4 (Specifically open / close) reported by ajacksified - The current method feels like a "toggle"; we should have specific methods for sliding in and sliding out, e.g. $('a.pageslide').pageSlideIn(); $('a.pageslide').pageSlideOut(); The current method feels like a "toggle"; we should have specific methods for sliding in and sliding out, e.g. $('a.pageslide').pageSlideIn(); $('a.pageslide').pageSlideOut(); Jan 09, 2009 issue 2 (The link/button/whatever that triggered the slide should be ...) commented on by ajacksified - Perhaps the button that opened the slider should be the default (that's what I tried as well), and you could specify a close target specifically. Perhaps the button that opened the slider should be the default (that's what I tried as well), and you could specify a close target specifically. Jan 09, 2009 issue 1 (Allow sliding in both directions) commented on by lucio.gutierrez - jquery.pageslide.css //right to left #pageslide-slide-wrap { position: fixed; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } //left to right #pageslide-slide-wrap { position: fixed; width: 0; top: 0; left: 0; //change right to left height: 100%; background-color: #000; } jquery.pageslide.css //right to left #pageslide-slide-wrap { position: fixed; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } //left to right #pageslide-slide-wrap { position: fixed; width: 0; top: 0; left: 0; //change right to left height: 100%; background-color: #000; } Jan 09, 2009 issue 3 (Slide from left / right / top / bottom) commented on by lucio.gutierrez - jquery.pageslide.css //right to left #pageslide-slide-wrap { position: fixed; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } //left to right #pageslide-slide-wrap { position: fixed; width: 0; top: 0; left: 0; //change right to left height: 100%; background-color: #000; } jquery.pageslide.css //right to left #pageslide-slide-wrap { position: fixed; width: 0; top: 0; right: 0; height: 100%; background-color: #000; } //left to right #pageslide-slide-wrap { position: fixed; width: 0; top: 0; left: 0; //change right to left height: 100%; background-color: #000; } Jan 08, 2009 issue 3 (Slide from left / right / top / bottom) reported by gfilliere - I did a quick modification to add a "side" parameter and rename the "width" parameter to "size", to allow the following use : $('a').pageSlide({ size: "350px", side: "left" }); $('a').pageSlide({ size: "350px", side: "right" }); $('a').pageSlide({ size: "350px", side: "top" }); $('a').pageSlide({ size: "350px", side: "bottom" }); It can probably be improved but it's a start :) I did a quick modification to add a "side" parameter and rename the "width" parameter to "size", to allow the following use : $('a').pageSlide({ size: "350px", side: "left" }); $('a').pageSlide({ size: "350px", side: "right" }); $('a').pageSlide({ size: "350px", side: "top" }); $('a').pageSlide({ size: "350px", side: "bottom" }); It can probably be improved but it's a start :) Jan 08, 2009 issue 2 (The link/button/whatever that triggered the slide should be ...) reported by justin.azoff - What steps will reproduce the problem? 1. Open the pageslide demo 2. hit "Click for a pageSlide demo" 3. hit "Click for a pageSlide demo" again to try to slide back What is the expected output? What do you see instead? Some users expect that clicking the link that opened the slider would also close it, when they should be clicking anything but that link. What steps will reproduce the problem? 1. Open the pageslide demo 2. hit "Click for a pageSlide demo" 3. hit "Click for a pageSlide demo" again to try to slide back What is the expected output? What do you see instead? Some users expect that clicking the link that opened the slider would also close it, when they should be clicking anything but that link. Jan 08, 2009 issue 1 (Allow sliding in both directions) reported by justin.azoff - It would be neat if you could slide in both directions. I tried specifying width: -300px, but that didn't seem to work because of: animate({left: "-" + settings.width} I'm not sure if it should support width: -300px, or if 'width' should become an alias for 'left' and 'right' added as an option. -- - Justin It would be neat if you could slide in both directions. I tried specifying width: -300px, but that didn't seem to work because of: animate({left: "-" + settings.width} I'm not sure if it should support width: -300px, or if 'width' should become an alias for 'left' and 'right' added as an option. -- - Justin Jan 07, 2009 Documentation (About the jQuery pageSlide plugin) Wiki page edited by srobbin Jan 07, 2009 jquery-pageslide-demo-0.2.zip (jquery-pageslide-demo-0.2.zip) file uploaded by srobbin - Labels: Featured Labels: Featured Jan 07, 2009 jquery.pageslide-0.2.js (jquery.pageslide-0.2.js) file uploaded by srobbin - Labels: Featured Labels: Featured Jan 07, 2009 r9 (Checking for existence of slide content wraps so that we onl...) committed by srobbin - Checking for existence of slide content wraps so that we only initialize once. Update to v0.2. Checking for existence of slide content wraps so that we only initialize once. Update to v0.2. Jan 07, 2009 r8 (Changed demo index to use document.ready, and removed traili...) committed by srobbin - Changed demo index to use document.ready, and removed trailing comma, to fix problems with IE. Also, updated reference to page-slide v0.2 Changed demo index to use document.ready, and removed trailing comma, to fix problems with IE. Also, updated reference to page-slide v0.2 Jan 06, 2009 Documentation (About the jQuery pageSlide plugin) Wiki page edited by srobbin Jan 06, 2009 r6 (Initial add to repo) committed by srobbin - Initial add to repo Initial add to repo Jan 06, 2009 jquery-pageslide-demo.zip (jquery-pageslide-demo.zip) file uploaded by srobbin - Labels: Featured Labels: Featured Jan 06, 2009 jquery.pageslide-0.1.js (jquery-pageslide-0.1.js) file uploaded by srobbin - Labels: Featured Labels: Featured Jan 06, 2009 Documentation (About the jQuery pageSlide plugin) Wiki page edited by srobbin Jan 06, 2009 Documentation Wiki page edited by srobbin Jan 06, 2009 Documentation Wiki page edited by srobbin

issue 15 (AJAX loaded content with body tags conflicts and causes unex...) reported by dus...@microswift.com - What steps will reproduce the problem? * Include advertisements in the page. * Include javascript ajax loaded content from other sites or scripts. I believe that some advertisement providers such as Adbrite and Etology include body tags in their ajax loaded HTML. Also I was getting glitches with Invision Power Board upload forms which are also loaded into the page via AJAX. What is the expected output? What do you see instead? Various javascript glitches occured such as the page loading content multiple times, redirecting to the sliding HTML URL, showing duplicate copies of the included content, etc. What version of the product are you using? On what operating system? 0.2 Please provide any additional information below. FIX: I was able to get around this problem by changing my body tag to include id="body" and changing the references to "body" to "#body". This completely fixed all glitches with advertisements and other javascript ajax loaded content. I believe the loaded content included body tags that the script was attempting to 'latch' onto. I do not know if there is a more elegant solution to this issue. It may not affect many people if they aren't using these things but I was puzzled by it for a while so hopefully this will help some. I hope this was clearly explained.

What steps will reproduce the problem? * Include advertisements in the page. * Include javascript ajax loaded content from other sites or scripts. I believe that some advertisement providers such as Adbrite and Etology include body tags in their ajax loaded HTML. Also I was getting glitches with Invision Power Board upload forms which are also loaded into the page via AJAX. What is the expected output? What do you see instead? Various javascript glitches occured such as the page loading content multiple times, redirecting to the sliding HTML URL, showing duplicate copies of the included content, etc. What version of the product are you using? On what operating system? 0.2 Please provide any additional information below. FIX: I was able to get around this problem by changing my body tag to include id="body" and changing the references to "body" to "#body". This completely fixed all glitches with advertisements and other javascript ajax loaded content. I believe the loaded content included body tags that the script was attempting to 'latch' onto. I do not know if there is a more elegant solution to this issue. It may not affect many people if they aren't using these things but I was puzzled by it for a while so hopefully this will help some. I hope this was clearly explained.

Older