if (!form.disclaimeragree.value) {
alert(you need to agree to our terms dude);
})
And this checkbox code:
input name=disclaimeragree class= type=checkbox value=Yes
The value of the checkbox does not change based on whether or not it
is checked. You want to test that element's checked
I've developped several plugins for wordpress that require JQuery.
As I have packaged and distributed these plugins separately, they come
all with one version of JQuery.
* The plugin declared by plugin1 will be erased by the second load of
Jquery.js.
Two more problems arise in this
Maybe you could post an example page for us. There is no difference
between those two statements, assuming the markup matches
accordingly. Also, you should make sure the form does not have an
element with a name of submit. That will cause a problem.
good to know. I'm new to jQuery
$.pause(2000, 'fx').unblockUI();
Just set a timeout:
setTimeout(2000, $.unblockUI);
target: '#test1 #test2', // target element(s) to be updated
Just change that to: '#test1,#test2'
The target option takes a normal jQuery selector string.
Mike
I am using this inside the iframe. So, while ajax request ,
the iframe document only blocked.
But i want to block the whole document.
Please suggest some idea.
Are jQuery and blockUI loaded in the parent document? If so, you can
do this:
window.parent.$.blockUI();
The GET call is being made, the problem seems to be in the success
processing. DebugBar pops up a message:
Line: 3
Character: 1
Code: 0
Error Message: Syntax error
URL:http://ganymede/
This isn't very helpful as in Line 3 of what??/
Any explanations for a dumb newbie?
Most likely
Jquery blockUI loaded on iframe . Actually i am working
on inside iframe only.
I dont have the rights to change the parent document.
You're stuck then. If you don't control the parent doc then you
cannot block it.
$('div.allPops').cycle({
cleartype: 1,
timeout: 5000,
speed: 3200,
pager: 'div#pager',
fx: 'fade',
pause: 1,
pauseOnPagerHover: 1});
You are crushing the CPU with those settings. Best case scenario,
you're asking the browser to
I have this test page up:http://btk.name/misc/links.html
Basically, I am using Jquery and a Cycle plugin to allow the user to
paginate via links through content. Simple enough.
However, as you can see (at least in Firefox 3), the DOM generated
links (via the plugin) keep going in 1 line
I am trying to use the Jquery BLOCKUI pluginbut with no success...
As per the examples on that page,I tried passing my custom
message,etcit doesn't work.
No matter what I try,it only displays the default Please Wait...
message :-(
What version of the plugin are you using? What
But,no matter what I add,it shows only Please wait. It doesn't
display the text I add...
What should I do to make it work?
I think you need to post a link to what you have. Obviously the
plugin does work per the sample pages, so maybe it's just a typo on
your part or something.
$.ajax({
async: true,
url: testingURL,
success: function () {
location.reload();
},
error: function (XMLHttpRequest,
errorThrown is for JavaScript errors (think try/catch). 40X responses
are not thrown, they are just errors returned from the server and
you can get details from the xhr (ie: xhr.statusText).
To elaborate slightly, the server could return an XML document with a
200 status code. But if the
I hope you enjoy the plugin as much as I do!
Thanks for the kind words, Girish. I'm happy to hear you've found the
Cycle plugin so useful.
Cheers!
I'm trying to use the jQuery Cycle plugin to cycle some images in my
web site design but the background color of the containing div keeps
appearing as the images fade out. I have been unable to force the
background color of the div containing my images to be white. I even
tried an additional
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
Now, i would like to know if it is possible to customize this call so
that the concerned element shows blockUI, instead of the whole page ?
To block only a single element you would use block instead of
blockUI.
$('#myDiv').block();
...
OK, this works marvelously in Safari and Firefox for the Mac as well
as Firefox for the PC but it doesn't work worth spit in IE. I would
appreciate any assistance.
It's just reading form a simple XML file to output information in
divs.
http://rationalogic.com/xml/
Works ok in IE7.
I am using the rounded corner script on one of my sites. I am using
the below to round a corner on a div called 'rounded'. my question
is, how can i apply this to multiple divs ... for example apply it to
a div called #one, #two and #three.
thank you
script type=text/javascript
Thank you Mike. one more problem i see with this script. It seems to
pick up the page background color in order to do the alias. is there
a way to change this ?
If you're talking about Dave Methvin's corner plugin, then no, you
can't change that. Using the background color of the parent
Yeah, that's the one. So there is no way to do transparent ? or
do i just wrap a div around it with a background-color, so it will
bick up that parent div ? thanks for your help !!
You've got it. The code walks up the parent chain until it finds an
element with a non-transparent
$(.form-config-content-make-button).click(function() {
$(#form-config-content-make).submit(top.$.nyroModalRemove());
});
That's not a callback function, it's a call me right now function
because you've included the paretheses.
I am returning JSON from the Form Plugin using a file upload and it
returns a file with the value in it for download and does not his the
success callback. Any reason for this? It only does this when a file
is in the file upload.
This sounds familiar! Check out this recent thread:
For some reason var index = $
(this).parent().children().index(this); returns -1 and it appears to
be stuck in the onAfter method.
Hmm. Try this instead:
function onAfter(curr, next, opts) {
var index = opts.currSlide;
};
Requesting some light on how to pull an element/value from
$.ajax( complete : callback() ). What do I need to do to parse the
xhr.responseText in callback ?
What does the response text look like? Is it just a string? Is it
JSON? Is it XML?
form id=iiForm name=iiForm method=post action=/dev/ii.faces
enctype=application/x-www-form-urlencoded
input id=iiForm:iiDude name=iiForm:iiDude type=text value=Show
Me The Money /
Here I want to get the value of iiForm:iiDude.
Why not use responseXML since you're returning an XML doc?
In Firebug, xhr.responseXML is null. Is there something explicitly I
need to do in order to populate it?
Your server needs to set the correct mime-type.
Mike, you lost me a bit. If Tomcat is serving an xhtml facelet or
jsp, not sure how to tweak it to change the mime-type.
For jsp:
response.setContentType(text/xml);
or
response.setContentType(application/xml);
You can use Firebug to inspect the content-type on the response header.
function formatItem(row) {
return row;
};
I'm not sure that formatItem is allowed to return more than one item,
but you could return the first employee like this:
function formatItem(row) {
return row.employees[0];
};
or better yet, use the search term to do something
I have made a basic test case with a few text inputs and it works
perfect with just them.
However if I add a file input to them the json object is sent to the
browser as a file download and the success method is never hit.
Is this happening on all browsers? What is the mime type of the
Have you been able to reproduce a similar error using php and FF?
Maybe you could try with an empty container like me and load the
slides with some data from the server, very similar to your add6
example.
You need to make this a little easier for me, I don't have time to
write all the code
Does jQuery comes with a built-in JSON parser?
I need a FROM JSON function as an alternative to using eval.
No it does not. I recommend Doug Crockford's json2.js script:
http://www.json.org/js.html
Is it possible to use multiple pagers for one slideshow.
Eg. a pager above the slides and a pager below the slides.
One pager could be a number pager and the other an image pager or both
the same.
You could create a 2nd pager using code like that shown in this demo:
Really? I thought it had because jQuery evaluates JSON internally
(e.g.: getJSON method).
Correct, it 'evals' json, it does not parse it. From the httpData
function:
if ( type == json )
data = eval(( + data + ));
Is there a problem with using the eval function?
I'm curious why you would need an alternative that would add overhead.
Security is the main problem. If you trust the source completely then
eval is fine. Parser's like Doug's json2 also let you pass in a
replacement function so you can
The only code you would have to write is
some php method to take in a parameter to give you the images data
array for the selected value in the dropdown.
http://jquery.malsup.com/cycle/sets.html
1) Starts with an empty slideshow
2) Binds change event on select element
3) Loads slideshow data
I'm trying out the malsup's cycle plugin and really like it. It seems
to interfere with my formatting though. My demo is
athttp://vocabforbreakfast.railsplayground.net/jqfade/.
How can I center the div with the images when the cycle plugin sets
the position property to absolute?
Cycle
But if you could test in a pentium, the cpu ups to 90-100% and the
memory will increase until the pc will block. I had tested in 2
different pc ( more than 15 minutes but it´s a problem if you have the
window open).
Yes, as I mentioned, JavaScript animation is very CPU intensive. If
you're
But THIS DOES NOT WORK:
$(document).ready(function() {
$(window).unload(function() {
$.blockUI({ message: $('#question'), css: { width:
'275px'} });
});
});
Any advice or suggestions are much appreciated.
The unload event does not give you an opportunity to display
In order to do this taconite places the CDATA content inside a div
element. However after the command is executed the div is left in the DOM.
So after a bit of back and forth between browser and server we end up
with a large hierarchy of divs.
Hi Bob,
Could you test this function to see if
All Releases in the future will be marked by their revision number in
the SVN. At the moment, its r59 and you can download it
fromhttp://jmaps.googlecode.com/files/jquery.jmap-r59.js
Hi Tane,
That's some great coverage of functionality that you have there! But
why are you defining your
I'd like to rewrite so as to include the functions within the document
ready part:
$(document).ready(function(){
//my functions here
});
$(document).ready(function() {
getContent();
function getContent() {
$(div#content).load(content.php, reload);
}
function
var valid = SearchCode(result.code)
looks nicer than:
var valid = Mapifies.SearchCode(result.code) or var valid =
jQuery('#map').jmaps('SearchCode', result.code);
Not if you've clobbered someone else's SearchCode function. Or
createIcon, getCenter, getBounds, etc. You're making an
I am using the ajax form pluginworking GREAT however I need to add
a loading grapic to display while it does the post. I have a div
(loader) thats just waiting to turn on and off but I can't get it to
show...any help would be great!!
The global ajax events are great for that sort of
Is it possible to use .load and populate the contents of a TEXT AREA
or do I have to .load into a hidden DIV and then extract the text from
the DIV into the TEXT AREA ?
I'm currently doing this but it's not working...
$('#libNotePadTextArea').load('/4dcgi/test/test1.4dp');
Try this
http://docs.jquery.com/Ajax/load#urldatacallback
Click on one of the links in FF 3.0.3 or Chrome and instead of
redirecting the entire window, it just redirects the content within
the ul tags. However, do it in IE and it redirects the browser window
properly. To me the ie functionality
My objective is to hide all the images except the first one in the
table and show them only if i click on the link associated with the
image. But what is happening is all the images are getting hidden,
which i donot want.
Also when i click on the link the image will be displayed for a split
I am very new to jquery, so please excuse my maybe newbie question :)
I have a following problem:
when I call blockUI and execute JS afterwards, the blockUI shows after
the JS finished executing.
When I put alert after calling blockUI, it shows right after alert
pops up. I suppose, that
The form submits as it should, using an AJAX call. When I add a
beforeSubmit callback function to the options array, that gets called
as well, as it should. Only the success callback (the alert) isn't
called and I don't know why.
Maybe the call wasn't successful. Can you post a link?
There is a problem with pc memmory when the plugin is working ( Tested
in a few pcs). At Least you need a 2 core duo for a not problem
experiencie, but try in a pentium 4 with 1gb of ram... and you will
Khnow.
Open the task administrator and test de memmory.
It's not clear to me whether
I'm wondering if there's any way to remove a slide from a running
slideshow without interuption, and if so how would I go about it?
Not without stopping first and restarting afterwards.
Explorer 7 there seems to be a graphic glitch on the initial slide/
frame, the top header looks like it is overwriting part of the box,
same with bottom. It's fine after the first frame.
In Explorer 6, there is a blue background that is showing behind the
testimonial box.
Hmm, I didn't
Want to stay subscribed, but stop receiving every email all day long.
Edit your Google Groups settings for this group.
I am using the jQuery Form Plugin to submit a form via AJAX. One thing I'd
like to do, is editing the value of a (hidden) input field, right before the
form is sent (or alternatively adding additional POST data in some way
before send). I defined a hidden input field (without a value) in the
The problem is I don't know my username, and [EMAIL PROTECTED] says is not
registered with google accounts.
Ok, you're fixed. You shouldn't receive any more email.
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/
form/). The ajaxSubmit code sample works fine for me in IE7, but it
doesn't work at all in Firefox3. The form submits normally, without
any JS errors. Has anyone else run into this, and if so is there any
way to fix it?
but for some reason the input field stays empty this way:
Yeah, that reason is known as asynchronous programming. When you make
that ajax call you will get a response some time in the future, not
immediately.
Is there a way to get the index of the image in the after method?
View source on this page to see how to get the index:
http://www.malsup.com/jquery/cycle/after.html
Ooooh, right, I didn't think of that (I am fairly new to making stuff with
ajax). I guess there is no way to make the ajaxForm function wait for this
particular response? But I guess this is a different topic now..
The way to do it is to return false from the beforeSerialize function;
that
Thanks Mike, here's the link and a description of how to get it to not
work..
http://zifimusic.com/cycle
I'm guessing that you're not using Firefox with Firebug. If you were,
you could set a breakpoint and see that your 'allPops' div contains
only a single element after the ajax call, so
I have to disagree on this being a design flaw. This is one of my favorite
design features of jQuery. I often think of it like SQL. You might construct
a SQL statement like
I agree 100% with Richard.
One of the defining design characteristics of jQuery is how it
embodies implicit iteration.
Mike, If I call var $slideshow = $
('#slideshow').cycle('stop').empty(); when it is not running and is
empty will it error out?
Don't be afraid to experiment with these things yourself. You'd
already have your answer by now.
Mike
Thanks for the help with the change event hookup and the new example.
Can I have no slides preloaded and just load them on the fly?
No, when you call cycle there must be at least two slides in the
container.
Can I still load the image but not cycle if there is only one image
and
I am confused when it comes to triggering an ajax event. I would like
to trigger a ajaxStart event, so I use:
$.event.trigger(ajaxStart);
But now, what will that trigger? What piece of code? Do I need to
have an $.ajax() function somewhere, so that when I trigger the
ajaxStart, it will
Thanks for the help with the change event hookup and the new example.
Can I have no slides preloaded and just load them on the fly?
No, when you call cycle there must be at least two slides in the
container.
I have dropdown where users will choose what category they want to
view images
Awesome, thanks.
Can I also use prepend or addslides to add something like this: 'a
href=1img src='+slides.pop()+' //a'
Yes.
Any idea on how to stop/remove the cycle function and then restart it?
To stop:
$('#mySlideshow').cycle('stop');
To restart (same as first start):
$('#mySlideshow').cycle([
// your options here
});
$(document).ready(function(){
$(select).change(getData);
function getData() {
var idRep = $(#estados).val();
alert($('repDesc').html()) // returns null ()
$('repDesc').empty()
alert($('repDesc').html())
Is there some way to tell jQuery to actually throw errors instead of
failing silently?
It's not a failure to run a query and find nothing - that's a
perfectly valid use case.
$('[EMAIL PROTECTED]').click(function() {
$('#InformUserText').show();
return false;
});
The text ( see InformUserText) is shown but the action script from the
form, see MyURL, is not called.
Can you please help how to say to a user that he
I'm trying to pass a function an array of buttons and function
pointers. What I want to do is to assign functions to the arbitrary
list of buttons. At the moment, I'm using:
if (button_text !== undefined){
for (var vars
And currently it's also the only way to get an empty jQuery object, as
an empty selector will return 'document'.
You can get an empty jQuery object like this:
var $empty = $([]);
I had assumed that stopping the 'cycle' would clear it and allow me to
reassign it, but apparently that isn't working.
I've tried
[code]
$('div.allPops').cycle('stop');
$('div#popList').empty();
hi,
I am creating a plugin for my gallery. I am loading image on click of
a thumnail. thumnail's rel attribute contains the url of the larger
image.
In my pluging i have a method to load the clicked image.
LoadSelectedImage = function(){
var src = $('gallery li.on
I used this code in my page to gain rounded corner :
script type=text/javascript
$(document).ready(function(){
$(div#right_column).each(function(){
$(this).corner(round);
});
});
/script
There is no problem in FF but I have problem with IE , please have a
Is it possible to configure the cycle plugin so that it only shows a maximum
of 10 numbers in the pager + prev and next?
There's no setting for the 'max' number of pager links, but you can
make it work with some css tricks. Here's a quick demo that has eight
slides but only 3 pager links:
But how can I find out what is the active slide? There is a class for it in
the pager, but I need to find out if my slideshow div currently shows a
object/embed element or an img element.
You can use the 'before' or 'after' callbacks for that.
$('#slideshow').cycle({
before: onBefore
});
Maybe I am mistaken but this example looks to me like it would
eventually load all images into the page, what if you had a 100
images?
No, the add2 demo shows a way to fetch one image at a time. Cycle
provides the hooks to do whatever you need to do. There are before/
after callbacks and
I know this off topic but I am searching for in the Jquery
documentation how to hook into the selection changed of a dropdownlist
to implement my ajax call, if you could point me in the right
direction I would be much appreciative.
$('#mySelect').change(function() {
// your code here
});
All improvements and suggestions are welcome!
Some quick comments on the code itself, not the implementation, just
the technical bits:
1.) Your plugin is not chainable. The plugin function should 'return
this' to honor jQuery's chaining model. For example, this will fail:
Wouldn't a better version of the code be
$.blockUI();
searchLocDep( );
searchLocArr( );
searchLocInt( ... );
setTimeout(function() {
$.unblockUI();
}, 200);
That way all the search stuff gets run asap?
No. You need to give the browser a chance to render the DOM
Then my javascript is like this:
function load_progressives() {
$(.progressive).each(function(n) {
var wrapset = $(.progressive).slice(n)
wrapset.load(wrapset.attr('href'))
});
}
This should work:
function load_progressives() {
I'm happy to announce that a unique jQuery based media player is going
to be serving up a stream of the Widespread Panic concert from Voodoo
Fest in Nawlins. Entertainment for the masses this evening. If you're
around the computer, please stop on by and witness some of this up
coming
The problem is that, although cycle seems to be working as I can see
it changing the Z-index and opacity of the divs in firebug.
Basically, the content area remains white. If I take off the
callback, it loads in the content perfectly, and without cycling, of
course.
Do the divs have a
Try changing your block call to something like this:
var $holder = $('#sendToFriendHolder');
if ($.browser.msie)
$holder[0].style.removeAttribute('filter');
$holder.block({
// block options here
});
Thank you :)
It works great
So... and what cause this problem ???
On Oct 30, 12:47 pm, debussy007 [EMAIL PROTECTED] wrote:
These functions take a specific amount of time to be executed:
searchLocDep( )
searchLocArr( )
searchLocInt( ... )
You can see it in Firefox, the message will appear for like 5 seconds, I
don't want the user to interact
I want to scale the line graph according to the maxvalue and the
minvalue so that the graph is appropriate with respect to scale. Any
help how can I do this.
I mean if the maxvalue is 10 and minvalue is 0 then I want the graph
range to be 0-10 and not 0-100 which it is present(thats my
What was wrong actually ? Why my version with setTimeout didn't work ?
Seems pretty basic, block UI, execute some isntructions, unblock.
The point of using setTImeout is the give the browser a chance to
render the new DOM updates before diving into process-intensive work.
So you block first,
I want the darkened area that when clicked, it restores the UI
(unblocks it), what's the best approach?
It seems like something like this would work, but doesn't...
$('.blockUI').click(function() {
$.unblockUI();
});
Thanks for any help...
I just created a demo to show how
Wrong link ...http://www.britishschool.edu.gr/newsView.php?newsId=4
Try changing your block call to something like this:
var $holder = $('#sendToFriendHolder');
if ($.browser.msie)
$holder[0].style.removeAttribute('filter');
$holder.block({
// block options here
});
Thanks Mike - That helped out a lot. I have worked myself into a new
problem...
Now my thumbnails can't target the images. Using the standard pager
functions I was targeting images in the cycle but now only the first
three thumbnails will work (since I am loading three images in the
HTML
http://megperotti.com/weddings/index_weddings.php
I just updated the cycle js and it seems the same.
Thanks Mike.
The thumbs are working for me. Did you do a hard refresh on your
browser after updating the plugin file? I tried each of the 10 static
thumbs that you have and they all worked
Is this scenario supported by Taconite or should I rather the eval
tag for appending stylesheets?
Use the eval tag.
You can bind those events and call ajaxSubmit when appropriate.
ajaxForm waits on the submit event.
Mike
On Oct 27, 6:24 pm, brian mahoney [EMAIL PROTECTED] wrote:
Is there a way to get the jQuery Form Plugin to work with a
keyUp() or change() instead of having to use a submit button?
Recently i decide to use the animate function of jQuery to pop up an
absolute position it window that holds form data. The problem is that
when i use the animate function to pop up the window the blockUi in
Internet explorer 7 cannot handle oppacity and cannot display the
loader. Just white
I just started using $.blockUI last weekend. It worked fine in FF3 on
Windows XP.
But when I tested it in FF3 on Ubuntu, the overlay layer (by default
it's gray and transparent, covers the whole page) did not show up. I
also tested the official demos in the same environment and got the
same
If you click on A then click on Project 1 it will load in new
content to the top. And the top is suppose to be able to scroll to
the next image or back to the previous one if you click on the next
and back links. like this example here
http://selectreselect.com/sal/project1.html
Can
$(document).ready(function(){
alert(Document is Ready);
$(form#FormID).submit(function(){
alert(Form is submitted);
$.post(process.php,{keyword:$(#keyword).val()},function(data)
{
alert(Data Loaded: + data);
I have a regular javascript object (with key/values) and would like to
submit it to server by POST with complete page reload through jQuery. Just
as with regular HTML forms. I searched for a few hours for some solution and
have not found any. There are many examples for jQuery AJAX forms but
I'd make those :text into :hidden, or set the form to display:none.
Good point!
601 - 700 of 1583 matches
Mail list logo