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 RepliesI have a theoretical question, I can't really post my code. But I have four results from reads to a database using php. I then read from an xml file using javascript using a loop. I am basically creating a chart of four variables with several different values for each variable. Some of the values for each variables come from the database using php, and some come straight off the XML file parsing done by the javascript. I initially had the php fetch/extract inside of the javascript loop, but it only assigned the first variables values to all the other variables. I discovered (after hours of googling) the difference between client side and server side code. So, after all this typing, my question is where should I look for tutorials on using Ajax to be able to use php code inside of a javascript loop? (If at all possible)
View 2 Replies View RelatedI have my own wedding website that I created, but since ios updated to version 5 it no longer functions as it should on iPhone/iPad.[code]...
View 4 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.
I need to implement a function called map (it needs to be written using reduce) in the below code that takes an array (arr) and a function (iter) as its arguments and returns an array with all its items transformed by iter, e.g. map([1, 2, 3, 4, 5], function(x) {return x * 2;}) should return [2, 4, 6, 8, 10]
View 6 Replies View RelatedI want to have two options on a form, one to refresh the form, and another to submit the form.
the way i have it set up now is through a regular html form with asp doing the calculations needed in it. if i change the value in a textbox, i want to be able to press refresh and have asp recalculate it. i'm able to do that, but now i don't have a way to actually submit the form because i already have a form method that sends it back to asp for recalculation.
can you think of a way to submit a form to two different locations based on two different buttons?
i need to implement a clear button to clear all the fields in the
form, but i am thinking i can just use reset button.
<input type="reset" name="reset" value="CLEAR">
The first thought is that if there is default value reset and clear
will become different. My understanding is that reset means to restore the original page
before any edits by the user.
It seems like I can use reset button to implement clear javascript button.
I am required to implement such a function in an email.
The HTML format email contains a field and a button. Once user click the
button, program will gather the information(email address) in the field and
forward this email to it.
I am thinking about the implemented by JavaScript/VBScript, but don't find
the solution yet. Could anybody supply some clues?
I'm finishing up the front-end of an events management application, but I'm running into a problem with my javascript.
Here's the scenario: I have the php application returning all event details into a JSON object.
The object structure looks like this:
Code:
Each event title listing on the calendar grid is assigned "#" plus the event's ID for it's link, just for testing purposes--no problems.
Eventually, I want the user to get a yui container (modal) with the event details, but when I add the onclick handler to the links, the id that gets passed for each of the links is the same, 60 (which is the ID of the last iteration in the loop).
Here is my code:
Code:
I've tried using the var keyword to localize the id, but that produced the same problem.
the honorable Fang hooked me up with this style of applying onclick to multiple button tags in a div/frame and I thought I had it down but I can't seem to get this to work. Two days of pulling my hair out was enough. I got to deffer to the script Gods again. Maybe THEY'll see something I'm missing.
[Code]...
I've been looking at this so long but nothing hapens when I click an image in the f1 div, not even an IE8 error or the alert occurs.
I am trying to get the value of a table cell that is generated by a php loop. The purpose is so eventually I can click a row out of a list and have it take me to a form view of the list item that is clicked. I've searched and searched for the last few days for something with no luck. I run across a lot of hits that tell me I need to have an id for everysingle thing I click on but there has to be a better way.
Code:
function test() {
var elTableRow = document.getElementById("tr");
[code]....
Below is the code.
My function:
function swap_content(id1,id2)
{
var tmp = document.getElementById(id1).name;
var theval = document.getElementsByName('primary_propertyp_id')[0].value;
document.getElementById(id1).name =
[Code]...
This is running through a PHP loop so it's making multiple divs and links for the secondaries. I am wanting to be able to swap out any of them to make them 'primary' this works for the first click, but after the first click it makes every div id and input name the same as the first that was clicked. It's also not working AT all if i click on the bottom link first, then a link above it. Top-down works, bottom-up doesn't..
I'm extremely new to jquery and trying to write a toggle function without using the built-in functionality. From what I've read, this should be a fairly straightforward exerciseHowever, I'm running an issue. My code doesn't seem to do anything. Not clear to me why because nothing is erroring out? Here's what I've got:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here
[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'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 Related