I have an add row button that duplicates the last row of a table and then updates the item number located in the first column of the table. I used clone() instead of append() b/c the third column has a dropdown box that is filled depending on the selection in a dropdown box located somewhere else on the form. If I use append(), it will not fill in this dropdown box, but if i use clone(), it will.My problem is that I created this form and it worked fine on ie until i added a doctype, and then it started reloading the page after it completed the function. I then tested it in firefox and it does the same thing regardless if it has a doctype or not. I have other jquery code on this page that works fine.html table:
I've made the following script: $(document).ready(function(){ var showHide = $.cookie('menuStatus'); alert(showHide); /* Part that dosn´t work. if (showHide==closed) { $("#menu").hide(); } */
$(".openClose").click( function(){ $("#menu").slideToggle("slow", function() { if ($(this).is(':hidden')) { //var state = "closed"; $.cookie('menuStatus', 'closed'); } else if ($(this).is(':visible')) { //var state = "open"; $.cookie('menuStatus', 'open'); } //alert(state); }); });
Now this is the example: [URL]. When page loads, you get an alert, with the var showHide, which should be open or closed. Problem is the if statement. I must say it was exciting to make this little script with jQuery. Especially setting the cookie, I couldn't have done it without the jQuery plugin. As you can see I tried to set a variable first but when page reloads, the variable was reset.
I've got this form on my page that contains a search box and a select box full of employee names. When you type a few letters in the search box it scrolls through the listbox to the first match and then if you click on that name it executes a function. Today though one of my coworkers pointed out that some people would just hit enter inside the search box and he's right about that. So I looked around and found the solution for it, it's the onkeydown event I added to the search box. Weird thing is though when you type a name in the box and hit enter it executes properly and then the page immediately reloads :confused:Without the onkeybown event, hitting Enter still makes the page reload so it's gotta be something about the form.
Im developing a wordpress site for an Internet Radio station. have the flash radio stream plugin & the small chatroom/shoutbox type thing stay (at the front) so that a user can then freely browse the rest of the site on different pages, without the actual stream plugin and shoutbox being refreshed. I need it to stay at the front at certain positions (ie to the left of the content so its not blocking it), so having a pop-up window will not work as it will just disappear behind whatever window the user clicks.Ive had a quick look at Modal windows but (correct me if im wrong) they also "refresh" if a user was to go to a different page.
We are developing an application with ASP.Net and C#. We have a back button (html link) on few pages, by clicking on back button it triggers the browser back event. So user will be able to see his last viewed results (by going only one level back).
We are calling "window.history.back();" function of Javascript to achieve this, but the problem is that its working fine in IE but not in Chrome and Firefox. Whenever user clicks on the back button, Chrome and Firefox reloads the page from server and execute all the server side events.
What we need is simply go to one step back without reloading or refreshing the page.
Prevents the page reload after clicking another anchor on the redirected page.
A description of the problem: User clicks a link to view the newest post of a topic, such as
Code:
[URL]
This link redirects automatically to the topic with an anchor to the latest post entry on the page:
Code:
[URL]
This is where problems start. On this page clicking any link which is an anchor causes the page to reload and then jump to the anchor.
My modification enables posting replies to topics via Ajax, and to support back/forward button functionality in browsers I must change the anchor in the script. As soon as it is changed the browser reloads the page defeating the purpose of Ajax!
So what can be done about that anchor? I'm thinking about passing it as another variable in the query string and then manually via JavaScript onLoad() to extract the anchor from the URL and then jump to it after the page has loaded. Would this work?
Has any user of Opera 7.11 noticed that it does not reload all files when the reload button is clicked? I can click on my html file to cause Opera to load and start and it's OK. But if I then correct an error in a *.js file and click reload I often get a javascript console with the same error that I just corrected and line numbers that refer to the old file. This has got to be something that I am doing wrong, but I can't see it.
Is there a way to monitor a newly opepend child window with opener, even when the page keeps reloading ?
Say window A opens window B and gives it a name/handle "myWindow". At this point anywhere in window A, we could say myWindow.location.href to find out where the child is.
But what if someone was to take window A to another site, and than return using history button, OR reload it completely.
upon load the var myWindow would get executed again, and it seems like the handle would be lost. I tried to see if there was a window.children collection that might still hold window B in its subset, but was not able to find a way thus far.
I am currently encountering a problem with setting "display" property from "none" to "block":
Browsers will refresh itself when the display property is changed; this causes the element to display then suddenly disappear after the page reload. Do you guys have an idea what I can do to avoid it?
I tried using jquery's show command, css command with setting display to block, and pure javascript method like document.getElementById("theId").style.display="block".
The original window should not reload, but is, and I have tested it with both version 4.72 and 7.02, and they both do it. IE does not do it. The big problem is that the original window has security built into it so it must be called from the right referring url, but when Netscape reloads this parent window, it neglects to send the original referring url, so the original page is replaced with an error page as soon as the above link is clicked.
Is there any workaround for this, where either Netscape will not reload the original page, or if it does, at least not lose the referring url?
I am working on a web application and have run into a problem. From a main window (Window1) I open a child window (Window2), and from that child window I open a grandchild window (Window3). I need to call a funcion that resides on Window1 from Window3. I do this successfully by calling a function with window.opener on Window3, which calls a function with window.opener on Window2, which calls a function on Window1.
My problem comes in with the case of a user closing Window2, and trying to carry out the function on Window3 that calls the function on Window 1. I have already tried window.top, but it doesnt seem to work. window.opener of course returns the error "window.opener has no properties".
I originally thought I should always include js which shouldn't be parsed until the html had been written using the following:
$(document).ready(function () { //My code });
I later read that I shouldn't do this (JQuery Cookbook, or something similar) but instead should just include my JS at the very end of the page but before the body close tag.
When I use the load function on my first page (index.html): $('#content').load('page1.html #content'); I got two divs on my page with the same id (id="content"). ... <div id="content"> <div id="content">Content from page1.html</div> </div> ... How do I resolve this issue without a another div?
I'm using the load function to inject a page into my layout. It works fine, however after it loads the page the layout changes dramatically and eliminates pretty much all of the CSS in the HTML file.
The page im loading is a PHP page, could that be why? Is there something I have to insert into the PHP file to stop the display from changing upon loading?
I have an existing jquery/ajax script that does a click function. After the click function, I need to reload a div on the same page.Isnt there a simple line of jquery that would reload a div? below is the click function. lets say i want to reload a div with id="lesson" after the click.
Pass variable to jQuery function in another page? I have what I think is a simple question but I can't find an answer. I have two html pages - one.html, two html. [URL] one.html contains a jquery function that alerts the variable it is passed.
[Code]...
The problem is I want to call and pass the variable from another html page - two.html How can I call and pass a variable to the jQuery function in one.html from two.html ?
I'm relatively new to jquery and I've noticed that a page that has jquery script and any jquery extensions will run fine the first time, but if the jquery loads another page fragment using the load function into the same page or hides a div element and reveals another div element or calls an ajax script to show a different page, the jquery script ceases to work
I'm having probs with append(). When the page loads I add a function to certain images:
But after appending a now row, with a similar image, the onclick function on that row doesnt work, seems like it needs to be reinitialized or something.
I tried making a function of:
But when I call that function after appending, the new image is not clickable and the images that were already there, get an extra function on click.
I have a nproblem with running commands from a loaded page;[code]Now i want to execute the alert() on page BB.html when doing the load on page AA.html.
I've ran into a little problem when using resize() function in jQuery as I am trying to call a function after the document loads and later on should window resize occur, but I can't really figure out use jQuery syntax to do the both at the same time within a function.
Here's a example: $(document).ready(function() { doScript(); $(window).resize(function doScript() { // do stuff }); }); So it is possible to give an instance name to this (resize) function and call it just once after the page loads?
