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.
View 1 RepliesI'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]
View 5 Replies View RelatedI 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.
Code:
<form action="process_form.php" method="post" onSubmit="window.opener.location.reload(true); window.close();">
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.
View 3 Replies View RelatedI 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.
if there was a script to disable only the horizontal scroll bar in a browser window on a site with frames?
View 7 Replies View RelatedI 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?
code below:
How does one create a Pop Up window where the window that pops up is not a Web browser via the Javascript Open command but the window that opens up is a custom window but it is still HTML.
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.
[Code]...
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.
what i would like is to include a javascript that forces a new browser window wtih the new url & leaves the original site as-is if a url is sent to the browser.
I've been experimenting with accordion nav in the bottom of the sidebar on this site. I got it from this work put up by Marco van Hylckama Vlieg, and I think he's done a good job. At a glance, it looks like my menu works, but as you click around, you will see it is not consistent at remembering which section of the menu to leave open - it should remember its state. It uses cookies, and I wonder if there is a problem with that, or a conflict with other scripts on the site (this is a Squarespace site). I'm hoping a js expert might see an obvious problem. I asked Marco, but he saw no problem. I've tried it on several machines and always had problems.
View 1 Replies View RelatedI'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
<script src="jquery-1.5.1.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
[code]....
Is there any way I can stick a footer to the bottom of the browser itself, no matter the size of the browser window, ore whether the user scrolls. Its basically stuck there viewable all the time?
View 1 Replies View RelatedI have no perfect cross-browser solution to position html element on
the bottom of the page. I know that with Firefox I do it as: position:fixed; bottom:0px;
However, IE does not understand that. Did anyone come across this issue to share with me?
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.
[url]
See the menu on the left, how do you stop it so that it doesn't go over the footer when you scroll to the bottom of the page?
I have a piece of JavaScript code that uses the location.Reload method to reload a form that has a textbox and radio control. Both are supposed to contain the same random number. When a button is Clicked, the location.Reload method is called and everything updates as expected. However, the BROWSER Refresh button only repopulates the dynamically generated radio button. The text box retains the old value.
[Code]..
I've got the following bit of code:
Code:
$(function(){
$(".facebook").fancybox({
'width': '80%',
[Code]....
I can't get the iFrame to load again. In my window.load function I'm basically trying to reinitialize the fancybox iframe code and then based on the link here: [URL]
I'm trying to trigger it again. The alert appears so I know it's getting to the function but it's not opening up the iFrame.
the photos are loaded quickly but with a weird "frame" or line box on the bottom half of the site. This only happens in IE7.
View 3 Replies View RelatedI'm using a little javascript to help my site's design to fit the visitor's entire browser window.
Everything works great apart from one problem. If a visitor first loads the page and the browser isn't maximised, the page loads correctly BUT if the visitor then proceeds to maximize the browser, the page is still set for the minimised browser. This condition stays until the visitor goes to another section of the site or refreshes the page. When this happens, the page again loads correctly.
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 wonder why firefox won't work with this script below, but it works on IE, Safari, and Chrome instead?
Code:
$(document).ready(function(){
$(window).resize(function(){
location.reload();
[Code]....
The reason to reload the page is to reload the google map when the window is being resized.
Here is the link to look at, [URL]
I need to know if the user close the browser or to open the window � browser without or with a disable close window button How can I???
View 6 Replies View RelatedMy WEB site opens an application window and then, from its original window it navigates to a status page.
Code:
var newWindow
function popUpApplication() {
[code]...
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.
PHP Code:
<script type="text/javascript">
window.onload = function() {
document.getElementById("updates").onload = function() {
[code]...
I am trying to trigger an event once the user clicks the browsers back/forward buttons, I have built a system just like facebook where if the user has javascript turned on they get the full feature of the site which includes fast switching for example if someone goes to this page "example.com/index.php" and click a link to contact.php it would change the url to "example.com/index.php#!/contact.php" but what I need to know is if there is any way to change the pages content when the user goes back and forth through the fast switch pages? something like "history.back !== -1" or something like that.
View 2 Replies View Related