If I have a plugin thats being called...
$('.myClass').somePlugin();
How do I pull out the ".myClass" part inside the plugin?
jQuery.fn.somePlugin = function(o) {
// Defaults
var o = jQuery.extend( {
option1 : 'something',
[Code]....
I am using the cycle plugin. I am cycling through 3 images. There are 3 corresponding divs below the images.I would like to change the background color of the div based on the corresponding image that is active.
[Code]...
What options do I need to specify for the Validation plugin to simply add the error class to a specified element such as a "required" em that shows all the time. And so on to remove the class when valid.
Say we have a text input that I want to have a red border when not valid and the red border to disappear once valid. So I do not want to generate an error label.
My code: [URL]... When I click on Upraviť in class edit I need add some HTML code to begin and to end of class entry how to I can select class entry in the same class post on which I clicked?
View 1 Replies View RelatedHere's the deal: I have a JQuery page in which I'm using AJAX to call a classic ASP back-end. For example purposes, let's call the page "JQuery.asp", and we'll call the back-end "BackEnd.asp".My BackEnd.asp is set up as reusable code, using JQuery.asp as my wrapper.BackEnd.asp includes the following line:
GetID = request("GetID")
So, my JQuery.asp would look like this:
$(document).ready( function () {
[code]....
I'm trying to grab a value passed in from a URL, i.e:
test.html?foo=bar
And I would like to grab the "foo" entry, with the value passed in. I'm guessing this can be done, but I can't find a way?
I've made a trivial html page to show my problem. This page should take all of the <tr> tags from the first table, move them into the second table in reverse order, and change each <tr> tag's click handler to print it's internal <td> tag's contents.Unfortunately, the function I've set as the click handler seems to be passing a variable by reference rather than by value. I'm sure this is probably the expected behavior, but is there someway to prevent this behavior?If this doesn't sound very clear, hopefully the code I've included will make more sense:
<html>
<head>
<script type="text/javascript"
[code]....
I have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
This is the first question I couldn't find answered by Google! No doubt the answer is out there, but...
So I have a function that is being passed an array of nodes: some of them plain vanilla DOM nodes, (say, those created by document.createElement), others are jQuery nodes (say $("<div></div>").
What's the best way to determine if a node is of each type? I can obviously look at the node contents, but I wondered if there was a "best practices" here?
How I use $.ajax() for passed argument to php function other file example index.php.
View 1 Replies View RelatedI am wondering why:
$.post("remote.php",
{'f':a_searchtype, 'partial':value},
function(data){
$("#result").html(data);
[Code].....
causes javascript errors in unrelated sections of code.
The second version can be used in a common routine that doesn't know what is being passed.
I have just started using the data functions in jQuery for keeping track of a few items on the client. The user can click on links, which call a function that updates the display and stored data value.I am storing data as a set of columns, named c1, c2, c3 etc.
I update the relevant column like this
function UpdateCol(column)
{
[code]....
I'm passing the id of a div as a parameter. I'm not sure how to refer to it with Jquery. The following does not work:
Code:
function updatemail(param1, param2) {
$("#param2").animate({ opacity: "show" }, 300);
}
I also tried $(param2) but it did not work.
I want to call a javascript function when a <span> is clicked, pass two variables to it, and then use jquery to hide that span.
A simple example is:
The variables (1,3) & (8,9) are loaded dynamically with a php script. Adding the two variables together isn't the intent of the script, but it seems the simplest way to explain what i'm after.
So how do you get $(this) to work in a function that has to have variables passed to it?
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
Is there any was to prevent ampersand from splitting up the passed data? For example if my data looks like: "This is some text&blah blah" If I pass it as data it will get split up at "&": This is some text blah blah
View 5 Replies View RelatedI've run into a very perplexing problem, and it's probably mostly due to my lack of knowledge of what I'm really trying to do. I've created a C# PageMethod that accepts three parameters (string name, string xmlData, int CubeID). In my javascript, I've created a function to call the pagemethod passing in those values. However, when trying to pass in the XML I continually get odd errors like "Invalid object passed in" followed by my entire xml structure with escape sequences in it.
[Code]...
jQuery is ignoring the root element when passed through context. Am not sure if this is intended behavior.[URL]
View 7 Replies View RelatedI have some forms whose ID's are dynamically created via PHP by including a variable called "invno" as shown here:
<form name="formEditInvoice<?php echo $invno ?>" id="formEditInvoice<?php echo $invno ?>" method="post" action="javascript: SubmitEditedInvoice(<?php echo $invno ?>);" onsubmit="javascript: return ValidateForm(this);">
As you can see in the "action" attribute, I'm calling this function:
function SubmitEditedInvoice(invno) {
$.post('output.php?mode=6&invno=' + invno, $('#formEditInvoice' + invno).serialize(),
function(output){[code]....
The problem I'm having is that no data is passed to the PHP back end. I have verified that the variable invno is correctly passed to the javascript function, and have tested my .serialize() by using a hard-coded form ID, but I still get no data passed through.
Here is my server side code:
Here is my javascript:
When i call alert(data), it says it is "undefined". i am new to jQuery, but this appears to mean that no data is being passed to the callback function even though i know the $.post() executed properly (the server side code is executing, and the other alert() tells me that it had a successful result and the callback is being made.
I am trying to match a passed parameter on a url to an area on an image map. So far I can find the correct area using
Code:
$('#mediummap area').each(function(i){
href = $(this).attr('href');
if (href == id) {
alert('Found ID ' + id);
}});}});
But next I need to retrieve the co-ordinates for the Area. I have tried
Code:
coords = $('this').attr('coords');
And
Code:
coords = $('this').coords();
I can not seem to get the value back, just an undefined return. What I want to do is to find the point on the image map and then centre that point with in the viewport for the image (large image, small viewport).
I am adding a CSS class to a DIV as follows:$div.addClass("Hover");But I would like the class to be added only if the DIV does not have a class named "Disabled".
View 2 Replies View RelatedI have this filter in a results table that also reflect in a ui datepicker day styling (ex:available unavailable) . Everything fine till i change month or year in datepicker . Maybe i have to use live() or livequery() but can see the way .This is the code:
$("#filterSelect").change(function(){
var filtro=$("#filterSelect").val();
$("#filter-box2").val(filtro);
[code]....
I'm trying to figure out which selector is faster (assuming that the class 'foo' only appears on input tags)...
$('.foo');
or
$('input.foo');
From what I've seen online, it seems that people recommend $('input.foo'), but in some limited testing it appears that $('.foo') is much faster in both FF and Chrome. In IE, both methods seem to produce similar results. Here is a fiddle with a simple example...
[URL]
Have browsers started implementing native ways to find all elements with a given class name? Would that explain why $('.foo') seems to be faster?
I have an object on the document element that allows for other components to register with it, i have a custom event something along$(document).bind("register",function(thechild)..So in the child object when they are created i call$(document).trigger("register",this);And indeed i get the DOM object. However i'm looking for the plug in object, i want to be able to call methods on the passed childobject and access it's Config.Does that make sense? How can i write a plug in that is applied to various objects that also registers itself with an 'overseer' object on the document element in such a way that i can allow that overseer object to call methods on any registered child objects?
View 2 Replies View RelatedI have been working on this issue for a couple of days. I have image names stored in my mysq. database. I need to somehow get those image names from the mysql database to a jquery array.Here is what I have so far.
<style type="text/css" media="all">
.frame {
border:solid 1px #00F;[code].....