I have a form that is repeated through out the page by the backend, which I have no control over.
<form action="">
<textarea class="your_comment" rows="10" cols="70">
$("#test").droppable({
tolerance:'touch',
drop: function() {
[code]....
The above code works fine at Firefox and Google Chrome. And it works at IE 8 for the first drop action. The ajax method is not called after the first call although the append still works.
I'm trying to make a form where a user can check boxes, and depending on if certain boxes have been checked, other boxes will grey out or un-grey.
What the code does is look at the checkbox name and depending on the family (f), and whether or not the box is a child (c) or a parent (p), the code will grey out certain boxes.
Now that I've sat back and thought about the code, I think there is probably a better way to achieve what I want. Maybe I can specify checkbox names instead of doing the parent child hierarchy that i'm trying. Code:
I'm trying to figure out how to invoke a method on an object given the
object and the method name. For example, here's a simple object with a
method:
function MyObj (pName, pDesc) {
this.name = pName;
this.desc = pDesc;
MyObj.prototype.foo = function() {
return this.name + " - " + this.desc;
}
}
and here is some sample code to manipulate it.
var o1 = new MyObj("nn", "dd");
var s1 = o1.foo();
The assignment to s1 invokes the foo method and gets back the string "nn -
dd" as expected. now I try to find the foo method by it's name:
var funcName = "foo";
var theFunc = o1[funcName];
var s2 = theFunc();
the assignment to s2 invokes the function OK, but not in the context of the
object. can someone tell me how to invoke a function as a method?
Inside client control I generate a button, with script to run.I want to call object's Print() method when this button is clicked, the result value must be passed to Print() as well.How can I do that?This is my object:
Type.registerNamespace("CustomControls");
CustomControls.FirstObj = function(element) {
CustomControls.FirstObj.initializeBase(this, [element]);[code]....
Could anyone please explain why my validation doesn't work? When I use only predefined validation methods everything seems to be fine, but when I use a custom method it doesn't do anything until I click submit and then cancels the submit with "$.validator.methods[method] is undefined". The debugger does never jump into the "noBefore" method, I got a breakpoint at the first line. I've tried to write the "notBefore" in quotes in the rules but that doesn't seem to help either.Everything seems to be right, though.
[Code]...
I am trying to use the jquery validation plugin with a modal form. When I click the 'Make a booking' button shown below there is no response. I guess there's something about the dom I am missing, which tends to be the case quite often.
$('body').click(function(event) {
if ($(event.target).is('a.add')) {
event.preventDefault();
$( '#dialog-add' )
.dialog( 'open' );
}});
$( "#dialog-add" ).dialog({
autoOpen: false,
height: 340,
width: 400, .....
draggable: false,
position: "center",
resizable: false,
modal: true,
buttons: {
"Make a booking": function() {
$('#addbooking').validate({
submitHandler: function(form) {
//ajax
});
$( this ).dialog( "close" );
}});},
Cancel: function() {
$( this ).dialog( "close" );
}},
close: function() {
}});
I have the following code in one of my pages. My problem is caused, because the method "processEvent" is never called, but I have no idea why. I guess it is broken, because I don't relay the "this" object correctly.
<script type="text/javascript">
var MyClass = function()
{
this.init = function()
[Code].....
I want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies View RelatedI have a problem in form submit.
I have multiple forms in my page with different name, instead of submit button i have images, on click of image i am submitting the form. but while submitting its giving Object doesn't support this property or method error:
I google'd myself silly, I can't find tutorials for this. I hope someone could lend me a hand.
I'll try to make this simple. I have a PHP & MySQL driven site. I have a form for adding new content.
The form has a set of check box options that are pulled from MySQL.
At the bottom of the check boxes there is an "Add New" input field which I want to be used to add new check box options right above it.
database
So as I understand how this should work, when I click in the 'add new' text field, type something in, then press enter - the value of the add new field should be sent to a php script, addnew_backend.php. The form itself should not submit it's data. The PHP script will add the new value to the mysql table of options, and if successful, returns the newley generated checkbox which should fade in right above the add new text field into div#newoptions.
addnew_backend.php
I would like to ask if the following is possible.
1) I have one hundred identical links on my page
2) I have a function that changes a clicked link to "display: none" (using the toggle functioon)
Is it possible for me to set it up so that only the link that is clicked (that is, only one element) gets affected? I don't want to click and have all the links disappear.. just the one that was clicked.Would this code below work in all browsers? [code] And secondly, may I ask whats the difference between $("a") and $('a'). I've seen people use single quotation makrs and double. Which is better ??
Isnt it following two script is identical? but they seems to contradict in different browser.
--following works in IE9 but not chrome
<script type="text/javascript">
var el=document.getElementById('myLink');
window.onload = function(){
el.trigger('click'); };
el.click(function(e) { e.preventDefault(); });
[Code]...
I'm simply trying to get one form's submit button to submit another form.. Just can't seem to figure out why it does not work.. Could anybody take a look?Click Here
$(document).ready(function(){
$('#submit1').click(function(){
$('#form2').submit();
[code]....
I have built out a fairly rhobust app using jquery and jquery-ui all was going well until we started to bring different screens together inside a tabbed interface. Seems that now when we execute our validation code on one form its checking the fields of all other forms on the page.All of my forms do have unique ID's and all elements within all forms have unique ID's.My understanding of using this.find inside of the submit event was that it should only find the forms elements am I wrong? Method that performs the actual validation:
function validateForm(event){
var allOk = true;
$(this).find("*[validation]").each(function(){[code]....
I have a page which displays a list of resources in the database. For each of these resources I have a comment form. I am using jQuery form plugin to submit the form through ajax. After submitting I want to display the comment which was just submitted w/o reloading the page. But how do I know which form was submitted? I attach the resource ID as a GET variable to the action url of the form. If I can get the action url then I think I'm saved.
View 4 Replies View Related[URL] that is the code in all its basic form (just stripped out other html). I am trying to modify the form actions of the 3 forms when i click on the tabs at the top of the page. but only the action of the delete form (id=form-horse-delete) gets modified. the other 2 forms do not change. i am not sure what the problem is. in IE8, if i have the jquery modifying the action of the 2 forms (add/delete), it gives a JS error. if i take out the add/delete in jquery, there is no JS error.
View 3 Replies View RelatedI have a lightbox script, that I want to attach to an event to recall it based on values changed.Could you tell me why this works:
$("a[rel^='prettyPhoto']").prettyPhoto();
Opposed to this:
$("a[rel^='prettyPhoto']").click(function(){$(this).prettyPhoto();});
Or this:
$("a[rel^='prettyPhoto']").click(function(){$("a[rel^='prettyPhoto']").prettyPhoto();});
I'm new here at jquery forum. as the title says. is it possible?? how?
cause the jquery ui filesize is a bit large. for example. is it possible to attach only the accordion plug in?not including the jquery ui??
On my site, I have some click-able spans (will be referred to as toggle spans) that show or hide other spans (that contain the content I want on my site; will be referred to as content spans). The layout of these spans is like this:
[Code]...
I have a menu system that is structured in <ul>/<li> fashion. Code below. How do I attach JS functions to any single item? My functions will be going out and grabbing the static xml and applying some filtering/selections on it, then passing the result to a datagrid. Writing the function is not hard (standard JS), but how do I attach it to a <li> type of menu item?? Each high-level menu item (such as Small Arms, Bombs) will be performing selections on completely separate xml
[Code]...
I have a piece of javascript which does not work as intended. The code is:
var v = document.getElementById('ReportViewer1');
if (v) { v.ClientController.CustomOnReportLoaded = endPoll;
}
The endPoll event handler should be added to the list of event handlers for CustomOnReportLoaded. In the code about, it removes all other event handlers and just adds itself. Looking through JQuery i found:
$('#foo').bind('click', function() {
alert($(this).text());
});
this will add the new event handler to the collection of event handlers already attached to the click event.how do I select the ClientController through JQuery's selectors?
I've got an ASP.net repeater which has an unknown number of rows, that I'm passing as a variable into the client-side code. Each repeater item has two dropdowns in it, one of which I need to attach to a jQuery event to create a cascading dropdown. I've put the change(function() { into a for..next loop, along with the target control. It's not pretty, but it seems logical. Problem I have is whenever the function is called, the ID of the target control is the max value of the loop + 1. Why is my loop variable behaving like a reference type instead of a value type? Why is it even in scope outside the loop? Alternatively, is there a better way to do this? The code:
var rows = 4; // this is populated from the server code
for (iLoop = 0; iLoop<rows; iLoop++) {
$('#ctl00_repCBSkills_ctl0'+iLoop+'_ddlSkillCategory_ID').change
(function() {
[Code].....
This should be fairly straightforward but I'm having some unexpected trouble.
I have a form with an input [code]...
...the value attribute 'search me' is what is displayed on default page load.
If I focus on the text field and type into it, "Hello World!"
How can I see that new value?
I've tried the obvious [code]...
How can I pick up the new value on the fly? It must be possible, no?
I'm just getting started and I went over the initial tutorial. I created an HTML page like this:
<!DOCTYPE html>
<html lang="en">
<head>
[code]....
I've been reading forum posts (not just on this site) and unsuccessfully trying to apply the examples to what I'm doing for hours now. Can anyone help me do this correctly?
I need the browser window's resize event to trigger resizes on different objects on my page. The objects are added dynamically, so I can't just have one function to set it all up at the beginning, although so far that's the only way I know how to do it. I understand that using this method (below), that there can be only one such statement, but I need to add new functions to the resize event as I add new items to my page.
window.onresize = function(event) {
$('#main-tab-bar').tabs('resize'); //resize something
$('.aportal').portal('resize'); //resize something else
}
What is a cross-browser method for attaching multiple functions (like the two above) to the browser window resize event, where they aren't both done at the same time (like above)?