JQuery :: Plugin Passing Wrapper Object As This
Feb 11, 2010
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
ADVERTISEMENT
Sep 18, 2010
Without using a global variable, how do I pass a variable from one plugin to another? For instance, \autocomplete gets some variable on line 14 and dialog saves the variable on line 17.
[Code]...
View 1 Replies
View Related
Oct 23, 2011
How can I pass some data into datepicker so that the calender displays the date based on the data provided?I am trying to get data from a database then store it in some variable that datepicker can use to display the date...example code?
View 1 Replies
View Related
May 7, 2010
Ok, so I used this jquery, and i want to be able to pass a couple variables in and make a plugin from it:so heres my scripts:
<script type="text/javascript">
$(function() {
$('#head h1 a').append('<span class="hover" />').each(function() {
[code].....
View 2 Replies
View Related
Nov 30, 2010
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?
View 4 Replies
View Related
Mar 22, 2011
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?
View 2 Replies
View Related
May 21, 2010
I have created a javascript object (ajaxQue below) that contains a method (this.get() below) that is a wrapper for the $.get() function and another method (this.jobCompleted() below) that is the callback argument for $.get().
The callback method refers to the javascript keyword 'this'. But 'this' doesnt seem to refer to my instantiated object as I would have expected, instead it seems to refer to something inside AJAX. So I can no longer refer to properties within my object (e.g. 'this.prop1' below). I have included a simplified version of my code below. Is jQuery messing with my callback function ?
<!-- test1.htm -->
View 2 Replies
View Related
May 24, 2011
I am fairly decent with JQuery, but there is always more to learn of course! Consider the following structure.
<div class="container">
<div id="label1">
<div class="label1_1">
[code]....
View 1 Replies
View Related
Jun 27, 2009
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]...
View 3 Replies
View Related
Jun 14, 2011
I know it it a bit of fighting against the idea of jquery cycle, but for the jquery cycle script I need to generate a wrap around every 4 dynamicly created (wordpress posts) div's of the same class, so every slide shows actually 4 dynamic slides at a time.
For example, If the following posts are generated:
It actually needs to generate this:
I've already managed to get this, of which I think i'm getting close:
What to fill in at the for loop to make it work?
View 3 Replies
View Related
Mar 31, 2010
I have a set of radio buttons that are wrapped in divs and I want to highlight the wrapping div (by adding a class) of a radio button that is clicked while removing the highlight from any previously selected radio button (by removing the class).
I've got it working to the point where it only works on one set of radio buttons but I need to be able to do this on multiple sets. I did find this but was not able to figure out how I'd apply this to my requirement as it is working the other way around here:
jquery-tip-how-to-select-radiocheckbox-input-on-click
why its working only on the last set?
$(document).ready(function(){
function radioHighlight(radioName, className) {
radioNameSelector = "input[name='" + radioName + "']";
$(radioNameSelector).click(function() {
[Code].....
View 1 Replies
View Related
Jun 21, 2010
I 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?
View 8 Replies
View Related
Apr 24, 2009
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]...
View 4 Replies
View Related
Jun 11, 2009
I would like to wrap validation messages in <li class="error"/> with validate plugin is there any event or option I can handle to tweak the element before it is appended? I'm unsure if something like that would look ok:
$('form').validate({wrapper:"li.error"});
or either
$('form').validate({wrapper:"<li class='error'/>"});
View 2 Replies
View Related
Apr 4, 2010
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]....
View 1 Replies
View Related
Aug 24, 2009
Basically what I'm trying to do is write a plug in which connects to a sharepoint web service, traverse the results of the xml document that is returned by the web service for certain elements, and then return a collection of xml elements which I can use in another function on the page that is calling the plugin.My code looks like this:Main Page
<script type="text/javascript">
$(document).ready(function() {
var listItems = $.sharepoint();
[code]....
View 1 Replies
View Related
Apr 15, 2011
I'm trying to update a plugin i downloaded. What i'm trying to do, is make it able to work with dinamically created objects. I'm using the live function to assing javascript events, but i need to know how to assing a plugin dynamically. This is what i have right now:
$("#txtinstruments").AutoComplete("query"); What this does is apply the AutoComplete plugin, to all the objects with id txtInstruments that are already created but, i create more objects with that id on the fly, and i need to assign the plugin to them.
View 4 Replies
View Related
Oct 9, 2010
I've started using the gMap plugin [URL] in my site
I have a div, with id "map" in my code and I am creating the map with the following code, passing in a JSON object for config:
$(function() {
$("#map").gMap({
latitude: 54.7,
longitude: -4,
[Code]....
I want to programatically re-center the map and add markers elsewhere in my code, but don't know how to access this JSON object to modify it.
The way I'm currently doing this is to call gMap again with some new configuration, but I don't think this is right as I think it's re-creating the map all over again.
View 2 Replies
View Related
Jan 16, 2011
I am using the SVG plugin. I have a simple test and I am unable to retrieve the x and y values of a text object.
$('#objID1', svg.root()).attr('x')
This returns as empty. Where as:
$('#objID1', svg.root()).attr('fill')
successfully returns the fill value.
HTML code:
<html xmlns="[URL]">
<head><title>SVG test</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>
<script type="text/javascript" src="js/jquery.svgdom.js"></script>
<script type="text/javascript" src="js/jquery.svganim.js"></script>
<script type="text/javascript" src="js/test2.js"></script>
<style>
#svgCanvas {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
#svgAtts {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
</style></head><body>
<div id="svgCanvas"></div>
<div id="svgAtts"></div>
</body>
</html>
Javascript code test2.js:
$(function() {
$('#svgCanvas').svg({onLoad: function(svg) {
//code
}}); });
$(function() {
var svg = $('#svgCanvas').svg('get');
var obj = svg.text(50,50,'Some Text',{id: "objID1", fill: "#FF0000", fontFamily: "Arial", fontSize: "24"});});
$(function() {
var svg = $('#svgCanvas').svg('get');
var string = 'fill = ' + $('#objID1', svg.root()).attr('fill') + '<br />';
var string = string + 'font family = ' + $('#objID1', svg.root()).attr('font-family') + '<br />';
var string = string + 'font size = ' + $('#objID1', svg.root()).attr('font-size') + '<br />';
var string = string + 'x = ' + $('#objID1', svg.root()).attr('x') + '<br />';
var string = string + 'y = ' + $('#objID1', svg.root()).attr('y');
$('#svgAtts').html(string);
});
View 2 Replies
View Related
Feb 19, 2010
I am using this Browser Plugin call: world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', ''); in the middle of my page, where I want to load this object. (It is a 3d rendering modul Viewpoint Player)
Now I want to add a browser check, as this plugin runs only in IE. When I dedect that the page is loaded with IE, I am writing via Jquery a class name into my body tag.
I thought, it would work if I do the following:
if($('body').attr('class').length > 1){
world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', '');
}
But for some reason, the if fails, as it seem that the plugin is called earlier than the jquery browser check, so the class name is not set at this point.
Then I thought, making a function arround and call it onLoad within the body tag.
Which has the disatvantage that the MTS Plugin is loading at the worng place on the page.
What I want, is that the call to the object "world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', '');"
is only at a trie condition at the place where it should be...
View 1 Replies
View Related
Dec 22, 2010
I have a tag <object> in a page..
"<object type="application/x-my-app" id="", I_rc_3D_c, "" width="100%" height="100%">", "<param name="platformKey" value="",Platform_Code_c,"">",
...
"</object>"
and the jquery1.4.4 JS api library..
The problem is that when the page is loading the first time this object is loaded several times..
View 2 Replies
View Related
Jan 3, 2011
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?
View 11 Replies
View Related
Feb 6, 2011
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.
View 4 Replies
View Related
Dec 11, 2011
I'm trying to set my wrapper div width so it fits to screen res. i got it working but it only works when i call it by onclick="SetWidthToResolution()" function and i want it to load with the page.
function SetWidthToResolution()
{
if(screen.width == 2560)[code]............
View 8 Replies
View Related
Oct 27, 2003
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.
View 4 Replies
View Related
Mar 9, 2003
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 Related
