Repeating Blocks Into For Loop - Alert Never Show Up
May 14, 2010
I had some code that kept repeating itself over and over again, with the only variance being some named elements changing. All the named elements ended in a sequential number, so I figured I'd just put one of the repeating blocks into a "for" loop and then make that sequential number at the end of the named elements into the variable in the loop. Again, the code worked fine when copied/pasted over and over, but now it doesn't do anything. Here's one of the code snippets outside of the loop (which worked):
You can see there's an "alert" as the first part of the loop. That "alert" never shows up. However, if you comment out everything in the loop after the "alert", then the "alert" works. So something else in that loop is causing the whole thing to not work. I find it odd that the first "alert" wouldn't work, though, since it should be the first thing that happens before any of the other code is executed in the loop, right???
I am having a single row which repeat dynamically. My issue is i want to make alternate colors in rows. (i.e white n gray) I can put the class for the row. but when it repeats it get the same bg color. How can i do the alternate thing.?
I am just trying to figure out how to do some different things with the for...in loop and jQuery, but now I'm wondering if this is even possible. I made a simple example to test: function tellMeHeights(){ var allDivs = $.makeArray('div') for (mydiv in allDivs){ height = $(mydiv).css('height') alert(height) }} But this doesn't work - the alert box just says 'undefined'. Is it possible to iterate jQuery objects like this, or should I be using something else like .each?
this is a homework project which kind of works but isn't perfect. My tutor said the result must be an alert but I ended up with a document.write instead.He said it was fine but I'd like to know how to make it alert the result if anyone can help.FWIW I tried making the contents of the for loop into a variable without success.
I have some problems about using jcarousel library on Google Map, and following is my scenario: there is a Marker on the Map, and when clicking on the Marker,Info-Window will pop up, and jcarousel content will be in the Info- Window And This is a simple demo:
When you click on the "Printer Friendly Order Summary" button, an alert for the req'd fields popups up THREE times and I don't know why.... it's also popping up EVEN when all req'd fields have been filled out, and then it proceeds to the next page as it should. This used to work, I have no idea what happened! http:[url]....
The alert at the top of this function will not show...
function getXmlHttpRequestObject() { alert("HTTP XML REQUEST!"); var httpxml; if (window.XMLHttpRequest) { // code decent browsers like Firefox, Chrome, Opera, Safari. And IE7+... [Code]...
And here is the one line of code in my external JS file: window.alert document.documentElement.lastChild.tagName); This should show BODY in the alert box, shouldn't it? It doesn't, it shows HEAD (in FF 3, IE 7 & Safari 3) and I really have NO (!) idea why it is doing that. Let me show you another example of why it's driving me insane.. window.alert(document.documentElement.lastChild.firstChild.tagName); Should show P, no? It doesn't. FF 3: undefined, IE 7: TITLE, Safari 3: undefined. Again, the question is: Why?!
I have a table, with a repeat region when there is more than one record to show, and a javascript function, that when you click on the Project ID, it shows the Job ID information in a row underneath.
Code: <script type="text/javascript"> function toggle(id) { var e = document.getElementById(id);
[Code].....
The problem is that when I click on the Project ID (Show/Hide link) of one of the 'looped' resutls, it always shows/hides the first Project ID's Job ID information
i have a form. i'm going to store the field into mysql. there are 2 conditions : one or all fields empty OR none is empty. when there's no empty field, the data will be stored. but, when there's empty field, no data will be stored and there will come up the alert "please fill all the fields!" here's the form :
I was told to use some Javascript to achieve collapsing menus. This is my current try, but it doesn't seem to be working. The end result should be like the menus on this site: [URL]
This is my code so far: <HTML><HEAD> <title>Test</title> </HEAD><BODY> <script type="text/javascript"> var hide = 0;
For some reason, Show isn't being called. The alert doesn't even show up. Though I'm under the impression the script should go above the first time it's used in the document.
Im bulding a form and during the validation i found out that two line of code are causing problem.If i remove them everything is fine.Unfortunately i need them to hide the spans with the .invalide class.I want the spans to be visible only if there is an error.'Clicking on Envoyer start the fonction'.
The functions hide/show tables within a page, and update a button by the table title accordingly. The number of tables on the page is dynamic (php generated based on an SQL query), so the Expand/Collapse all buttons are generated last, and pass the table count to the functions in variable x. I have confirmed that the number passed in x is correct for the number of tables, and that all of the tables' IDs are correct in the generated HTML. The problem is that no matter what is passed in x (currently over 300), the loop ends at 27.
function expand_all(x){ var i=1 for(i = 1; i <= x; i++){ document.getElementById('tbl' + i).style.display = "block"; document.getElementById('lnk' + i).value = "[ - ]"; }}// end expand_all function shrink_all(x){ var i=1 for(i = 1; i <= x; i++){ document.getElementById('tbl' + i).style.display = "none"; document.getElementById('lnk' + i).value = "[ + ]"; }}// end shrink_all
To confirm the values, I changed document.getElementById('lnk' + i).value = "[ - ]"; to document.getElementById('lnk' + i).value = "[ - ] " + i + " of " + x; In both functions, I got incrementing values for i from 1 to 27. X consistently was 343.
I have several elements that I can perform show hide and fadeIn animations on but I want the action to continue on an endless loop. Is this possible? If it is, are there any cpu usage issues when using a loop? <script type="text/javascript"> $(document).ready(function(){ $(".upright").hide(300); $(".cntrlg").show(300); $(".cntrlg").hide(300); $(".cntrmed").show(500); $(".cntrmed").hide(300); $(".cntrlg, .lowleftmed").show(100); $(".cntrlg, .lowleftmed").hide(100); $(".lowrightmed").show(300); $(".lowrightmed").hide(300); $(".cntrmed").show(300); $(".cntrmed").hide(300); $(".upright").show(2000); $("#dai1").fadeIn(3000); $("#dai2").fadeIn(3000); $("#dai3").fadeIn(3000); $("#june1").fadeIn(3000); $("#june2").fadeIn(3000); $("#june3").fadeIn(3000); }); </script>
Does anyone know why this isn't working? The toggle function works perfectly fine with PHP loops, but when I insert the table td tr tags, it does not hide the loop when the page first loads...It just shows the results in the div which it shouldn't be doing.
Here's what my code looks like...
JS
Code: <script type="text/javascript"> function toggle(element) { if (document.getElementById(element).style.display == "none") {
I'd like to have an alert of some type, either standard alert or a hidden div, show up when a user selects an option in a select element.
For instance, if a select element has 5 options in it and the user chooses the first one, they would get an alert that says "You have chosen the first option". I'm confident this is something that can be done with a few lines of code, but I'm not sure where to begin.
Here's the logic - I'm just not sure how to write the syntax...
If ("#select option") changes and ("#select option:eq(0):selected"), fade in the div ("alert").
Code: <script language="JavaScript"> var checkobj function agreesubmit(el){[code]....
i need to make it like if the button is clicked and there the agreement checkbox is not checked.. it should give an alert that the alert is not checked.. i know that would require a if and else statement but i cant figure out how to do it
My requirement is, I have multiple pages in tab format. If i am on first page in edit mode and change any control's value and without saving information i click on other tab that particular time a popup should appear showing validation message say "you are moving without save and it will loos all changes either click ok to loose the changes and move to other page or click cancel to remain on the current page."I tried using var isDirty = false; var msg = 'This page has unsaved changes.Click OK to abandon the changes and leave the page.Click Cancel to stay on the page so that you can save your changes.';
I am experiencing some crazy stuff, at least crazy to me Both the 'if' and 'else' blocks (according to firebug) are being executed in the following anonymous function:
It is a beginners problem I'm sure but I'm making a menu and when hovered, the submenu appear. However, when moving the mouse the submenu keeps fading in and out a few times. Why? Can I stop the function from repeating itself over and over? [code]...