I have a few functions called by a form. Two examples are onclick in a form input and onkeyup in a form button.
function checkUsernameForLength(whatYouTyped) {
var fieldset = whatYouTyped.parentNode;
var txt = whatYouTyped.value;
if (txt.length > 2) {
fieldset.className = "welldone";
return true;
[Code]...
I am trying to create a button that when clviked on it will pop up 9 error boxes at random and the user clicks onthem as fast as he/ she can and when the error oxes are done there is a message that asks if you want more here is my code:
View 1 Replies View RelatedI have been looking at this code for two evenings now, and rewrote it 4 times already. It started out as jQuery code and now it's just concatenating strings together.
What I'm trying to do: Build a menu/outline using unordered lists from a multidimensional array.
What is happening: Inside the buildMenuHTML function, if I call buildMenuHTML, the for loop only happens once (i.e. only for 'i' having a value of '0'.) If I comment out the call to itself, it goes through the for loop all 3 times, but obviously the submenus are not created.
Here is the test object:
test = [
{
"name" : "Menu 1",
"url" : "menu1.html",
"submenu" : [
[Code].....
'Menu 2' and 'Menu 3' don't show up! I'm sure it's something small that I'm overlooking.
I'm looking to send a loop variable (i) to a function inside the loop, but I can't seem to get it to use the value I want, it keeps making it a reference of i and therefore the function is always called using the last value of i rather than the one it was set with.
So if i have 5 Tabs then Tab 1, when clicked, should call DefaultTabClick(0) and so on rather than always using 4 for any of the tabs.
but I just can't figure it out. I have trawled the net for a solution and tried many different things that I have seen but still no luck. Maybe the answer is staring me right in the face and I just can't see it. The code it executing the first time but as the setTimeout tries to start the second loop I get an error 'box is not defined'.
function expand(box) {
var box = document.getElementById(box);
var originalHeight = parseInt(box.style.height);
var inc = 5;
newHeight = (originalHeight + inc);
box.style.height = newHeight + "px";
int = setTimeout('expand(box)',100); }
I am working on a site and in the process borrowed some js from some one to get dropdown menus to work, but after a while got reports from people who tested my site of some problems and decided to verify all my code, and i have fixed most bugs but the one listed in the title.
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
[code]....
I'm working on a script(for giving points to a soccergame 0, 1 or 3 points)
that give a value to a hidden field, i got a function but only works on 1
field.
I want that the function loops till all hidden fields are fill in.
Here's what i got so far:
function myfunction()
{
if (document.form1.hgoals.value == document.form1.agoals.value){
document.form1.hpoints.value = (1)
document.form1.apoints.value = (1)
}
else if(document.form1.hgoals.value > document.form1.agoals.value){
document.form1.hpoints.value = (3)
document.form1.apoints.value = (0)
}
else if(document.form1.hgoals.value < document.form1.agoals.value){
document.form1.hpoints.value = (0)
document.form1.apoints.value = (3)
}
why the function "changeDiv(the_div,the_change)" is not called from the for loop in the function displayUsers(keeper)that I generated. The displayUsers is written to get rid of excess code in the function display(keeper).
function changeDiv(the_div,the_change)
{
var the_style = getStyleObject(the_div);
if (the_style != false)
[Code]....
obvious...they're not necessarily obvious to me yet.I am writing some basic image gallery functionality, using my owndefined jquery functions.I am trying to use .each() to loop throughthe "image" tags of an xml file, and create a thumbnail for each ofthem. I want to catch the index of each iteration to create avariable I can use to match my thumbs with my full-size images...
$.fn.createGallery = function(){
//START GALLERY OUTPUT STRING
galleryOutputHTML = "";
[code]....
I found this script that hides text and would like to add a loop to the function code. I have given it my best shot but I'm afraid to say my Javascript ability is a little ordinary.with this.PHP Code:
<body>
<script language="JavaScript" type="text/javascript">
function sizeTbl(h) {
[code]....
I'm trying to make it so when you click a cell in a table it runs a function based on the value within that cell. With the current code, no matter what cell is clicked, the alert box displays the same number, which is the last number in my array. The variable, princ, is just being overwritten rather than writing code to each the cell with the proper value.
for(i=0;i<=3;i++){
document.writeln('<tr>');
document.writeln('<th>'+(periodArray[i])+'</th>');
[code]....
i'm having trouble with some of my codes.i've been trying to put variables in function calls parameters, but it just does not work.
for example, if I try to do sth like this:
Code:
//a function that creates page numbers based on number of pictures that can be shown on the page
function MenuBar() {
pageSpan = [document.createElement('span')];[code]....
when i try to run it, it won't work.what i'm trying to do is that every time the loop runs, the "onclick" event of the created span will be the value of the loops "x" variable -1, and the value of x variable.meaning, for every new span, the parameters in the showImage() function are different.
Code:
pageSpan[1].onclick = function () { showImages(0, 1) };
pageSpan[2].onclick = function () { showImages(1, 2) };
pageSpan[3].onclick = function () { showImages(2, 3) };
pageSpan[4].onclick = function () { showImages(3, 4) };
pageSpan[5].onclick = function () { showImages(4, 5) };
I want to call a function inside a loop of an array but when I run it, it is only reaching the function the first time.
for (i in qMedia) {
writeMedia(qMedia[i].name, qMedia[i].format);
}
Even when I tried to call it outside the loop multiple times, it only executed once.
writeMedia(qMedia[0].name, qMedia[0].format);
writeMedia(qMedia[1].name, qMedia[1].format);
writeMedia(qMedia[2].name, qMedia[2].format);
I know that each of the objects in the array have data because I tried to run each one of the lines above separately without calling the other two and it worked fine.
I am trying to implement an onclick function in a loop. To simplify things, I only print the essentials:[code]where id is an array assigned by AJAX and delLogic is another javascript function which takes in the id as the argument.I always get 'undefined' regardless of which onclick element I click on.[code]but it always give me the last id number of the array instead of the current one.[code]
View 4 Replies View RelatedI'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE).
The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden.
However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case.
Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed?
I've this script that make change a class every 3 seconds. How do I stop the loop, so it will stop on the second class?
$(function() {
var $target = $("#wrap");
var classes = ['hide', 'show'];
var current = 0;
[Code].....
I am trying to use the onclose function on phatfusions multibox in order to refresh the parent window when the multibox is closed. The problem I have is that as soon as I load the page it gets stuck in a loop. The code I am using is as follows
Code:
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('ab', {descClassName: 'multiBoxDesc',onClose:location.reload(true),useOverlay: true});
});
I have a pretty simple function set up to pull XML data into my page, but there's a couple things wrong with it. I'm REALLY new to J Script and really trying my best to learn, but for some reason I'm not yet adept at googling the right results :rolleyes:At the very bottom you can see the data from the first XML entry, so it seems the function itself is working fine, but it's not looping coorectly to access all the data.Also, I want to pull it into the "shows" div of the page, but can't figure out how to put it there (seriously, I am very new with JS). The code below is not working, but the live site has it added to the body, which does show the one entry.Here's the XML function, the XML data and the HTML markup:
Shows function -
function loaddates()
{
var xmlData = document.getElementById("tourdates");
var newDates = xmlData.getElementsByTagName("dates");
[code]...
I have a simple HTML page with one DIV element with the id "rotator". Inside that, JavaScript is supposed to create boxes that react to mouseovers.
The weird thing is: The whole script works, but ONLY on the LAST box I create, no matter what I do. I can manually add the mouseover code to any one of these boxes, but it will only take on the last one. I can have JavaScript tell me the mouseover status of each box, and they all tell me they have code assigned correctly - but again only the last one works...
Here's the relevant code (yes, highly abbreviated, but it's the part that fails on me):
var maxBoxes = 10;
function initSite() {
var rotator = document.getElementById("rotator");
rotator.innerHTML = "";
[Code]....
initSite is called in the body onload. All kinds of other animation parts are implemented that work fine, just this mouseover won't work. I have tried re-writing it in multiple different ways, including "xyz.onmouseover = myMouseCode" and then defining the function separately later - still no dice.
So, the code creates 10 boxes (0-9) and 10 boxes that are on top of them to create a form of shadow effect depending on the position of the original boxes. Since the "myDark" boxes are on top of the "myBox" boxes, I apply the onmouseover onto the "myDark" boxes, but it only works on "myDark9" and no other box. They are all created the same way, the mouseover assigned the same way...
I'd like to ask how can i ask for a function inside a for loop , if i remove the loop the code works fine but i need it for 10 rows .here is the code...
View 3 Replies View RelatedHere's the code:
for (var i = 1; i < 5; i++)
var pl = eval("player" + i)
var namepl = eval("document.charInput.name" + i + ".value");
[code]....
In the case of the 2nd-4th player, it changes to name2.value, etc.Based on these three inputs, I need to iterate through all four players and make the player object for each of them, as I've done above.
I'm trying to write a function to set display of containers when hovering over another element.I have an unordered list with 5 list items each of which, when hovered, should trigger the display of a corresponding div.I can get each of the individual portions of this to function;i.e. the "hover function" on it's own, and the "for loop" on it's own. But when combined, my counting variable (when placed within the hover function, has a fixed value of "6" though the loop iterates the expected number of times "5".How do I pass the variable so that it will increment properly?
Code JavaScript:
$(document).ready(function() {
myDivs = '5';
[code]....
i m working on a file i created a function which i call upon when body tag load but it loads so many window. coz its going in a loop. how can i stop it? here is the code
Code HTML4Strict:
<html>
<head>
[code]......
Here's where I'm having an issue: [url]
It returns an error of "Error: ca is null" from this function:
Code:
The thing is that it will return a "null error" for whichever height I try to set first. I mean, if I swap the first two items:
Code:
It will return "Error: cb is null".
I have a for loop which has a length of 8. It's meant to run through an array of objects and bind a click function to all of them. So the alert should run a range 0-7 but instead it returns 8 no matter which object is being clicked.
for (var j = 0; j < bubbleArray.length; j++) {
$('#icon' + j).bind('click',function() {
var icon = this.id;
this.diam = $(this).width();
[Code].....
I am trying to track progress of a database operation . and want to display percentage progress on page asynchronously.
Process.jsp - In this i used javascript to call ajax function continuously which returns percentage progress. My Code is ...