I am using JQuery's thickbox to input form data. Would like to auto close the thickbox and send a variable back to the parent from the thickbox form input upon submit.
I just want to use javescript /jquery to determine if and xml file exsists
I don't need to process it I just need to know that its available or not.
can seem to find simple check.
thanks
It seems to me that jQuery doesn't seem to be written as an OOP framework, it seems too short, and not verbose enough for that. Am I right in thinking this and if it isn't written as OOP, then what methodology are they using?
Hi,
I have a website that changes his inputs ids, and I'm trying to make a semi auto-login, filling automatically the email and the password part...
I'm doing this with greasemonkey and jQuery...
I'm trying something like this
$("input[@type=text]").setValue("[email protected]");
but had no success...
The Page has only the login part, two text type inputs...
What am I missing here?
Hello , i'm trying to validate credit card numbers with jQuery but i dont want to use the validation plugin , is there any other plugin for doing this?
thanks
Hi there,
I am combing the jQuery validation plug-in with the jQuery Form Plugin to submit the form via AJAX.
This works perfectly in Firefox & Chrome, but (as usual) Internet Explorer is being a pain. For reasons that are alluding me, IE is ignoring the ajaxSubmit, as a result it submits the form in the normal fashion.
I've followed the validation plug-in's documentation when constructing my code:
JS:
$(document).ready(function() {
var validator = $("#form_notify").validate({
messages: {
email: {
required: 'Please insert your email address. Without your email address we will not be able to contact you!',
email:'Please enter a valid email address. Without a valid email address we will not be able to contact you!'
}
},
errorLabelContainer: "#error",
success: "valid",
submitHandler: function(form) {$(form).ajaxSubmit();}
});
$('#email').blur(function() {
if (validator.numberOfInvalids() 0) {
$("#label").addClass("label_error");
return false;
}
else {$("#label").removeClass("label_error");}
});
$('#form_notify').submit(function() {
if (validator.numberOfInvalids() == 0) {
$(this).fadeOut('fast', function() {$('#thank-you').fadeIn();});
return true;
}
return false;
});
});
Form HTML:
<form id="form_notify" class="cmxform" name="form_notify" action="optin.pl" method="get">
<fieldset>
<div class="input">
<label id="label" for="email">Email Address:</label>
<input type="text" id="email" name="email" value="" title="email address" class="{required:true, email:true}"/>
<div class="clearfix"></div>
</div>
<input type="hidden" name="key" value="sub-745-9.224;1.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0;;subscribe-224.htm">
<input type="hidden" name="followup" value="19">
<input type="submit" name="submit" id="submit-button" value="Notify Me">
<div id="error"></div>
</fieldset>
</form>
I can't understand what is causing IE to act differently, any assistance would be greatly appreciated.
I can provide more information if needed.
Thanks in advance!
I have a 1024x768 image
<span class="frame">
<img alt="Image" title="Image" src="http://localhost/zapav/site/assets/questions/D41120CA-7164-11DF-A79E-F4CE462E9D80_Green_Sea_Turtle.jpg">
</span>
and the below CSS sets the image width to
.frame img{
width:425px;
}
And the jQuery code
$('.uploaded_image img').attr("width");
returns 425
How can i retrieve the actual width of the image 1024 in JavaScipt?
In javascript the following works to give focus to the edit_2 input box:
document.getElementById("edit_2").focus();
However using Jquery this does not:
$("#edit_2").focus;
I have an image on the page:
<img id="foobar" src="emptySpace.gif" />
The image has an absolute position of left: 0 and top: 0 in a .css file.
When I try this in JavaScript onmouseover, the height and width don't change. What am I missing?
var image = jQuery("#foobar");
image.height(500).width(500);
What gives?
I can't parse the JSON that I have no control of. What am I doing wrong here?
data.json
{
"img": "img1.jpg",
"img": "img2.jpg",
"size": [52, 97]
}
{
"img": "img3.jpg",
"img": "img4.jpg",
"size": [52, 97]
}
jquery
$.getJSON("data.json",
function(data){
$.each(data, function(i,item){
alert(item.img[i]);
});
});
Hello, I have a GridView and a asp:TextBox containing a Number. The
GridView also contains cells with numbers (one in each row). I want to know wether a
cell contains this number and if so, the whole row has to be removed.
I want to do this via jQuery.
Hi guys,
I wanted to create a page with a simple button which runs away from the user when he tries to click it. Lets call it the Run away button?
Is there a simple 'jQuery' snippet which will allow me to do the same?
Regards,
Karan Misra
when using the jquery ui autocomplete, i would thought there would be an option to force only valid key entry based on the list. Is there anyway to not allow invalid keys so you can only enter valid items in the list?
if my list has (csharp, java, python)
i can start typing "abcds . ." and it lets me type it in. I want only valid entries to be allowed.
I want to allow user to drag and drop UI elements. I've 'container' and 'control', control may be in container, containers may include other containers (this is important requirement). I created simple prototype using jQuery.
HTML:
<div class="one">
<div class="control">Control 1</div>
<div class="control">Control 2</div>
<div class="control container">
Container drag area
<div class="control">Subcontrol 1</div>
<div class="control">Subcontrol 2</div>
<div class="control">Subcontrol 3</div>
<div class="control">Subcontrol 4</div>
<div class="control">Subcontrol 5</div>
<div class="control">Subcontrol 6</div>
<div class="control">Subcontrol 7</div>
<div class="control">Subcontrol 8</div>
<div class="control">Subcontrol 9</div>
</div>
<div class="control">Control 3</div>
Then I created sortables using jQueryUI:
$('.one').sortable({
items: 'div.control',
placeholder: 'placeholder',
forcePlaceholderSize: true
});
Now when I'm trying to drag "Subcontrol 8" and place it between "Subcontrol 2" and "Subcontrol 3" for example I'm getting jumpy effect, you can observe it here:
http://jsbin.com/egipu4/2
Interesting thing is - when I remove ability to drag "container" then it becomes smooth and perfect (you can see this on jsbin example below "jumpy" example, you can't drag using "Container drag area" span). I tried different "nested" plugins and techniques, google'd for a long time and the only one that worked was on this page:
(StackOverflow doesn't allow me to post more than one like, google for "Brian Swartzfager's Blog: Nested List Sort Demo" should be first, sorry!)
But it does work great only in jQuery1.2 and very old jQueryUI. If I include latest jQuery (1.3/1.4) and UI (1.7/1.8) it gets jumpy as well. What am I doing wrong?
I have application that brings response via Ajax and creates 5-20 new jQuery click listeners on each refresh. Both IE and mozilla browsers seem to be slowing down with usage. Can this slow down browser performance significantly. Can listeners be "released"?
Hi,
If I use jquery media plugin WITH swfobject 2.2 I get an 'unknown runtime error' in IE.
It works fine in FF and other browsers.
If i remove swfobject.js then the media works fine as it loads using simple object/embed tags.
But I need to use swfobject as well (for other things).
Has anybody come across this or a fix?
A.
<div id="myDIV">
<div>
<span>
<a href="#">Seek me!</a>
</span>
</div>
</div>
How can I find a tag with myLink id using jQuery selector (not looping through children())
If I know only myDIV id
I'm using: http://jquery.malsup.com/form/#getting-started to submit my form, Ajax styleee.
However the form submits correctly and the data is sent however the fields on the form continue to have data in them. How can I clear them on submit? Hiding the form and displaying thank you would also be acceptable?
$(document).ready(function() {
$('#pollform').ajaxForm(function() {
$('#pollform').hide();
});
});
hello,
I have a problem with sizes of divs - in Firefox everything is fine, but IE messes things up,
I use only jquery show hide function which open div with other divs nested in it,
you can see what I mean on www.custos.pl/v1 - by choosing any option on the bottom, a div opens up, where you have a submenu opening up jScrollPanes,
the whole div should stay within the photo background, but in IE it goes vertically way beyond it,
Id appreciate your help