Ajax :: Script Update Doesn't Work Without Alert() Statement?
Nov 19, 2010
I have a JavaServer demo I'm working on with a bit of JavaScript and thought I'd try adding some AJAX. Its a forum, and the idea is that a post window is revealed when the reply message is clicked. This button is in a jsp page has an onclick attribute to the showEditor() function below. A cancel button is similarly hooked up to hideEditor(), and the submit button calls copy() with a onsubmit tag. A servlet sends a response which has both the HTML for the post area (its a rich-text editor in an iframe, with a bunch of buttons above it much this one) and a Javascript object called Editor that has handlers for all the buttons and sets up the iframe so it is editable.
I actually got it to work okay, until I removed the last alert() I was using for debugging. Then the iframe stops being editable, and the editor.appendQuote() function either doesn't work or doesn't run.
This isn't terribly important because all AJAX accomplishes here is not sending all the post-related HTML and Javascript unless it is actually needed, which isn't all that much, but it would be nice to figure it out anyway.
Code:
<script type="text/javascript">
var editor = null;
function showEditor(node) {
if (node != null) {
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
this is a re-post of the last item in ':after in js?', below, but the problem is no longer about ':after': now there's an 'else if' statement that doesn't work. This works: it looks for 2 conditions in a class name, and changes a class:
I have an input form that accepts numbers. I am trying to compare the last field value to the current field value. My problem is that when I use the variable name of the last field in an object path, I get the error "null or not an object". The var 'L' is the problem in the statement below. If I manually type the field name in place of 'L', it works fine. How do I have to write this statement so 'L' works?
I have a simple problem that I can't solve. I am trying to code a "More Info" button/link to display some more technical details of an item, if required or wanted. I haven't tried incorporating any code in to my web site yet, first I am trying to test how it can be done in a seperate file.
What I have right now is a table with two cells. In one cell is static text, in the other is a hyperlink. The onClick event calls a JS function called "more_info()" in which a global varible is altered to contain the value 1.
Directly after these two cells is more JS (this is before the table ends). The JS here is checking to see whether the value of the global variable has been changed. If the value is 1, display information. There is no "else" clause because I don't want information displayed unless the variable is equal to 1, so it is not required.
I think I know what the problem might be. The browser is reading the code in question before I ever click the link and has already been executed before the variable is changed. I know JS is object oriented so it will not sit there waiting for me to click the button before reading the logical statements.
I spent 2 hours trying everything, but I still can't get it to work. <html> <head> <title>Hi</title> <script type="javascript"> var outcome1 = form.YesNo.value
if (outcome1 == no) { var formResult = no } else {
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() { var f; var x; var myForm = document.forms[0]; // Get the row filters that were used in the last query.. for (f = 1; f < 16; f++) { var filter = eval("myForm.FilterList_" + f); if (filter.selectedIndex > 0) { var methodElement = element("FilterMethod_" + f); var methodIndex = methodElement.selectedIndex; var savedFilterMethodValue = methodElement.options[methodIndex].text; var choicesElement = element("FilterChoices_" + f); var choicesIndex = choicesElement.selectedIndex; if (isNaN(choicesIndex)) { var savedFitlerValues = choicesElement.value; } else { var savedFitlerValues = choicesElement.options[choicesIndex].text; } updateFilters(filter); // update the filters // take the saved methods and values and then update the selections // Alert here makes the code work.. // alert("Try this"); // Wait for HTML.. setTimeout("completeEdit()", 1000); function completeEdit() { // Since the object was updated, get the object again.. var methodElement = element("FilterMethod_" + f); for (x = 0; x < methodElement.options.length; x++) { if (methodElement.options[x].text == savedFilterMethodValue) { methodElement.options[x].selected = true; break; } else { methodElement.options[x].selected = false; } } // Since the object was updated, get the object again.. var choicesElement = element("FilterChoices_" + f); for (x = 0; x < choicesElement.options.length; x++) { if (choicesElement.options[x].text == savedFitlerValues) { choicesElement.options[x].selected = true; break; } else { choicesElement.options[x].selected = false; } } // Only display next row if f = 2.. // If only one row was used, no reason display the next row.. if (f == 2) { displayNextFilter(f - 1); // display it } } clearTimeout(timeOut); } } }
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this.
I am trying to include two functions in an onchange when the user selects a new value from a select list: It is a quite big form form - There are one select list, when changed - TWO other fields in the form needs to change accordingly: I put the information back using ajax and place it within a <span id="blah"></span>; I have checked the span ids, and they are correct! Unfortunately, the second function disables the first one This is the select list with the onchange functions:
I have a simple form on my website which gives the user a instant-quote on our prices. The script doesnt work on the iPhone, which is something I would like it to do just in case someone tries it. Here is the Javascript:
i have to txt <inputs> on a php web page, which use the jquery datepicker. however when i do an ajax refresh of one of the spans on the page, the datepicker wont pop up any more unless i do a reload of the whole page?
I want use $.ajax to read some infomation from xml file,here is my js code :
$ . ajax ({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
I implemented on my custom cms ajax pagination for my content. In that content ofcourse there are some images inside and after adding ajax pagination lightbox pop up effect doesn't work. I suppose that the problem is in javascript method in head block of my page which is following
HTML Code: <script src="ajax_req.js" type="text/javascript"></script> <script>htmlData('pagination2.php', 'page=1')</script> and I call lightbox scripit
I'm trying to replace the <head> of a page with the <head> of another page.[code]I call $("head").load("/About head")expecting to replace the <head> section of the current page with that of URL...However, the function seems to insert an empty string into my <head> tag.
I'm recently programming a website with ajax and no i have found a solution for the back button problem (broken) on the internet, but it doesn't work on IE. it works on firefox, chrome, safari,...
Every time the user changes the page the url is stored in history with this code:
Code:
It adds after the url a '#' sign with the name of the page...
After that the program will store the url in a non-displayed div
And now i've set up an interval that checks the url adress bar and that div if they are not the same the page will load the url in the adress bar here is the code:
Code:
I've checked the problem with IE. IE will not read the current adress bar. It's always reading the url of the current page but not the url of the adress bar. And i've tried almost every combination with document.location, window.location, href, hash,...at least here's is my url:[url]
know why flash doesn't work on content dynamically loaded via AJAX? This is for a one-click CopyToClipboard function. I use ZeroClipboard for this. HTML CODE (this works perfect with the clipboard() function)
Code: <label>Image link: </label><input id="photo_direct_link" value="test" /> CLIPBOARD FUNCTION Code: function clipboard() { // Copy to clipboard var photo_direct_link = new ZeroClipboard.Client(); [Code]...
why the function alert("hello") is not generated after clicking more than once... There is some method to do this function is executed?Note that doesn't work after update using html() involving id "press" in button.Any idea? PS: see in http:[url]....New York Select an item
