I am writing a small module which will have several different aspects to it, all based around ajax calls. I want to allow the main ajax functions i.e beforeSend, success, complete etc (I am using jQuery) to be customizeable.I currently have an options object in the module which can be extended with an options object passed to an init function. In here, I am passing a 'callbacks' object with nested ojects for each different type of action as in...
var insertCallbacks = {
before : function() {
},
success : function() {
for some time I always found a workaround for this kind of problem. But somwhow, it feels wrong. So I'd like to know, if there's a common way to solve something like this[code]...
I'm defining the function and if the value of 'obj' hasn't until the function really gets called, this can work. But it just feels so wrong do have always global variables just to access them inside of a callback.[code]...
I can't seem to get a variable declared from within a post callback, so that I could manipulate my script accordingly. I have delete.php, that deletes an id from a mysql db. If it fails, I want the script to stop and display the error. The .php script echos an "ok" if everything went fine, if not - it echos the error.var abort_error; // set the error variable
I'm looking for a sleep function in JS. An event is triggered on mouse-out. But I want the action to kick off x seconds AFTER the event. So, perhaps I'm looking for a "sleep" function in the event function?
I am trying to convert some of my javascripts into a class and am running into difficulties which i think are related to variable scope.
Basically I have a constructor function for a calendarInput class that takes 4 parameters, the first is a reference name/number for this input. I also have some functions for importing my PHP classes into Javascript using AJAX (properties only. still trying to get methods working but that's another story!). The relevant function is called call_object_method(classname, methodname, createparams, methodparams, post, callbackfunction). This creates an instance of the specified PHP class using the parameters in createparams. It then calls the specified method using the parameters in methodparams. The result is passed back to the javascript function specified in the callbackfunction parameter (ie the value of xmlhttp.onreadystatechange is set to callbackfunction before xmlhttp.send() is called)
The function i am trying to fix is called show (x,y) which creates the html for the calendarInput and displays it at co-ordinates x, y.
this.showcallback = function() { alert(this); <!--//code to create html//--> }
}
I know i've cut out most of the innards of this. This is because I have already tested these functions and had the calendarInput working outside of a class, hence am pretty sure that this is ok (plus it runs to almost 1000 lines these days!!). My problem is that when I call the show method, the alert on the first line of the callback function returns the function showcallback instead of (as i was expecting) the instance of the calendarInput object. Whilst this kinda makes sense I can't figure out how to reference the Object instead. I have tried 'this.parent' but this returned undefined. I have tried changing the way i reference the callback function (ie the final parameter of call_object_method) but no joy.
I am struggling to find examples on the web that implement Javascript callback functions of an embedded Real Player.
There are lots of examples for Visual Basic, but I couldn't find any for Javascript.
I am looking for any basic example. For example, showing a javascript alert when a Real Player error is triggered. (with examples for both Netscape/Firefox and Internet Explorer)
Is there a way to pass arguments to the callback function used inside an addEventListener? I see that I can only list the name of the callback function. For eg, I use this:
var boldLink=document.getElementById('cmtbold'); boldLink.addEventListener("click", rBold, true);
I need the id of boldLink to be accessible from inside the function rBold()
I am working on a simple Expanding Family Tree. There are two principal Objects: Person and Family, and two subsidiary ones: Sibling-sets and multi-Marriage-sets.
When I click on a Family Button, I want to display all the Persons of a Sibling-set. Married Siblings will have a Button. Pressing this should display one or more Marriage-Partners. If these Marriages (Families) have children, they will have a Family-Button.
You will notice the code for the four objects is fairly repetitious, but that for the variable-length Sibling and Marriage Arrays, is what has kept me struggling for days. Lines S04-S10 and M04-M10 appear to be the problems.
Even though I think addSibling() is constructing Sibling objects, S06 reads the Argument vector as a single item S07 tells me the argument-count is 1. so S09 processes only once, and then.. it interprets argv[s] as a single item, but assigns the whole array to this.sibA.
Recently I decided to branch out and learn some Javascript on my own. I'm getting the following error: Uncaught ReferenceError: array is not defined
I don't quite understand why I'm getting this error, as I've created the array in the function showPrompt and it seems as though it's being passed around correctly. However, I believe the problem is with generateBoxes, specifically this part here:
onclick=\"getValue(array, i)\" (line 39)
Removing array from the function parameter seems to make it execute, but beyond that, i'm lost to what is wrong.
Here's the code:
function showPrompt () { Obtains user input var array = new Array(); var box = prompt("Please enter number of boxes","1");
I'm new here, and new to js. Here is my problem: I have written out a code to make an image switch from state 0 to 1 and back to 0 again (an eye blink). The code works fine, but I would like to write the functions with arguments so it could be applied to more images. I have tried for a few hours (and searched forums) and am getting no where. Here's my code.
Code: function home_blinkDown() { //alert('blink down'); var t = setTimeout("home_blinkSwap('home_js', 'images/main/home_blink.png')", 2000);
I use the getJSON request to fill a select (with cities names) after the user have choosen his region.
I paste some code:
The problem is that callback is never called. I used firebug and i have seen that when i change region the getJSON function is called and my script (python) return this JSON:
Why my callback is not called? I can't even get the alert ('callback time!'). I thinked that my json could be broken, but firebug net console read and parse it very well, so i think is valid JSON.
I also tried to split up the function declaration from the getJSON request, but it's no use.
I'm trying to trap a user entry that cannot be found in the database. When a code is entered, the page should give a "Code Not Found" message if it is an undefined value.
However, it didn't; and it always shows the "undefined" value to the page instead.
I totally understand that in order to learn javascript I need to know how functions work, I understand the basics of passing in parameters and then calling the function with the values to maybe add something together etc I ve read countless articles about functions as well as books etc but I just dont get how they are used and when they should be used etc, the more advanced functions that have maybe 4 parameters and are doing different calculations and returning various values that get fired back into the script just totally confuses me.
What I would like to know is first of all how can I overcome this confusion and also any words of wisdom you may have. I will also add that I have no prior programming experience and have spent the last 2 months frequently hitting my head off a brick wall as I just cant understand javascript.
I am creating a website, and I have javascript function that will play a video playlist by passing it a playlist ID. I want to be able to share a url that points to my website and also calls a javascript function, like: [URL] If someone clicks/enters that url, they redirect to my website and the getPlaylist(id) function is called. Is there a way I can do this?
Title doesn't really give this thread justice ... I have a content div with an image and text included into it. This same div class is being used multiple times. What I want is to be able to click the image, and have the <p> in that div toggle to show or hide. Here is the XHTML code for the front-end:
<div class="content"> <img src="image_big.gif" alt="image" class="toggle_font" /> <p> Caption for the next image. </p>
I have a link styled with css that I'd like to change with a mouse event. It's going to be on a touch screen so I'm assuming I should adopta mouseUp/mouseDown model?
i am creating a simple dynamic menu for my study with the following structure:
[Code]...
now i need to find the correct selector for the mouseout event, because now the submenu disappears if i am getting of the current element (this) of the mainmenu, but i only want it to disappear if it is not anymore over the submenu, or if the mouse goes over another element of the main menu.
I have the following$('.eventsMPH').find('li.comingUp:first').attr('id');This gives me the first <li> with a class of 'comingUp'. However how do I get the first <li> with a class of 'comingUp' BUT without a class of 'clone'
I'm fairly new to jquery and I've been stumped on this one for a day now. I'm creating a lighbox type photo gallery on a page. The box is simply a hidden div that is displayed when the user clicks a link. When the link is clicked to launch a gallery I'm using the .load() function to grab another page and load it into the hidden div which is now displayed.
The code looks like this $('#galleryBox').load('boxModal.php?ID=' + ID)); The issue I'm having is after I load up the gallery box with boxModal.php.. I want to be able to respond to the click or mouseover event of the images that have loaded in that box. But I can't seem to find the images in the DOM. Is it possible to add event handlers to images loaded using the .load() function?
I have a calendar in which each day is a separate div, and all these are within a container div #cal. When a user mouses over one of the days, I want to figure out the index number of that day's div within #cal. Simplified example:
I can easily get the index of #nov2 from Firebug if I do this in the console: $('#cal div').index($('#nov2')
But, I can't figure out how to write a function so that I don't need to assign an id to each day div. I'd like to be able to just take "this" from the moused-over div, and pass that to a function that can turn it into the needed index.
I am working on a little project with fullcalendar but while writing some callback functions stumbled upon an issue: Fullcalendar generates html that looks like this: <a><span></span><span></span><span></span></a>.
Now there is an eventClick callback that is fired when clicking on that <a> element. However, in that callback I would like to know which <span> element was clicked.
