The following scenario:
var myobject = new object (settings);
$('#button').click(function () {
//execute a method from myobject (usually called with "this.methodName(),")
});
I don't know how to pass myobject to the anonymous jquery function. But I cannot execute the method without referencing it. How can I get this done?
I had a script that was acting unexpectedly because of a function parameter. I was trying to pass a jquery object through a function to attach some events. I was wondering if someone could tell me why this
didn't fly:
[Code]...
Obviously I'dont want "alert('undefined !?');" to happen.
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]...
I am using the $.ajax funtionality with the UI dialogbox plugin. I need to pass an object to the dialog box. I have tried
.ajax({
prompt: 'POST',
url: '/page.jsp',
data: {
[Code].....
How can I pass my object to my dialog box without getting an error?
I am making a small gallery script. When a user clicks an image, I would like for a function to be called that tells the browser where that image is located in an object. For example:
[Code]...
It works, I just don't like it because it is messy and it seems sensible that some workaround exists.
I created a quick plugin. You can see it at http: [URL]. It has a strange feature. This plug-in treats the jQuery wrapper object as a group, and passes the whole wrapper in as the context object (the "this") for the functions supplied. Generally, when functions are supplied as parameters, either the context is irrelevant, or each DOM element in the jQuery wrapper is passed. But I don't do that. My plug-in keeps a reference to the jQuery wrapper and calls the functions in that context. This is necessary, because the whole idea is to act on a number of elements as a group -- in this case by fading in and out all members of the group when any individual one is hovered -- but I don't recall seeing this done elsewhere in the jQuery ecosphere.
View 2 Replies View RelatedI know just enough javascript to be dangerous, I created a 5 star rater for pages, which is set up something like this:
Code:
var starRater=function(id){
// get latest rating info from server, write into "id" div, etc
}
//later in code...
var rating=new starRater("rating");
Over the course of development I added a comment section, page visit count and so forth, and ended up with redundant code and a lot of calls to the server. I thought instead I would make one initial call and then initialize the elements with the information returned.
To be able to call the initialize function on these elements, I need some reference to them. I could call them directly, as in the example above I could call rating.init(), but I'd have to know what variable name was given to it. Instead I was thinking I'd pass some sort of reference to the object, but that doesn't seem to be working.
[Code]...
In the code above I get undefined for raterElem.testVar. Obviously I'm missing something. What am I doing wrong?
So, I read about the new method of passing an object map containing element properties when creating a new jQuery object (as discussed at the bottom of this article). The article says that it supports ALL events, but only gives examples of simple events that require no parameters. I'm trying to implement a live event using the following and can't get it to work:
var link = $('<a />', {
text: config.appendTextMore,
href: "#",
[code]....
I have a lot of similar instances of the following code on my page:
$('#btnEditParty').click(function () {
$.ajax({
type: "POST",
url: "WardAdmin.aspx/GetParty",
[Code]....
I'd like to create a generic function to save repeating a lot of code and then just pass in the relevant values.
I'm fine with that, the only thing I'm not sure about is if/how I can pass in a function name to be called on success/fail.
This post is where I was doing something similar to save repeated code: [URL]
In a similar way is there a way of passing in a function name to be called on success?
I have issue with passin value between functions:
$(document).ready(function(){
id = 'test';
$('#Meno').keyup(function(){
id = '#Mobil';
[Code].....
I am getting from console.log right value "#Mobil" but $(id) has value "Test". I need there also value "#Mobil".
My question is commented in the script:
function Love(){
var req = {
ring : 'gold',
[Code]...
console.log(details.ring); // why does this return gold and not silver if req is passed by reference and we already changed its value above and so it's pointing to the same memory position?
I have implemented an Ajax object - a div containing another ASP file which can be updated dynamically. This ASP page has a number of checkboxes. Is it possible to use JS (or any other tool) to check the checkbox status (i.e. like javascript's if (field.checked)
[Code]....
But now the form is in the Ajax object's ASP file, so "document" wouldn't work.
I have a fairly complex javascript object - containing strings and arrays - which I need to pass along to a second PHP page. Is there a way to pass this object along via POST to be picked apart by the receiving PHP script?
I could dynamically create a form, populate it with the contents of the object, then pass it along via submit(), but frankly that's an awful pain.
I am trying to make a function that checks/unchecks a checkbox when a specific <td> is clicked. I need to use this same function for several checkboxes in the page so I want to just pass it the name of the checkbox I want to affect as a variable and use it in the object reference lines. BUT, this doesn't work. I can pass the variable to the function as I've used alert(variable) to test this. But it doesn't work when I put it in a line like this "document.forms[0].variable.checked=true;". Code:
View 4 Replies View RelatedI have a function that changes the innerHTML of a DIV element. I want to pass to that function as a parameter a reference to the DIV to be changed. In the example below it works the first time (executed with the body onLoad event). As the subsequent function declaraton is rewritten by the function itself, it can no longer reference the targeted DIV. I tried to pass a string teference and use eval(), but this time it fails the third time it is executed.
Code:
<html>
<head>
<title>Passing Parameters to a Function (with object prameter)</title>
<script type="text/javascript">
[Code].....
if this is such a obvious question, but i'm kind of newbie in JQuery, i am using a lightpop plugin, & i want to pass 'image_path' via html. lightpop plugin code is something like this:
(function(jQuery){
jQuery.browser = jQuery.extend(
{chrome: /chrome/i.test(navigator.userAgent)} ,
jQuery.browser
[Code]...
I am facing a problem in passing replace() function as an argument in user defined java function.
intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '' to '\'
I am posting my javascript function here:
<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\/g,"\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>
function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}
Can assign a new function to a built-in object in Firefox:
But IE and Opera don't have a MouseEvent or HTMLElement that can be set up in the same way. Can you do this in IE or Opera, or just Firefox, and maybe Webkit?
I know its a cliche but I am new to JQuery. I have seen many posts about passing function as parameter but none is what I am looking for. Not too sure if its possible but no harm asking.I have a function that trigger a modal
function InitNewModal(URI,Title,Width,Height,Params)
{
// Begin modal function
[code]....
Am I able to pass a function literal (at least I think that's what it's called) to a jquery event handler, and retrieved the event details in the function?
[Code]...
i have this problem in passing values to a variable in a jquery function.
i have a js variable that accepts a certain value and then i want to pass this variable in the jquery function.
For example, this is my script:
var autoScrollBool = "true"
var autoScroolInt = "10" (seconds)
stepcarousel.setup({
[Code].....
i want to replace the value of autostep: {enable:true to enable: utoScrollBool(the variable i created) , when i tried to assign it as is, its not working.
I have a basic understanding of selecting elements and performing manipulations or effects, but I'm having real trouble grasping the basics of setting up variables, performing maths on variables and biggest of all, how you go about passing information from the HTML into a jquery function.
I have a site where clicking on any photo thumbnail brings up a full-screen lightbox to display the image full-size - I'm using the following to bring in the lightbox:
$(".photo").click(function(){
$("#lightbox").css({"visibility":"visible","z-index":"2"});
$("#lightbox").stop(true, false).animate({opacity:1},800);
});
This works just fine, I also have no problem re-assigning the SRC of a blank image within the lightbox to make sure the correct image renders, my problem is I just don't know how to generate or pass information into this function to begin with to act as a reference point so the code knows what image it should be displaying based on which thumbnail was clicked.
I don't need anything particularly clever, even if each thumbnail simply had a numerical figure associated with it (eg "4") which gave the function something to work with once it was fired - that would be enough.
I know how to do all this in regular JavaScript but I have to admit I'm finding the documentation for jquery really hard work, I'm having real problems grasping the fact that the functions aren't being triggered directly by the HTML.
Another solution would be to get the src of the image that was clicked on, split the string and pull out just the filename (ie 5.jpg) and then prepend a path to it for the final full size image ( largeimage/ + 5.jpg).
I know there are probably pre-made scripts for this kind of thing but I'd like to try and avoid them if possible.
I am trying to use jQuery to populate a number of divs with html from external blog pages:
for(var i = 1;i<=3;i++){
[Code]...
I understand that the 'i' variable is out of the scope of the inline function but I really don't know any other way of doing this.
I'm having issues while passing the triggered event with .on.
obj.on('click', feedmania.handler.itemFeedmania.toggleFormComment);
I've tried:
obj.on('click', feedmania.handler.itemFeedmania.toggleFormComment(e));
obj.on('click', function(e){feedmania.handler.itemFeedmania.toggleFormComment(e)});
[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
$.get("delete.php", { delete: $(this).parent().parent().parent().attr('id') },
function(data){
if(data != 'ok') {
[code]...
Two objects on an html page. An event on object 1 effects object 2
$(".video_rg").mouseover(function(event){
var myTriggerId = event.target.id;
var myTargetId = 'video_' + myTriggerId;
document.getElementById(myTargetId).src = 'images/test_object_2.gif'; // this works
// $('#myTargetId').src = 'images/test_object_2.gif'; // this does not
});
My assumption (we know about those) is that I am not passing the data to the $() function correctly, that it is reading '#myTargetId' as a string, and not a variable. I just really want the JQuery code that would do what the document.getElementById code is doing.