I am pretty excited in creating multiple methods within a single plugin. But how do we access a particular set of objects from any given method? Here is what I have so far and all i want to do is access the objects 'location' and 'background' when the DOM is ready...
*jquery plugin*/
(function($){
//call multiple functions inside of one large plugin that do different things!
var methods = {
[Code].....
I have a set of functions that will transition/fade photos in and out as background images. Easy. But now I would like to run the same functions on a different html page with different photos (each different page represents a different JavaScript array).
I've been reading online on how jQuery methods can be called into functions. So my thought process is to create 2 methods (1 for the original images and the 2nd method for the other images).
So here is my base code which works...
$.landingpage = function() {
/*Enable background image cycles on landing page*/
var images=new Array('/image01.jpg','/image02.jpg');
var nextimage=0;
[Code]....
What I am trying to achieve is an 'inherits' method similar to Douglas
Crockford's (http://www.crockford.com/javascript/inheritance.html) but
that can enable access to the superclass' priviledged methods also. Do
you know if this is possible ?
In the following example, I create an ObjectA (variable a), an ObjectB
which inherits ObjectA (variable b) and an ObjectC which inherits
ObjectA (variable c1). The 'toString ()' method of ObjectC refers to
the 'toString ()' method of ObjectA. This is possible because the
'Object.inherits ( superClass )' method adds a reference to the
superClass of an object in the object's prototype.
If I understood things correctly, the prototype is the same for all
objects of class ObjectC. Therefore, I should be able to only add the
reference to the superClass once. That is the purpose of the
'Object.initializedPrototypes' array : it keeps track of the objects
for which a reference to the superClass has been added to the
prototype.
However, when I create another instance of ObjectC (variable c2), its
prototype doesn't contain any reference to the superClass.
A workaround for this problem consists in adding a reference to the
superClass for each instance of the inferiting object (either by
bypassing the check to Object.initializedPrototypes or by adding the
reference to a priviledged member such as 'this.superClass' instead of
'this.prototype.superClass'). However, in terms of memory usage or of
"programming elegance", this seams to defeat the whole purpose of using
prototypes.
Here is the code, if any of you have got ideas...
I am currently making the first steps with jQuery and it went quite fine so far but now I am stuck. My servlet provides an ArrayList of java objects and I need to access some of the attributes of the objects.
So, there are 2 things which I don't know how to implement.
1. Iterate over the ArrayList
2. Access the attributes
every time a window is opened in our software , I built a function to get the win32 handle address for each object inside this window ,by its string name (this is something that remains unchanged). now,after opening the window in real time , and running the function, I have some value like this for example: 0x00b206d8. my question is , how cand I use this handle value in order to do some actions on this object- for example insert a value and etc... I need the correct syntax in order to do so ,
View 1 Replies View RelatedI got a simple plugin as below:
Code JavaScript:
$.fn.ajaxSubmit = function(options){
var submisable = true;
}
I want to to able to access the variable submisable from outside the plugin like doing something like below:
Code JavaScript:
$(function(){
$('form').ajaxSubmit();
$('div').click(function(){
[Code]....
I'm trying to access a variable that's set when the plugin is initialized. I'd also like to change that variable on the fly.
(function($) {
$.fn.plugin = function(options){
// default settings
var settings = {
[Code].....
I've just developed a plugin that mimics the combo box control, albeit it's a special one. That's being defined as follows:
function
$
{
$.fn.extend
{
[Code].....
But this isn't possible, since the $myList variable is a jQuery object. So I just defined some functions, say, $.smartList.getSelectedValue and the like... but in this approach, I've to pass the jQuery object to this functions as a mandatory parameter and this really sucks. i.e., I need to get the selected value of $myList this way:
var value = $.smartList.getSelectedValue
$myList
;
I'm using jQuery Tooltip plugin (url) and need to access title attribute of element which plugin is applied to. As you know all title attributes are removed when tooltip function is applied, is there any way how to access them?
View 1 Replies View RelatedI'm getting a database error trying to access the validate plugin documentation. [URL]
Error:
A database query syntax error has occurred. This may indicate a bug in the software. The last attempted database query was:
(SQL query hidden) from within function "MediaWikiBagOStuff::_doquery". MySQL returned error "1205: Lock wait timeout exceeded; try restarting transaction (localhost)".
few days ago I wanted to post a follow-up to an issue reported on my plugin on [URL] just to find out some really weird things are happening there.
First I couldn't post the reply with an error telling me I didn't select any project. So I checked the dropdown list of projects to manually find the Reel project. It isn't in the list.
Then I tried to search for Reel project. With no luck.
I also tried a breadcrumb link on the issue page which finally led me to my project page - [URL] where I saw another unusual thing - a pink background underlying the page.
So I filed an issue there -[URL]
But things got much worse today...
Now when I'm logged in i see "ACCESS DENIED" nearly anywhere I look - jQuery Plugins Website Issue Queue, my plugin homes, my issues, the support request I filed, even on the jQuery Plugins homepage.
Under My Projects there's "You have no projects". Even though my other plugin - [URL] - seems to still exist
I have two projects there and even when I'm not logged I'm able to see just one (longclick), the other (reel) gives me access denied.
I'm also denied to post a follow-up to my support request, hence I'm posting here.
some jQuery Plugins Website insiders? what the heck is going on with my account and my Reel project?
I stumbled on this problem while testing StatusNet for our next release; we use jquery.form's .ajaxForm() to do various AJAX form submissions, including the primary message-sending form which includes a file upload control.
We've not seen problems before, but since upgrading from an old Form plugin version 2.17 to 2.49 a couple months ago, I've noticed our development branch no longer works properly in Opera: the actual submission goes fine, but we're unable to access the XML return data (which usually contains HTML fragments to put back into the UI).
I have a test case which demonstrates this at [URL] (source of the main page & submit handler are included there), using current jQuery 1.4.4 and jquery.form 2.52.
Under Firefox 4.0b10 and other browsers, the forms submit correctly, and we can read nodes and text out of the returned XML just fine.
But on Opera 11.00 and 10.63, the submission goes through but we get back an HTML document containing only "<head></head><body></body>". On Opera 9.63, it also includes the text "Blank page."
I tried to trace this down in jquery.form's history, and the trouble seems to have started around 2.39 with a commit ironically titled "iframe load fix (mostly for Opera)", which changes the event handling for forms submitted via iframe: from that version on, a 'load' event handler is added directly as an onload attribute on the iframe's source, whereas previously it was added with attachEvent or addEventListener.
It looks to me like the iframe is throwing a load event for the "about:blank" page, instead of for the submission.
I can revert back to 2.17 or another working version for now, but I'd like to make sure this is fixed upstream;
I have been working on a website for fun/practice. I have been looking into web cam/audio support. However, I am trying to avoid Flash/SilverLight/or any other form of plug-ins.
After researching over the past few days I have found a couple of vague clues. According to my findings it may be possible to access video input (web cam) and audio input (microphone) via usage of Javascript with no need for Flash or plug ins.
I have been attempting to find further information but haven't been successful.
I come here to ask if anyone knows if this is indeed possible or if I have read false information.
Is there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedAbout when to use setter methods. For example, I have this code
Should this be used like this:
I think a better question is when to use the .each loop? Since, the first line of code I have works fine.
I have been trying to discover why the first() and last() methods are not working in my jQuery 1.2 nor 1.3 tests. After searching for a while, I found the alternative way with filter() and eq(), but I still wonder why none of those methods work.
The API documentation [URL]... states that they are available since 1.2, but they won't work, I always get a "not a function" error. I also found a tracker entry [URL].. discussing the need for them, but nothing is clear from it.
Let's say I have a Javascript object that looks like this:
{
events: {
"comments:added": this.add,
"comments:removed": this.remove,
"comments:fetched": this.addAll
}
}
I'd like to add this method to it, either manually, using $.extends() or _.extends():
[Code]...
HTML5 brings two new methods to the js selector API: querySelector() and querySelectorAll(). These methods can be used to match elements against a group of selectors. I think, a lot of the functionality overlaps with jQuery selectors. My guess is that these new methods will be a few times faster than jQuery selectors because they are natively implemented. My question is, how will jQuery use these additions to the js selector API? Will jQuery selectors just encapsulate these new methods? If so, is this work in progress or..
View 1 Replies View RelatedI have a text field
<input type="text" id="f">
I transorm it to autocomplete widget$('#f').autocomplete()How to access widget's methods and properties by id of the field?I need to access initialized widget to call some of its methods, modify properties etc.
I've previously written an image carousel with lightbox and to be honest forgot about it for quite a long time. I've just been tasked with making a few modifications (I wrote this code about 6 months ago)
Now, the problem I have is that I now need to call the internal method from the ligthbox plugin.
I've tried setting a reference to this like this but it just won't play ball. I can see that the ajax feed gets called but unfortunately I can't then access it.
[Code]...
I'm trying to use delay() before changing the html contents of an object.Eg. myobj.text("Hi There").fadeIn().delay(2000).text("Bye!").fadeOut();The result of this is that it just shows "Bye!" then fades, without any delay. So delay() seems only to work only with effects methods (fade, etc) not with other methods.Is there any way of getting around this and making a pause between any type of method in a queue?
View 1 Replies View RelatedThe following used to work with version 1.3.2
var x = $('#ElementID').val();
var x = $("'#" + "ElementID" + "'").val();
var eid = "'#" + "ElementID" + "'"; var x = $(eid).val();
Only the top one works with version 1.4.1
Similarly the following used to work with 1.3.2 but it doesn't work anymore.
var eid = "ElementID"; $("'#" + eid + " option[value='" + x + "']'").attr('selected', 'selected');
Here are the descriptions for the Ajax methods:
load -- Loads HTML from a remote file ...
ajax -- Load a remote page ...
get -- Load a remote page...
getScript -- Load and execute a local javascript file...
post -- Load a remote page...
So, if we want arbitrary HTML we have to use "load", but if we want a whole "page" (where is that defined?) we have to use "ajax", "get" or "post"? The "execute script" function (called getScript for some reason) only works with local "files"? I believe it will work with any URI (local or remote) returning JavaScript (assuming same origin policy of course), and whether it came from a file isn't known to the caller. These functions should describe the type of HTTP request they make, and skip references to "pages" and "files".
Does anyone know if there is a significant performance difference between the below two methods of DOM creation in jQuery?
Method 1:
$("<div id='myId' class='one two three' style='width:100px; height:100px; z-index:1;' />").appendTo("body");
Method 2:
$("<div />").attr("id", "myId").addClass("one two three").width(100).height(100).css("z-index", 1).appendTo("body");
I imagine that when using the first method, jQuery does some string processing and eventually ends up doing the same thing as method #2. Is that correct? If so is there a significant performance cost for this? Overall I think the first method is better as far as readability goes but it would be good to also know its effect on performance.
I'm using the class= style of setting up Validation. I have everything working except: 1. the equalTo method for email and repeat email, and 2. the rangelength method of the length of the password. It turns out the documentation example of equalTo in the housing web page demo is incorrect.[URL]... You can put 2 different email addresses in and Validation will not identify the difference and does not create an error message.
I've tried several things, but can't get the class style to validate equalTo or rangelength. The 2 current expressions I'm using are:
class="required email equalTo:'#contactEmailAddress1' "
class="required rangelength[6, 12]"
For the email, required and email format properly validate, but equalTo does not. What should I change?
