JQuery :: Create Bar At Bottom Of Browser Window That Doesn't Reload When Navigate Through Site?
May 8, 2010
Does anyone know how it would be possible to create bar at the bottom of the browser window that doesn't reload when you navigate thru the site. A good example is the chatbox that Facebook has. When you click links throughout the site the chat box is constant and doesn't reload.
I'm having an extremely hard time finding out how to do this. I'm looking to attach the footer of my site to the bottom of the browser window. The site uses an accordian/slider as it's UI, so the footer needs to "float" above all the content and attach to the bottom of the BROWSER window (not the end of the content), so that when the slider comes down and some of the content is below the bottom of the browser window, the footer remains at the bottom of the browser window, even when the page is scrolled. I'm tearing my hair out trying to find a solution to this issue. Here's the page with the footer as a simple div (it's not even fixed to the bottom with CSS right now because that does no good when the page is scrolled):[URL]
I have a popup that contains a form. When I submit that form, I need 1) the data to get saved into my database, 2) the popup to close, and 3) the parent window to refresh and display the updated data.
I found the following code in an old thread, but the parent window still shows the old data after it appears to reload. The data is saved in the database, but the parent window only shows the updated data when I manually refresh it by hitting F5.
I'm looking for nice solution to handle file downloads. The problem with classic link in <a href="file"> is that in case of missing file, the main browser window is reloaded with 404 error, but I'd like to present to user a popup message without reload of main browser window.
I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.
I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project.
I have been playing with a bit of code I found of the web and it works well, it basicly allows me to create pages and navigate between them all done via JQuery. The one question I have is, how hard is it to add some simple animation to it, such as fadein which if I have read correctly is built into JQuery?
To see what I mean for example go to: [URL] and click on the Log-in link that is on the top right corner. Once you do then a small window pops up where you can enter your userrname & password. This is the type of a pop up window that I need to create.
So Im trying to create a slideshow with thumbnails the user can scroll through and use to navigate the slideshow. I'm a big fan of cycle so I wanted to use that as my main slideshow component and was planning on using jcarousel for the pager. So far it works great in Firefox, Chrome, and Safari, yet in IE the thumbnails are not loading. I'm guessing it has something to do with how the images in the pager are generated and then jcarousel just isnt proccessing that in IE but I 'm not sure. I feel like I'm very close to getting this slideshow to work, yet I need to figure out why it is failing in IE.
i've got a bunch of webaplications in use that the users have open in a browser all day. and so far every thing is perfecto. my problems start when the user during the day get emails with links in them... being humans they click those links and some times they "loose" the webaplication from the original browser. this also happens of course when they use their bookmarks etc.
I'm having problems getting this bit of code to work. It works when the page is on my local drive, but when I publish it online it doesn't. The code is exactly the same when local or online. The online WIP (that doesn't work) is here:The .load code is meant to load the caption text for the video and also some social media buttons. Like I said, this works just as I want when I open the html page from my local drive.Here is the code
I'm working on a website where we're using the jquery.linkselect plugin, and we're running into a situation where we have one of the dropdown linkselect menus happening near the very bottom of the users' window.
Imagine that we have a list of articles with abstracts, authors, etc. running down the left hand side in a div which is set to show a scrollbar if the results list gets long, and each article has a linkselect dropdown menu.
Unexpectedly, if you've scrolled to the bottom of the scrolling div and you're on the last item in the list, linkselect is allowing the menu to drop down extending past the bottom of the scrolling div and outside the boundary of the browser window. This is problematic, as it makes the menu items inaccessible.
We're looking for a way to have it automatically detect the bottom of the screen and reposition the menu accordingly (similarly to the way it does it to make sure it doesn't get positioned off the right hand side of the screen). I might be able to hack it, but was hoping maybe the linkselect team might be able to put something in more quickly and efficiently than I can. :)
Alternately, a way to specify that a menu drops up rather than drops down would also be a great solution to our situation (I didn't see that in the options.
I would like to force a page reload whenever the browser is minimizedmaximized or is in any other way changed size. How can I do this?
I need some script to force the browser to reload/refresh when a page is reached from the back button.
EG You're on page A -> You click a link onto page B -> You Press Browser back to go onto Page A, it has old content that requires a reload.
Now, my page is currently php so I won't bother with my code here as I am looking for any solution (I have also posted in php forum).
Any JS solution that will trigger a reload on browser back is appreciated. I have tried a few ideas, most work in Chrome, IE always works, Firefox 4 and Opera 11 wont reload, simply fetching from cache I believe.
I am using this code to refresh the browser after a iframe has finished loading. Does anyone know a cross-browser one that will work on all browsers. I have tested it on firefox and internet explorer, it seems to only work on firefox.