[jQuery] Re: Can I use external domain with jQuery media plugin ?
> it is about jQuery media plugin (http://malsup.com/jquery/media/ > misc.html) > > Can I use > > http://www.google.co.in";> > > This to load EXTERNAL DOMAIN html page in an iframe that media plugin > I create. Yes, this should work. The media plugin just creates an iframe for this content.
[jQuery] Re: jQuery Cycle: two cycles with different effect & one pager
$('#slideshow').cycle({
fx: 'fade,cover'
});
On Feb 1, 8:14 pm, Florushj wrote:
> I'm having some trouble adjusting jQuery Cycle to my wishes. Unfortunately
> I'm no jQuery hero :-(
>
> This is what I want in short:
> It's basically this
> example:http://www.malsup.com/jquery/cycle/pager-double.htmlhttp://www.malsup.com/jquery/cycle/pager-double.html but
> with one effect
> for each cycle. One 'fade' and one 'cover'.
>
> As you can see. This code will only use 'zoom' as fx. I want the first div
> to have the fx 'fade' and the second to have the fx 'cover'. How should I do
> this??
>
> Your help is very, very appreciated!!!
>
> --
> View this message in
> context:http://old.nabble.com/jQuery-Cycle%3A-two-cycles-with-different-effec...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Abridged summary of jquery...@googlegroups.com - 27 Messages in 13 Topics
infojava Jan 24 02:05PM -0800 ^
jQuery(function ($) {
$("input.osx, a.osx").click(function (e) {
e.preventDefault();
$("#osx-modal-content").modal({
overlayId: 'osx-overlay',
containerId: 'osx-container', more...
Nathan Klatt Jan 24 04:41PM -0600 ^
> when we click on the a.osx it calls this function !
> but $("a.osx").click; doesn't work
Sorry, dude - I'm at a loss. I assume the lack of parens after click
(should be '$("a.osx").click();' more...
infojava Jan 24 02:46PM -0800 ^
just go on http://www.ericmmartin.com/projects/simplemodal-demos/
and download the very simple example : OSX Style Dialog
and try it your self !
more...
Nathan Klatt Jan 24 05:02PM -0600 ^
Works great for me:
http://jsbin.com/ahowi/edit
Make sure you set up the click handler before you execute the click. :)
Nathan
more...
Topic: jQuery now integrated into Visual WebGui web/cloud platform
NCSM Jan 24 01:57PM -0800 ^
Gizmox, the developer of Visual WebGui web/cloud applications platform
announced the release of its Visual WebGui 6.4 beta 1 version, with
expanded capabilities that include the integration of the more...
Topic: VALIDATE - How to access message in highlight function?
Temp Jan 24 01:53PM -0800 ^
I am using the highlight/unhighlight options of the validator to add a
class to my invalid element, and I want to qtip the message. Can
someone please tell me how to access the error message of the more...
Topic: (validate) block event Return
Vagner Jan 24 01:11PM -0800 ^
Hi,
I'm trying to use the plugin Validator (from
http://bassistance.de/jquery-plugins/jquery-plugin-validation/) WITH
JSONSuggestBox (see: http://tomcoote.co.uk/jQueryJSONSuggestBox.aspx).
more...
Topic: JQuery Ajax serialize
brian Jan 24 01:41PM -0500 ^
Use parse_str(). But beware that that string has a problem:
Jan 24 10:31AM -0600 ^
> The data is loaded and the callback is invoked, but I'm not being
> passed in the XmlHttpRequest object as expected. I've been looking at
> the documentation here: more...
Topic: iframe on another iframe
"DOTS D.O.Technology Services" Jan 24 06:35PM +0530
^
how i can put iframe on top of other iframe in html,
i am trying to do is as follows
there is a iframe of size 100px by 100px having src as web1.html
and when i click a button outside the more...
DOTS Jan 24 05:35AM -0800 ^
Any one ?
On Jan 24, 6:05 pm, "DOTS D.O.Technology Services"
more...
Nathan Klatt Jan 24 10:25AM -0600 ^
On Sun, Jan 24, 2010 at 7:05 AM, DOTS D.O.Technology Services
> how i can put iframe on top of other iframe in html,
http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning
more...
Topic: Abridged summary of jquery-en@googlegroups.com - 19 Messages in 12
Topics
"Mike Heath" Jan 24 12:58PM ^
Please unsubscribe me from this distribution.
Mike Heath
- Original Message -
From: jquery-en+nore...@googlegroups.com
To: Abridged Recipients
Sent: Sunday, January 24, 2010 more...
Topic: Abridged summary of jquery-en@googlegroups.com - 19 Messages in 12
Topics
tra...@visages-trekking.com Jan 24 01:12PM +0100 ^
Bonjour,
je suis absent du 21 janvier au 8 février.
En cas d'urgence veuillez téléphoner à l'agence au 04.92.45.18.05.
Merci et à bientôt !
Thierry Raoux
more...
Re: [jQuery] Abridged summary of jquery...@googlegroups.com - 19 Messages in 12 Topics
Please unsubscribe me from this distribution.
Mike Heath
- Original Message -
From: jquery-en+nore...@googlegroups.com
To: Abridged Recipients
Sent: Sunday, January 24, 2010 12:03 PM
Subject: [jQuery] Abridged summary of jquery-en@googlegroups.com - 19
Messages in 12 Topics
Today's Topic Summary
Group: http://groups.google.com/group/jquery-en/topics
a.. Dynamic Selects [2 Updates]
b.. how to get href value [5 Updates]
c.. Two search kriteria [2 Updates]
d.. MarkItUp image upload [1 Update]
e.. Superfish/Drop Up menu and scrollable ul [1 Update]
f.. (validate) Consulting Support [1 Update]
g.. Form submit success method not being called [1 Update]
h.. Are API docs in sync with latest jquery library [1 Update]
i.. JQuery Ajax serialize [1 Update]
j.. Select tab from link [1 Update]
k.. This code is too complex for a noob, can someone break this down. [2
Updates]
l.. Abridged summary of jquery-en@googlegroups.com - 30 Messages in 9
Topics [1 Update]
Topic: Dynamic Selects
"Steffan A. Cline" Jan 23 09:42PM -0700 ^
I am wondering if I'm missing something in my code.
I have a that is populated via
$("#mySelect").load("something.html"). This page of course returns a bunch
of Jan 23 10:05PM -0700 ^
Ok. I figured it out. It is a race issue. I needed to wait for the data to
load. I did not realize that load() had a callback.
Solution:
$("#province").load("/async/async_provinces.lasso?cc=" + more...
Topic: how to get href value
Greg Tarnoff Jan 23 05:04AM -0800 ^
Actually all of these are slow. The last example will run anytime you
click the page. You only want to run this if they click an A element.
So attach a click event to A. Try this:
more...
Amos King Jan 23 09:52AM -0600 ^
Greg, I'm not sure how your's is much diffrent then the original.
--
Amos King
http://dirtyInformation.com
http://github.com/Adkron
--
Looking for something to do? Visit http://ImThere.com more...
MorningZ Jan 23 09:26AM -0800 ^
or how it's "slower" say there's 100 on the page (which
wouldn't be too uncommon for say, a blog site), that's 100 event's
wired up sitting in ready to "go"... using event delegation, one more...
Greg Tarnoff Jan 23 06:08PM -0800 ^
By click event on the document it may register faster, but every time
it is clicked it will run the function.
With the click on the A only when that is clicked will the action
happen. more...
MorningZ Jan 23 07:57PM -0800 ^
> but I haven't had much luck getting .html.href to work in the past.
nor should you have *any* luck, since that is totally bad syntax
more...
Topic: Two search kriteria
Frank Becker Jan 24 01:17AM +0100 ^
Hi all,
first of all I'm sorry if this posting is hard to read. English is not
my mother tongue.
I'm new to jQuery and jQuery-Autocomplete. I want to create an
"intelligent" input form like more...
John Arrowwood Jan 23 05:26PM -0800 ^
Give your Zip field an ID, then use $('#zip').value() instead of
form.ZIP.value. Or maybe it's .value without parenthesis, I don't remember,
and I'm not in the mood to go look it up for you. more...
Topic: MarkItUp image upload
brian Jan 23 08:02PM -0500 ^
I've just created an improved image widget for the MarkItUp editor[1].
Instead of being prompted for an existing URL for the src attribute, a
file upload form is created. The form target a hidden more...
Topic: Superfish/Drop Up menu and scrollable ul
confuser Jan 23 03:30PM -0800 ^
Im using jQuery superfish using nested s etc, which works fine. However,
i want to be able to scroll the original 's (The ones you hover over to
open up the nested ones) which i have managed more...
Topic: (validate) Consulting Support
farzin Jan 23 03:11PM -0800 ^
Do you have a consulting organization to do some customize support for
hire?
If so, how do I get in touch with that organization?
more...
Topic: Form submit success method not being called
Mike Alsup Jan 23 01:55PM -0800 ^
Answered via Twitter, but for anyone else that has the same question,
the trick is to put the response inside a element as noted
on this page: http://jquery.malsup.com/form/#file-upload more...
Topic: Are API docs in sync with latest jquery library
Talisman Jan 23 11:50AM -0800 ^
Hi all,
I'm trying to use jQuery.ajax() and passing in a "success" callback.
The data is loaded and the call
[jQuery] Re: Jquery noconflict not working
The error I see is on this line:
setTimeout('chatHeartbeat();',chatHeartbeatTime);
Instead of passing a string as the first arg to setTimeout, pass the
actual fn reference:
setTimeout(chatHeartbeat, chatHeartbeatTime);
When passing a string it will be evaluated in the global context. But
your chatHeartbeat fn is not defined in the global context. And as a
matter of style and performance, it is better to pass the fn ref
anyway.
Mike
On Jan 17, 6:28 pm, Alex Crooks wrote:
> If you look at the page;
>
> http://www.sars-clan.co.uk/forums/(ignore styling etc as its a work
> in progress)
>
> In the header source the forum system myBB calls prototype and then I
> call jquery and the noconflict;
>
>
> jQuery.noConflict();
>
> jQuery(document).ready(function($){
>
> //my jquery stuff
>
> });
>
>
>
> with all my jquery code inside those tags. However I still get
> warnings about unknown functions although they are clearly defined in
> the header, any thoughts?
[jQuery] Re: jQuery Form File Download Error
> I have a form in which one of the submit buttons initiates a download
> of a file. Under normal circumstances this works perfectly, however,
> if I introduce the JQuery Form plugin as follows:
>
> var options = { target: "#dialog" };
> $('#viewform').ajaxForm(options);
Try setting the 'iframe' option to true. And you don't need the
target option.
var options = { iframe: true };
[jQuery] using tabs plugin in ajax mode, accessing the DOM
A "is it possible?" question from a novice... I am using the tabs plugin to load a page via ajax mode. In the newly loaded content, I have some checkboxes, which I then process using javascript/ajax/XMLHttpRequest. When I return from the ajax processing, I am trying to change an attribute (background color) of an element which was loaded via tabs in ajax mode, by using its ID. When trying to select the element to change the background color I get a null for getElementById(idofnewelement). It's entirely possible that I have a coding error, but before I kill myself debugging, I wanted to check to see if this is even possible. I am guessing that it is NOT possible to do this since the DOM of the new tabs page does not exist when the initial tabs page is loaded and therefore getElementById can't see it. Do I have the correct understanding of the accessibility of the DOM of data loaded via tabs in ajax mode? If not, is there someway to "refresh" the DOM after a tabs/ajax load? Thanks, Mike
[jQuery] Re: Read ajax response headers?
> So if someone has a second, can you let me know if the above code
> could potentially get out of sync? Maybe when I create the list item
You don't need to use both the success and complete fn. You can use
complete like this:
complete: function(xhr, status) {
if (status == "success") {
$('ul.notes').append('' + xhr.responseText +
'');
var key = XMLHttpRequest.getResponseHeader('Note-Key');
$('ul.notes > li:last-child a').attr('href', '#' + key);
}
}
[jQuery] Re: Read ajax response headers?
> success:function (data,xhr) {}
The above callback signature applies to jQuery v1.4. In prior
versions the xhr was not passed to the success callback (but is passed
to complete callback).
[jQuery] Re: jQuery Form Plugin
Use Firebug to see what data is actually being posted to the server. > in update_homepage.php i save data to mysqldb. > > But if i click to submit buton, i see in OK > echo from update_homepage.php, but in db is only first (Nadpis) field > of form. And (!!!) if i click to this button second time go to db also > second field! > If i close Javascript - all is right - the page is reloaded and all > data are in db. > > Can you help me? I want ofcourse send all data of first click. > Zhank you very much!
[jQuery] Re: Error in IE6 and 7, but not 8 (or FF, and Chrome) ...
the_ID: LID,
remove the comma.
On Jan 9, 11:09 am, youradds wrote:
> If anyone has IE 6 or 7, please test this URL:
>
> http://ultradev.com.nmsrv.com/cgi-bin/dev/page.cgi?g=Detailed%2F337.html
>
> I'm wonderig if this is an issue with IETester (what I use to test
> different versions of IE) ...
>
> TIA
>
> Andy
>
> On Jan 9, 3:57 pm, youradds wrote:
>
>
>
> > Man what a pile of poo IE is!
>
> > Its moaning about this bit:
>
> > jQuery.post("/cgi-bin/dev/rate.cgi",
> > {
> > the_rate: Rating,
> > the_ID: LID,
> > }, function(response) {
> > jQuery('#ajax_rate_indicator' + the_id).show();
> > setTimeout("finishAjaxCategory(" + the_id +
> > ",'the_rating_box" + the_id + "', '"+escape(response)+"')", 400);
> > });
>
> > I've tried commenting each main bit out, and as soon as I uncomment
> > the jQuery() bit, it dies!
>
> > Why would it do this?
>
> > I don't think its jQuery as such, cos this works fine (and print out
> > the value);
>
> > alert("FOO" + jQuery('input[name=Review_Rating]').val());
>
> > GHHGGHHH!
>
> > On Jan 9, 3:30 pm, youradds wrote:
>
> > > Man this is driving me nuts - its fine in FF 3, Chrome, IE 8 - but
> > > just not IE 6 and 7 - WHAT! :@
>
> > > Just downloaded a debugging tool, and even that can't find an error.
>
> > > At first I thought maybe the space:
>
> > > jQuery.post("/cgi-bin/dev/rate.cgi", {
> > > rate: Rating,
> > > ID: LID,
> > > }, function(response){
>
> > > jQuery('#ajax_rate_indicator').fadeOut();
> > > setTimeout("finishAjax('the_rating_box',
> > > '"+escape(response)
> > > +"')", 400);
> > > });
>
> > > ..so I changed to:
>
> > > jQuery.post("/cgi-bin/dev/rate.cgi", {
> > > rate: Rating,
> > > ID: LID,
> > > }, function(response){
> > > jQuery('#ajax_rate_indicator').fadeOut();
> > > setTimeout("finishAjax('the_rating_box',
> > > '"+escape(response)
> > > +"')", 400);
> > > });
>
> > > ..but that gives the same error.
>
> > > Please if anyone has any suggestions - I'm all ears - its driving me
> > > nuts :/ (its only a free script I'm developing for some software, and
> > > I've already spent way too much time on it :()
>
> > > TIA
>
> > > Andy
>
> > > On Jan 9, 9:48 am, youradds wrote:
>
> > > > Hi,
>
> > > > Got a bit of a weird one here :/
>
> > > >http://ultradev.com.nmsrv.com/cgi-bin/dev/page.cgi?g=Detailed%2F337.html
>
> > > > Line: 12
> > > > Char: 0
> > > > Error: Expected identifier, string or number
> > > > Code: 0
>
> > > > The script its refering to (I assume!) is:
>
> > > >http://ultradev.com.nmsrv.com/dev/static/ajax_rate.js
>
> > > > Originally I had this line at the top of the script:
>
> > > > jQuery.noConflict();
>
> > > > ..,but was wondering if maybe it needed to be in each function ( which
> > > > I've done) ... but still get the error :/
>
> > > > I get a similar error when actually clicking on a star. Appart from
> > > > this time it reports the line number of the link itself ( I assumed
> > > > thats cos the function in the .js file didn't load, so when its being
> > > > called that doesn't work either)
>
> > > > Anyone got any suggestions? I'm at a road block :/
>
> > > > TIA!
>
> > > > Andy
[jQuery] Re: Can we use jquery for paging and sorting in asp.net 2.0 ?????
> take a look at jqGrid > > http://www.trirand.com/blog/ jqGrid rocks!!
[jQuery] Re: jQuery AJAX Question
> I was curious if there was a way to hit the current xhr object in the > success callback. I've been tinkering with it, and have been unable > to figure out how to do that. No, but you can access the xhr in the 'complete' callback.
[jQuery] Re: JQuery Cycle Speed
> Figured it out. The problem is, in fact, with the easing. Cycle has a default > easing set, but setting it to 'linear' fixes it and makes the entire thing > smooth. Hmm, nice.
[jQuery] Re: JQuery Cycle Speed
> Hey, I'm using the JQuery cycle plugin (http://malsup.com/jquery/cycle/) and > I have images set to auto-scroll horizontally. The plugin automatically > eases the slides (I've tried turning easing off), and I'm wondering if > anyone knows of a way to get them to just continually move horizontally > (without slowing/speeding up). I'm using it to create the illusion of moving > fish in a background image:http://blazonmarketing.net/projects/mspd Cycle doesn't really support a "continuous scroll" mode. There is a "continuous" option but it doesn't work well with the scroll transitions. Cycle takes a breath after every transition so you always get a brief interval between one transition and another. With many transition effects that interval isn't noticeable, but with the scroll effects it is. Mike
[jQuery] Re: JQuery files(.js) required
> None of those are redundant, but three tips: Actually all of the individual jquery UI files are redundant with jquery.ui-1.7.2.custom.min.js if that download was configured properly. Try with just these three: jquery-1.3.2.js, jquery.bgiframe.js, jquery.ui-1.7.2.custom.min.js
[jQuery] Re: jQuery BlockUI Plugin (v2) add onBlock()
> Hi all, > in this plug-in I need a function like onUnblock but on completed > fadein.. > can Add this function? ok. http://www.malsup.com/jquery/block/#download
[jQuery] Re: ajax image
> So you are trying to use jQuery's ".load()" functionality with an > actual image (i assume that your php sets the content type to image/ > jpeg, image/gif, etc and writes out the actual binary image data) ? YES ! that is correct. > that's not going to work, as the ".load()" loads the result of the > Ajax call into the innerHtml of DOM object I'm assuming thats why I get Array > I don't know though, you're talking "same function" but have posted > about three different functions so far, $.ajax, .load, and your custom > function mmm sorry for the confusion I wanted to see if i could just get it to work with load that's why I mentioned it .. > but bottom line is, the $.ajax call which ultimately > gets called wouldn't be a replacement for , bummer 8 ^ ( > *unless* you wanted to use data url vales as image sources (like:http://www.websiteoptimization.com/speed/tweak/inline-images/), but > the problem with that, like almost all cool ideas like that link > shows, is it doesn't work with IE neat concept but not doable trying to stick with ajax Thanks for your help Mean Mike
[jQuery] Re: Form submit success method not being called
What you have there should be working. Perhaps the json response is
not properly formatting. Try adding an error callback, or using the
global ajaxError hook, and see if that's the problem.
Mike
On Jan 5, 8:20 pm, Scott Brady wrote:
> I'm having an issue using the jquery form plug-in. The form gets
> submitted just fine (I can see the response in Firebug). However, it
> looks like my success callback method isn't being called.
>
> Here's the basic JS code for the form submit in the "document.ready" section.:
> // Add form binding
> var addOptions =
> {
> dataType: 'json',
> resetForm: true,
> success: processAdd
> };
>
> $("#addForm").ajaxForm(addOptions);
>
> And, here's the callback function:
> function processAdd(responseData, statusText)
> {
> alert(responseData);
>
> }
>
> I've tried changing the success be an inline function declaration
> (success: function(responseText){ ... etc) but that didn't change it.
>
> Would using ajaxSubmit() rather than ajaxForm() work better? Or, is
> there something I'm actually doing wrong that you can see?
>
> --
> -
> Scott Brady
[jQuery] Re: ajax image
basically all ajax calls go through
$.ajax({.});
I made a function that gets passed all the parameters that I want in
the ajax call
oddly enough i can't get load to work right either i just get Array
returned
On Jan 6, 10:33 am, MorningZ wrote:
> > I want all my ajax calls to run through the same ajax function
>
> What "same" ajax function?
>
> On Jan 6, 10:29 am, Mean Mike wrote:
>
> > ok so I figured out that you can put in image in your page using .load
> > (imageloader.php) but is there a way to load an image using regular
> > ajax call .
>
> > alittle more explanation of what I'm trying to do
>
> > in my php I use imagejpeg function which outputs the image using gd
> > great!
>
> > and in my html i use to just go and that worked except now I don't
> > want to pass that info in the query string I want to post the info AND
> > I want all my ajax calls to run through the same ajax function which
> > is why I don't want to use .load
>
> > any thoughts or suggestions
>
> > mean mike
[jQuery] ajax image
ok so I figured out that you can put in image in your page using .load (imageloader.php) but is there a way to load an image using regular ajax call . alittle more explanation of what I'm trying to do in my php I use imagejpeg function which outputs the image using gd great! and in my html i use to just go and that worked except now I don't want to pass that info in the query string I want to post the info AND I want all my ajax calls to run through the same ajax function which is why I don't want to use .load any thoughts or suggestions mean mike
[jQuery] Re: ajaxfileupload and additional data
I'm not having any luck with this can someone point me in the right
direction
On Jan 4, 3:50 pm, Mean Mike wrote:
> Hello all,
>
> I'm running this plug inhttp://www.phpletter.com/Our-Projects/AjaxFileUpload/
> and I need to send along additional post data can anyone help ?
>
> here is my current code
>
> [code]
> var obj = {};
> obj.id = id;
> obj.func = file_uploaded;
> obj.type = "file";
> obj.pdata ={}
> if (loc == "bigart") {
> obj.pdata.random='bigart';
> obj.pdata.func='upload_bigart';
> } else {
> obj.pdata.random=random;
> obj.pdata.func='upload_image';
> }
>
> $.ajaxFileUpload({
> url:prefix,
> secureuri: false,
> fileElementId: 'fileToUpload' + obj.id,
> data: obj.pdata,
> dataType: 'json',
> error: function(data) {
> if (data.status == 302) {
> top.location.href = data.getResponseHeader
> ('Location');
> } else {
> display_messages({
> messages: {
> error: "invalid json response please try
> again file error:" + data.error
> }
> });
> }
> },
> success: function(data) {
> display_messages(data.messages);
> if (data.messages && data.messages.error !==
> undefined) {
> $("#form" + argObject.id).remove();
> add_form_field();
> } else {
> obj.func(data, obj.id);
> }
> }
> });
> [/code]
>
> thanks
> Mean Mike
[jQuery] Re: jQuery Cycle Plugin width problems
> Thanks for any help on this.
.slideshow li {
width: 100% !important
}
[jQuery] ajaxfileupload and additional data
Hello all,
I'm running this plug in http://www.phpletter.com/Our-Projects/AjaxFileUpload/
and I need to send along additional post data can anyone help ?
here is my current code
[code]
var obj = {};
obj.id = id;
obj.func = file_uploaded;
obj.type = "file";
obj.pdata ={}
if (loc == "bigart") {
obj.pdata.random='bigart';
obj.pdata.func='upload_bigart';
} else {
obj.pdata.random=random;
obj.pdata.func='upload_image';
}
$.ajaxFileUpload({
url:prefix,
secureuri: false,
fileElementId: 'fileToUpload' + obj.id,
data: obj.pdata,
dataType: 'json',
error: function(data) {
if (data.status == 302) {
top.location.href = data.getResponseHeader
('Location');
} else {
display_messages({
messages: {
error: "invalid json response please try
again file error:" + data.error
}
});
}
},
success: function(data) {
display_messages(data.messages);
if (data.messages && data.messages.error !==
undefined) {
$("#form" + argObject.id).remove();
add_form_field();
} else {
obj.func(data, obj.id);
}
}
});
[/code]
thanks
Mean Mike
[jQuery] Re: jQuery Cycle Multiple Pagers
Two pagers, one slideshow:
http://jquery.malsup.com/cycle/pager-two.html
Mike
On Dec 24, 8:54 am, pmAgony wrote:
> Update, I was able to successfully complete #2 and #3. My challenge
> right now is being able to get two synchronized pagers on the same
> cycle.
>
> If anyone can chime in to assist, I'd greatly appreciate it. Here's a
> link to take a look:http://www.cuisinteractive.com/staging/etc/index.php
>
> Thanks!
>
> On Dec 23, 11:41 am, pmAgony wrote:
>
>
>
> > Hello Experts,
>
> > I'm looking for some guidance on implementing multiple pagers on a
> > jQuery Cycle plugin. My goal is as follows:
>
> > 1. On hover of #slideshow, reveal left and right arrows so the user
> > can navigate previous/next. Exactly like the lightbox feature.
>
> > 2. Thumbnails of the images below the slideshow to allow the user to
> > navigate visually and identify which image they are currently on.
> > This is completed and successful.
>
> > 3. In the lower-left region of the slideshow, I'd like to show text
> > description of the image iteself. It should be synchronized with the
> > slideshow. This isn't really a paging question.
>
> > So to recap, the user will have two methods of paging, one on the
> > slideshow when they hover, the other via the thumbnails, and lastly a
> > text description of each slide in the lower-left quadrant of the mast.
>
> > I'm not sure how to define 2 different pagers. Any help or reference
> > to an existing/working model would be great. All the best!
>
> > Here is my current code:
>
> > #
> > xHTML
> > #
> >
>
> >
> >
> >
> > > title="Previous">
> > > title="Next">
> >
>
> >
> >
> > > width="1000" height="421" alt="Automated Controls">
> > > width="1000" height="421" alt="Bedroom Theater">
> > > height="421" alt="Home Theater">
> > > width="1000" height="421" alt="Home Theater">
> > > height="421" alt="Home Surveillance">
> > > width="1000" height="421" alt="Automated Controls">
> > > height="421" alt="Touch Sensor Controls">
> > > width="1000" height="421" alt="Touch Control">
> >
> >
>
> >
> >
> >
> > > height="44" alt="Automated Controls" />
> > > height="44" alt="Bedroom Theater" />
> > > height="44" alt="Home Theater" />
> > > height="44" alt="Home Theater" />
> > > height="44" alt="Home Surveillance" />
> > > height="44" alt="Automated Controls" />
> > > height="44" alt="Touch Sensor Controls" />
> > > height="44" alt="Touch Control" />
> >
> >
> >
>
> >
> >
>
> >
>
> > #
> > JavaScript
> > #
>
> >
> > // redefine Cycle's updateActivePagerLink function
> > $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
> > $(pager).find('li').removeClass('activeLI')
> > .filter('li:eq('+currSlideIndex+')').addClass('activeLI');
>
> > };
>
> > $(document).ready(function() {
> > $('#slides').cycle({
> > fx: 'scrollLeft', // choose your transition type, ex:
> > fade,
> > scrollUp, shuffle, etc...
> > speed: 4500, // milliseconds between each slide
> > transition
> > timeout: 6000, // milliseconds between slide
> > transitions (0 to
> > disable auto advance)
> > pause: true, // pause on mouseover
> > resume: true,
> > delay: 1500, // delay start onload
> > cleartype: 1,
> > easing: null, // easing method for both in and out
> > transitions
> > easeIn: null, // easing for "in" transition
> > easeOut: null, // easing for "out" transition
> > pager: '#nav',
> > prev: 'a.prev',
> > next: 'a.next',
> > pagerAnchorBuilder: function(idx, scrollLeft) {
> > // return selector string for existing anchor
> > return '#nav li:eq(' + idx + ') a';
> > }
> > });});
>
> > function pagerFactory(idx, scrollLeft) {
> > var s = idx > 2 ? ' style="display:none"' : '';
> > return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
> > };
>
> >
[jQuery] Re: jQuery Selector Help
[ ... snipped ... ] > > ... and after looking at your code (which always helps), I see you're > referencing "this" (as opposed to jQuery's $(this)), which is why html() > wouldn't have worked. > > In that case, sure. It's been said that "this" is more efficient than > creating a jQuery reference to it via $(this). > > So to clarify... this.innerHTML is the functional equivalent of > $(this).html(), but without the "cost" of creating a new jQuery object for > each iteration of your each(). > [ ... snipped ... ] Thanks for the explanation. I went back and cleaned up my code to use jQuery(this).html() instead of this.innerHTML and all is well. Mike
[jQuery] Re: Jquery .submit not firing up!
If you can't post a link then create a very simplified example that demonstrates the problem and post a link to that. Mike On Dec 23, 4:23 am, Peter Laws wrote: > If there's an error, the dredded IE doesn't throw up any error, > normally its on the ball in that department. > > And I can't post a link (unless I do it privately?) as its a > pre-production site. > > FWIW, I copied the example from the JForm site letter by letter - > still not firing; removed all other javascript I have - still no joy. > I know I'm new to all thhis jquery stuff, I'm a php guy, so maybe it > is me! > > Thanks > > 2009/12/23 Mike Alsup : > > > > > Most likely you have a JavaScript error somewhere that is preventing > > your scripts from running. Post a link if you can.
[jQuery] Re: Jquery .submit not firing up!
Most likely you have a JavaScript error somewhere that is preventing your scripts from running. Post a link if you can. On Dec 22, 8:15 pm, Peter Laws wrote: > But thats after the (test) alert box, and I'm not even getting that > popping up. Surely I should be seeing the alert on submit? > > 2009/12/22 Stumps : > > > > > Use $(this).ajaxSubmit(options); instead of $(this).ajaxForm > > (options); > > > .ajaxForm will bind a form to automatically post back as ajax while > > ajaxSubmit will send the request to the server.
[jQuery] Re: IE Issue with jquery.form.js
Set a breakpoint in jQuery's httpData function and see why it's
failing.
Mike
On Dec 22, 8:11 pm, dirknibleck wrote:
> I have what I think is a pretty basic function going on that fails in
> IE everytime. The code is below. The javascript is first, followed by
> the ajax response.
>
> In IE, the ajaxForm() function doesn't resolve to success, but it does
> in FireFox, Opera and Safari
>
> On IE, the error: function() returns "parseerror" from the textStatus
> variable.
>
> What can I change to fix this?
>
> $('form#insert_person_modal').ajaxForm({
> dataType: 'json',
> success: function(data, statusText, jqForm){
> handle_error_array(data.error_array, $(jqForm));
> if('insert_id' in data){
> $("div#insert_person_modal_popup").removeShadow
> ().hide();
> $('#teams_rosters_person_id').val
> (data.insert_id);
> $('#teams_rosters_person_id_autocompletor').val($
> ('#insert_person_modal_first_name').val() + ' ' + $
> ('#insert_person_modal_last_name').val());
> }
> },
> error: function(XMLHttpRequest, textStatus, errorThrown){
> alert("error thrown " + errorThrown);
> alert("text status " + textStatus);
> alert("Request " + XMLHttpRequest);
> }
>
> });
>
> AJAX request (as JSON):
>
> {"error_array":{"home_association":"The Association you have entered
> is not a valid option. Please select another Association and try
> again."}}
>
> RESPONSE HEADERS:
>
> Date Wed, 23 Dec 2009 00:40:48 GMT
> Server Apache/2.2.13 (Unix) mod_ssl/2.2.13 OpenSSL/0.9.7l DAV/2 PHP/
> 5.2.5
> X-Powered-By PHP/5.2.5
> Expires Thu, 19 Nov 1981 08:52:00 GMT
> Cache-Control no-store, no-cache, must-revalidate, post-check=0, pre-
> check=0
> Pragma no-cache
> Content-Length 602
> Keep-Alive timeout=5, max=100
> Connection Keep-Alive
> Content-Type application/json
[jQuery] Re: jQuery Selector Help
On Dec 22, 12:09 pm, Charlie Griefer
wrote:
> 2009/12/22 Šime Vidas
>
> > Well, you selected BR elements, which are empty elements, so it's no
> > mystery why this.innerHTML returns undefined...
>
> > Also, DIVs shouldn't appear inside SPANs...
>
> He did state that he's using generated HTML. He has no control over it.
>
> Mike - this isn't really a jQuery problem per se. You're jQuery selectors
> match DOM elements. Not so much the contents of those elements.
>
> What you can do is search for the containing element (in this case, you can
> look for a with a class of "event"), and replace all instances of />* with just the .
>
> $(document).ready(function() {
> var newHTML = $('span.event').html().replace(/()\s*\*/g, '$1');
> $('span.event').html(newHTML);
>
> });
>
> The expression is looking for a (or or ) followed by any
> white space (including tabs), followed by an asterisk. It replaces that
> pattern with the alone (removing the asterisk).
>
[ ... snipped ... ]
Thanks for pointing me in the right direction. This is what I ended
up getting to work:
jQuery("span.event", ".calendar-table").each(function(){
var html = this.innerHTML.replace(/()\s*\*/
g, \'$1\');
jQuery(this).html(html) ;
}) ;
I changed the regular expression slightly to eliminate the .* portion
and changed .html() to .innerHTML. I don't know enough jQuery to know
why I had to do that but had seen it elsewhere so tried it and it
worked.
Thanks,
Mike
[jQuery] Re: jQuery Selector Help
On Dec 22, 8:03 am, Dhruva Sagar wrote: > I would suggest you to wrap the sections within * into a div and select that > div. > > Thanks & Regards, > Dhruva Sagar. > [ ... snipped ... ] Unfortunately I don't have control of the generated content. The content is generated by a WordPress Calendar plugin that I am reluctant to modify which is why I would like to find a way to do this with jQuery. Mike
[jQuery] Re: Superfish and Wordpress
On Dec 20, 10:04 pm, Rob wrote:
> I am having trouble getting my wordpress theme to use the Superfish in
> the nav menu. My problem is I have subcategories that go 3 tabs deep
> and currently it is very tough to navigate through the drop down menu
> so I wanted to get Superfish to work since I have used it with other
> non-Wordpress sites in the past.
>
> a link to the site I am working on ishttp://robgivans.com/hssportszone/
>
> I have called these files.
>
> //link to the CSS files for this menu type
> href="superfish.css" />
>
> // link to the JavaScript files (hoverIntent is optional)
>
>
>
>
> Then right above my Navbar I have called the script file for super
> fish, this is exactly how it is in my file.
>
>
>
> $(document).ready(function(){
> $("ul.sf-menu").supersubs({
> minWidth: 12, // minimum width of sub-menus in em
> units
> maxWidth: 27, // maximum width of sub-menus in em
> units
> extraWidth: 1 // extra width can ensure lines don't
> sometimes turn over
> // due to slight rounding differences
> and font-family
> }).superfish(); // call supersubs first, then superfish, so
> that subs are
> // not display:none when measuring. Call
> before initialising
> // containing tabs for same reason.
> });
>
>
>
>
>
>
>
>
> Home
>
>
>
>
>
>
>
> I have changed the DIV Navbar to sf-menu but it makes no difference.
> If you have any idea what I could be doing wrong please let me know, I
> have been messing with this way too long, maybe I am missing something
> stupid. Thanks.
I have used SuperFish menus in a couple WordPress themes which are
based on the Sandbox theme.
To get SuperFish to load correctly, I had to run this jQuery script:
// Need to initialize jQuery and the SuperFish menus
jQuery(document).ready(function(){
jQuery('ul.sf-menu').superfish({
delay: 250,
animation: {opacity:'show',height:'show'},
speed: 'fast',
autoArrows: true,
dropShadows: true,
pathClass: 'current_page_item'});
});
Your pathClass argument might be different depending on how your theme
assigns a class to the current page. It has been my experience that
you will not be able to use the jQuery $() shortcut notation with
WordPress because so many things make use of jQuery.
You can see SuperFish menus working with WordPress on this web site:
http://www.caslshocks.org
Mike
[jQuery] jQuery Selector Help
Long time listner, first time caller ...
I am struggling with a selctor and am hopeful someone can help me see
the forest through the trees. I am using a WordPress plugin which
generates the following HTML:
26
*
Christmas Break
Christmas Break
*
http://localhost/?p=104"; style="">
Futsal Training
Futsal Training
Time: 1:30
pm
Futsal Training at NetSports
I want to strip the asterisk characters ("*") from the HTML. I have
been able to tweak a few things but I am struggling with a selctor
which would allow me to eliminate the asterisk. Any help or
suggestions would be approeciated. I was trying to do this but
innerHTML returns undefined and I am not sure why.
jQuery('span.even > br').each(function() {
html = this.innerHTML ;
// Some manipulation goes here
jQuery(this).html(html) ;
}
I am by no means a jQuery guru so I am sure I am missing something
obvious.
Thanks,
Mike
[jQuery] Re: jquery.cycle /// Next function in the next button and in the pictures
> next:'#next', next:'#next2' Change that to: next: '#next,#pics' The 'next' option let's you specify a jQuery selector string. So you can have as many elements as you want trigger the transition to the next slide. Mike
[jQuery] Re: How do I allow not add width to the li tag with jQuery Cycle Plugin
> I use this jquery-plugin:http://jquery.malsup.com/cycle/ > Each li-tag gets a calculated width allowing the contents to 2 lines, > but line 1 is sufficient. 2 lines breaks the design. The added width > is not necessary. Is it possible NOT to add to this? Can anyone help > me? It would be a great relief! Can you post a link?
[jQuery] Re: jQuery Cycle - Global pause on hover?
> If there are three slideshows on one page, is there a way to PAUSE
> slideshows B & C when hovering over A?
var $slideshows = $('#A,#B,#C').cycle({
// options
speed: 700,
timeout: 3000
});
$slideshows.hover(
function() { $slideshows('pause'); },
function() { $slideshows('resume'); }
);
[jQuery] Re: What is the event when a user presses the enter key anywhere on the page?
awesome Mike, thank you
Mike
On Dec 17, 2:50 pm, Michael Geary wrote:
> Good tip, thanks, Mike.
>
> A couple of suggestions... First, you could simplify that if test to:
>
> if( e.which == 13 || e.keyCode == 13 )
>
> That would do exactly the same thing in all cases as the original code.
>
> But you can simplify it even more. jQuery cleans up the properties of the
> event object so you don't have to make the browser-dependent tests for both
> 'which' and 'keyCode'. You can just use 'which' in all browsers:
>
> if( e.which == 13 )
>
> -Mike
>
> On Thu, Dec 17, 2009 at 11:06 AM, Mean Mike wrote:
> > keypress
>
> > $(document).keypress(function(e) {
> > if ((e.which && e.which == 13) ||
> > (e.keyCode &&e.keyCode == 13))
> > {
> > // do something
> > }
> > });
> > mean mike
> > On Dec 17, 2:03 pm, "laredotorn...@zipmail.com"
> > wrote:
> > > Hi,
>
> > > I would like to capture the event of pressing enter anywhere on the
> > > page, even if the focus of the mouse cursor is not on a text field.
> > > What event/element am I looking at?
>
> > > Thanks, - Dave
[jQuery] Re: What is the event when a user presses the enter key anywhere on the page?
keypress
$(document).keypress(function(e) {
if ((e.which && e.which == 13) ||
(e.keyCode &&e.keyCode == 13))
{
// do something
}
});
mean mike
On Dec 17, 2:03 pm, "laredotorn...@zipmail.com"
wrote:
> Hi,
>
> I would like to capture the event of pressing enter anywhere on the
> page, even if the focus of the mouse cursor is not on a text field.
> What event/element am I looking at?
>
> Thanks, - Dave
[jQuery] Re: more ckeditor
> Perhaps just this, then:
>
> $("#fck").ckeditor()
> CKEDITOR.on( 'instanceReady', function(event) {
> // your code here
> });
>
> It's worth a try in any case.
so I tried that and of course I get CKEDITOR not defined ...
so I figure ot I'll wait for I try it this way
$('#fck').ckeditor();
var wait = setTimeout(function() {
if( $.ckeditor.instance("fck")) {
var editor = $.ckeditor.instance("fck");
editor.document.on("keyup",function(e){
alert("keyup");
});
clearTimeout(wait);
}
}, 2000);
and this works because it waits for the editor to load but it seems to
me there should be a better way
[jQuery] Re: more ckeditor
I haven't played with the samples . CKEDITOR API is well documented is
just the jquery implementation that I'm having trouble with
it seems that you would be right but I do I know when $
("#fck").ckeditor() returns ?
the problem seems to me that CKedtior.js isn't loaded until $
("#fck").ckeditor() is called so if I call anyhting before that is
finished I get CKEDITOR is undefined.
Mike
On Dec 16, 5:05 pm, Scott Sauyet wrote:
> On Dec 16, 4:07 pm, Mean Mike wrote:
>
> > now this works because by the time i press the button the ckeditor is
> > load so now I'm trying to figure out when it is load so I can apply
> > things to it once its loaded rather than have a user click a button.
>
> Man, there is a lot of documentation for CKEditor, but it seems hard
> to find one's way around. Have you played with the _samples folder in
> the distribution? In _samples/api.html, I found this:
>
> CKEDITOR.on( 'instanceReady', function(event) {
> // your code here
> });
>
> My guess is that you can call this as soon as $("#fck").ckeditor()
> returns, but I'm far from sure.
>
> Good luck,
>
> -- Scott
[jQuery] Re: more ckeditor
Scott, thanks for your replies
I did get this to work
$('#test').click(function(){
alert($.ckeditor.instance("fck").getData());
});
fck i the id of the textarea I'm using
now this works because by the time i press the button the ckeditor is
load so now I'm trying to figure out when it is load so I can apply
things to it once its loaded rather than have a user click a button.
Mike
On Dec 16, 3:26 pm, Scott Sauyet wrote:
> On Dec 16, 2:57 pm, Mean Mike wrote:
>
> > maybe I have something setup wrong but every time I run that I get an
> > js error "CKEDITOR is not defined" on line 32 of jquery.CKEditor.js
>
> Have you done this?:
>
> $.ckeditor.config = {path: '/path/to/ckeditor/directory/', height:
> 300 };
>
> It seems as though the jQ plug-in uses this to actually load the
> CKEditor code rather than declaring it in the HTML markup. I don't
> know why...
>
> -- Scott
[jQuery] Re: more ckeditor
maybe I have something setup wrong but every time I run that I get an
js error "CKEDITOR is not defined" on line 32 of jquery.CKEditor.js
On Dec 16, 2:44 pm, Scott Sauyet wrote:
> On Dec 16, 2:10 pm, Mean Mike wrote:
>
> > I can't seem to get anything out of the new jquery ckeditor plugin
>
> > I can have it load a an editor no problem but I need to do more than
> > just that a good starting point would be for me to be able to
> > something like
>
> > var foo = $.ckeditor.instances['textarea:#fck'].getData();
>
> I haven't used it before, but from the code, it looks as though you
> can do this:
>
> alert($.ckeditor.instance("textarea1").getData());
>
> This code looks as though it will get you the underlying CKEditor
> object:
>
> $.ckeditor.instance("textarea1")
>
> Worth a try, any way.
>
> -- Scott
[jQuery] more ckeditor
I can't seem to get anything out of the new jquery ckeditor plugin I can have it load a an editor no problem but I need to do more than just that a good starting point would be for me to be able to something like var foo = $.ckeditor.instances['textarea:#fck'].getData(); that would be a good starting place if anyone could help me I would appreciate it Mike
[jQuery] ckeditor plugin
I need to be able to clean the text of the ckeditor as the user types does anyone know what I need to do to achieve that ? I mean i already have the cleaning code I just need to be able to call it from the ckeditor Mean Mike
Re: [jQuery] Re: Superfish - Auto Arrows on sub menus only?
Hello and thank you but a total newb where do I put that code?
On Wednesday, December 9, 2009, Charlie wrote:
>
>
>
>
>
> easier solution is to turn off the insertion of the arrows within
> superfish options
>
> $("ul.sf-menu").superfish({autoArrows: false});
>
>
> mikeromana wrote:
>
> Sorry to be a newb, but I am trying to do the same thing where there
> are no arrows in the main menu:
>
> "Well, just delete the markup for the arrows then:
> $('#nav > li > a span').remove(); "
>
> Where do I put that code?
>
> Thank you.
>
>
>
> On Nov 13, 9:25 am, discern 'cap...@gmail.com');> wrote:
>
>
> Perfect. Thank you!
>
>
>
>
>
>
>
>
[jQuery] Re: Help... anyone!
Thanks. Well, I figured out my issue has nothing to do with jQuery. I removed all custom scripts and other jquery stuff and still was able to reproduce. My issue was with Cufon alone. Its not the best idea (I learned) to use Cufon to replace copy text. I was using it to replace ALL text... not a good thing yet. Here is an article explaining with a speed test which will crash your firefox how I crashed it. http://bkwld.com/blog/2009/06/cufon-speed-test/ Thanks again! Best Mike On Dec 8, 2:50 pm, brian wrote: > On Tue, Dec 8, 2009 at 1:48 PM, Mike wrote: > > > Thanks for the response. I was unable to find where to set firefox to > > clear cache automatically. I went to "about:config" ... found some > > cache settings, but not clear settings. > > Edit > Preferences > Advanced > Network > "Clear Now" > > > I can duplicate the issue. > > If you click on "home" then "About" then back to "home" and do it > > rather quickly numerous times. At one point it freezes. Now I know > > most users wont interact like this... but it makes me think that there > > is an issue with either Cufon, my Script or my implementation. So, > > still having issues. Please try what I mentioned above to see if you > > run into the same problem. > > I don't see anything. I still don't know what I'm looking for. When > you say the page freezes, do you mean it doesn't complete the load? > Things don't work? Something else? > > The pages do take a while to load but that's not unusual given you've > specified no caching.
[jQuery] Re: Cycle plugin postback problem in ASP.Net
View the markup after the postback (use firebug). I can almost
guarantee there are extra elements in the slideshow container, perhaps
s or empty paragraphs or something. Post a link if you can.
Mike
On Dec 7, 11:31 pm, Michael wrote:
> Anyone have an ideas or advice?
>
> Mike
>
> On Dec 1, 9:10 am, Michael wrote:
>
> > Hi Everyone!
> > I have encountered an issue trying to use the cycle plugin to show a
> > very simple image slideshow in ASP.Net. I have the cycle plugin in a
> > master page and it works great until a postback is performed on a
> > page. When I perform a postback an empty slide is inserted between
> > every image. The slideshow becomes: blank -> image 1 -> blank -> image
> > 2 -> blank -> image 1 ...
>
> > Once I navigate to another page the slideshow is fine again until a
> > postback is performed.
>
> > Has anyone had any experience with this?
>
> > Mike
>
> > Just in case anyone finds it helpful, here is what I am doing ...
>
> > Here is my master page:
>
> > <%@ Master Language="C#" AutoEventWireup="true"
> > CodeBehind="Master.master.cs"
> > Inherits="WebProject" %>
>
> > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > http://www.w3.org/1999/xhtml";>
> >
> > Untitled
> >
> >
> >
> >
> >
> >
>
> >
> >
> > > type="text/javascript">
>
> >
> >
> >
> >
> >
> >
> > > ImageUrl='<%# Container.DataItem %>' EnableViewState="false">
> >
> >
> >
> >
> >
> >
> >
> >
>
> > Here is my javascript (HeaderSlideshow.js):
>
> > $(document).ready(function() {
> > $('.headerSlideshow').cycle({
> > fx: 'scrollDown',
> > speed: 1000,
> > cleartype: true,
> > cleartypeNoBg: true,
> > timeoutFn: calculateSlideTimeout
> > });
>
> > });
>
> > function calculateSlideTimeout(currElement, nextElement, opts,
> > isForward) {
> > // Set odd number slides (which will always be the eas logo) to
> > have 11 second timeouts
> > // and even number slides (which will be R&AC, broker or
> > association logos) to have 4 second timeouts
> > var index = opts.currSlide;
> > return index % 2 ? 4000 : 11000;
>
> > }
>
> > Here is my css (HeaderSlideshow.css):
>
> > .headerSlideshow
> > {
> > width:300px;
> > height:80px;
> > margin:1px;
> > overflow:hidden;
> > border:0px;
>
> > }
>
> > .headerSlideshow img {
> > top: 0;
> > left: 0;
>
> > }
>
>
[jQuery] Re: Help... anyone!
Thanks for the response. I was unable to find where to set firefox to
clear cache automatically. I went to "about:config" ... found some
cache settings, but not clear settings. I can duplicate the issue.
If you click on "home" then "About" then back to "home" and do it
rather quickly numerous times. At one point it freezes. Now I know
most users wont interact like this... but it makes me think that there
is an issue with either Cufon, my Script or my implementation. So,
still having issues. Please try what I mentioned above to see if you
run into the same problem.
btw, thanks for that little dotted outline fix! Makes it look much
cleaner!
Again, MUCH APPRECIATED.
Best
Mike
On Dec 8, 11:49 am, brian wrote:
> I'm not sure I understand in what sense the page is freezing
> sometimes. I've had a look in FF (Linux) and haven't seen anything
> untoward.
>
> It could be that you've specified that the page never be cached. Try
> removing that, clear your cache, and click around some. You do have a
> fair number of JS files to load.
>
> I don't see any reason to unbind the click event for that other link.
>
> Also, you might want to remove the outline from the jCarousel
> back/forward buttons. If so, have a look at this and adjust for your
> needs:http://css-tricks.com/removing-the-dotted-outline/
>
> On Mon, Dec 7, 2009 at 3:44 PM, Mike wrote:
>
> > Before I dive into my issue, I just finished reading "Learning jQuery
> > 1.3" and decided to go full fledged and create my first site
> > implementing jQuery only! I had a little experience before this but
> > found that jQuery is a lot of fun and easy to implement, even for a
> > semi noob. (maybe a total noob after you read about my issue)
>
> > However, I am have a page freeze issue and I am not sure why or how to
> > track down. In this site, I am using Cufon for custom text
> > replacement, DD_belatedPNG fix for transparent pngs in IE and jQuery
> > for all my pretty UI enhancements.
>
> > Being new, I have a feeling that I am leaving something open, maybe
> > not unbinding an element or maybe my implementation of all 3 is out of
> > whack... I dont know. Has anyone run into an issue like this where
> > their page freezes from time to time? When accessing in IE, Safari,
> > Opera and Chrome... no freeze.
>
> > It seems to happen on 1 page most of the time. I have jCarousel Lite,
> > Cufon, DD_belated, and some custom jQuery code running. I have a
> > subscribe button that submits a form and I set it up as
>
> > $('a#button').click(function(){
> > dosomething();
> > }
>
> > Am I suppose to unbind this?
>
> > Also when ever someone clicks on a left or right toggle on my
> > jCarousel Lite plugin, I call Cufon.replace() on top of the base
> > interaction for those toggle buttons.
>
> > if(replacefont){
> > $('div.toggles a').click(function(e){
> > Cufon.replace('#slides h1, #slides a');
>
> > });
>
> > Cufon.replace('h1, h2, h3, h4, h5, #slides p, a.buttons, #quote
> > p, b, #main-menu a, .container p');
> > }
>
> > The web template I am working on can be found here:
>
> >http://themeforest.gfunkmedia.com/comercia-web/lite/index.html
>
> > I have not been able to duplicate the issue on demand... but think it
> > happens on the home pages and if you click on home multiple times it
> > may happen. I disabled right click, so if you would like to see code,
> > please let me know.
>
> > Much appreciated to the jQuery guys and enthusiasts!
>
> > Best
> > Mike
[jQuery] Help... anyone!
Before I dive into my issue, I just finished reading "Learning jQuery
1.3" and decided to go full fledged and create my first site
implementing jQuery only! I had a little experience before this but
found that jQuery is a lot of fun and easy to implement, even for a
semi noob. (maybe a total noob after you read about my issue)
However, I am have a page freeze issue and I am not sure why or how to
track down. In this site, I am using Cufon for custom text
replacement, DD_belatedPNG fix for transparent pngs in IE and jQuery
for all my pretty UI enhancements.
Being new, I have a feeling that I am leaving something open, maybe
not unbinding an element or maybe my implementation of all 3 is out of
whack... I dont know. Has anyone run into an issue like this where
their page freezes from time to time? When accessing in IE, Safari,
Opera and Chrome... no freeze.
It seems to happen on 1 page most of the time. I have jCarousel Lite,
Cufon, DD_belated, and some custom jQuery code running. I have a
subscribe button that submits a form and I set it up as
$('a#button').click(function(){
dosomething();
}
Am I suppose to unbind this?
Also when ever someone clicks on a left or right toggle on my
jCarousel Lite plugin, I call Cufon.replace() on top of the base
interaction for those toggle buttons.
if(replacefont){
$('div.toggles a').click(function(e){
Cufon.replace('#slides h1, #slides a');
});
Cufon.replace('h1, h2, h3, h4, h5, #slides p, a.buttons, #quote
p, b, #main-menu a, .container p');
}
The web template I am working on can be found here:
http://themeforest.gfunkmedia.com/comercia-web/lite/index.html
I have not been able to duplicate the issue on demand... but think it
happens on the home pages and if you click on home multiple times it
may happen. I disabled right click, so if you would like to see code,
please let me know.
Much appreciated to the jQuery guys and enthusiasts!
Best
Mike
[jQuery] Re: BlockUI strange behaviour in IE7
> I am using BlockUI in a pop-up to block it while the new data inserted > by the user is updated. > > It works pretty good in firefox but IE7 has a strange behaviour: after > pushing the submit button the overlay message is displayed and the pop- > up is closed (until here everything is fine) but after, the page the > user was viewing is continued to be refreshed (I dont know exactly > what it is doing but the progress bar is continuously moving forward, > I dont see any new requests in the server...) Can you post a link?
[jQuery] Re: blockUI history removal
> Shouldn't the code be
> $(el).removeData('blockUI.history');
> ?
Yes, good catch.
[jQuery] scrollTop() problem in Chrome and Safari
Please see: http://gutfullofbeer.net/scrolltop.html In IE8 and Firefox, clicking the little "A", "B", and "C" buttons on that page scrolls the content such that the corresponding headings are up towards the top of the content area. In Chrome and Safari, however, nothing at all happens. I don't get any errors, and as far as I can tell everything's the same between those browsers and FF/IE8 except that scrollTop() doesn't do anything. Am I doing something wrong or is this a bug on those browsers? -- Turtle, turtle, on the ground, Pink and shiny, turn around.
[jQuery] Re: super easy jquery question
Thanks to both!
Mike
On Dec 1, 12:22 am, HS8KIC wrote:
> you can do this.
> // reset input type text
> $('#form_id input[type=text]').each(function(){ this.value = ''; });
> // reset textarea
> $(''#form_id textarea').each(function(){ this.value = ''; });
> // reset select
> $('#form_id select').each(function(){
> $(this).find('option:first').attr('selected', 'selected').parent('select');
> });
> Best regard,
> Paisal.
> mike wrote:After I have processed a user request from a form submittal, I
> want to remove the text from a text field. With JQuery, how do I do
> that? The input field has the id of #subject. I've tried the following, but
> to no avail. (I clearly don't understand jquery). Please help.
> $('#subject').val()=""; $("#subject").text('');
> $("#subject").text().replace("");
[jQuery] super easy jquery question
After I have processed a user request from a form submittal, I want to
remove the text from a text field. With JQuery, how do I do
that? The input field has the id of #subject.
I've tried the following, but to no avail. (I clearly don't
understand jquery). Please help.
$('#subject').val()="";
$("#subject").text('');
$("#subject").text().replace("");
[jQuery] Re: jQuery Ajax BlockUI Database
You can do this with blockUI if what you're planning to display is
reasonably succinct. When you have the database results in your ajax
callback, assuming it is HTML, you can do something like this:
$.get(someUrl, function(data) {
var html = '' + data + 'OK';
$.blockUI({ message: html });
$('div.blockUI button').click($.unblockUI);
});
Another option would be to use jQuery UI Dialog:
http://docs.jquery.com/UI/Dialog
Mike
On Nov 23, 7:53 pm, MorningZ wrote:
> I'm not sure why you would use BlockUI for this purpose... seems more
> like a tooltip plugin is needed that can handle HTML
>
> On Nov 23, 3:10 pm, Troy Sartain wrote:
>
> > While searching around I have seen plenty of examples where people
> > query a database and use BlockUI to put up a wait message. When the
> > ajax completes, unblock and display the results. I'm trying to do
> > something a little different. I would like to query a database and use
> > the results as the message of the BlockUI 'window' - a custom popup.
>
> > (I tried using BeautyTip and it kinda works but I'm having trouble
> > positioning the tip. Also, the tip only pops up on the second try
> > because I'm actually assigning the ".bt" after the ajax completion.
> > Any clues there?) OK, that's off-topic.
>
> > Is this just a retarded way of doing this? Basically I have an old
> > school area map with rollover info coming from a db.
>
>
[jQuery] validate with changing default submit
I am a novice at jquery/javascript.
I am trying to use validate plugin and then make a ajax request with
post() and I am thoroughly confused by the submitHandler option
Here's what I have:
The html
// many form elements here using validate plugin
// where xxx.php is NOT what I want to have executed because I don't
want a page refresh.
The jquery stuff
-
$(document).ready(function(){
$('#mail_form').validate();
$('#mail_form').submit(function() {
var formData = $('#mail_form').serialize();
$.post('mailer.php',formData,processResponse);
function processResponse(data,status) {
if(status='success') {
$('#zone1').html(data);
} else {
$('#zone1').html('An error has occured.');
}
}
});
I want to execute mailer.php. I understand I should use the
submitHandler: but I have no idea how to do it and retain the usage of
serialize and post().
The documentation for this case says:
$(".selector").validate({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
but looking at the docs for ajaxSubmit seems to get orders of
magnitude more complicated. Suggestions? Thanks.
Mike
[jQuery] Re: jQuery Cycle Plugin and Captions - Please help!
Try this:
after: function(curr, next, opts) {
var alt = $(next).find('img').attr('alt');
$('#caption').html(alt);
}
On Nov 22, 12:12 am, Wroathe wrote:
> You're on the right track!!! I added an alt attribute to the
> first .featured-image and it displayed exactly where I wanted it!!!
> The question is now how to select the img tag nested in it (in the
> interest of writing valid xhtml).
>
> On Nov 21, 11:06 pm, Wroathe wrote:
>
> > I tried it and it didn't work Mike. I did a console.log of the alt
> > variable afterwards and it was tossing undefined. I think this is
> > because I have all of the slides wrapped in divs. I'm not sure how to
> > remedy that problem. Is there a way of selecting the img's alt
> > attribute using the code you just gave me?
>
> > Sorry. I was a designer before dabbling in development. I still have a
> > lot to learn.
>
> > Thanks again!
>
> > On Nov 21, 10:58 pm, Wroathe wrote:
>
> > > I'll give that try and see how it works - thanks in advance for the
> > > reply. I really appreciate it.
>
> > > On Nov 21, 7:01 pm, Mike Alsup wrote:
>
> > > > Try using the 'after' callback:
>
> > > > $(function() {
> > > > $('div#slides').cycle({
> > > > timeout: 7000,
> > > > pause: 1,
> > > > pager: 'div#buttons',
> > > > pagerAnchorBuilder: function(idx) {
> > > > return '' + idx + ' > > > a>';
> > > > },
> > > > after: function(curr, next, opts) {
> > > > var alt = $(next).attr('alt');
> > > > $('#caption').html(alt);
> > > > }
> > > > });
>
> > > > });
>
> > > > On Nov 21, 6:36 pm, Wroathe wrote:
>
> > > > > Hi there! I'm a little stuck and I was hoping someone could help me.
> > > > > I've been trying to add captions to another div separate from the
> > > > > slideshow and have them cycle with the slideshow and when the user
> > > > > uses the pager. The one catch is I was hoping to use the images in the
> > > > > slideshow's alt attributes as the captions. Here's the code, it'll do
> > > > > a better job of explaining than I can.
>
> > > > > The JS is as follows:
> > > > > $(function() {
> > > > > $('div#slides').cycle({
> > > > > timeout: 7000,
> > > > > pause: 1,
> > > > > pager: 'div#buttons',
> > > > > pagerAnchorBuilder: function(idx) {
> > > > > return '' + idx +
> > > > > '';
> > > > > }
> > > > > });
>
> > > > > });
>
> > > > > The container I specified to contain the captions is
> > > > > Pager anchors are here.
> > > > > Alt attribute would go here.
>
> > > > > The slideshow div looks like this
>
> > > > >
> > > > > > > > > src="images/image1.jpg" alt="This alt should be displayed as a caption
> > > > > in #captions." height="300px" width="940px" />
> > > > > > > > > src="images/image2.jpg" alt="This alt should be displayed as a caption
> > > > > in #captions." height="300px" width="940px" />
> > > > > > > > > src="images/image3.jpg" alt="This alt should be displayed as a caption
> > > > > in #captions." height="300px" width="940px" />
> > > > >
>
> > > > > So I want the alts to become the captions and to change when the
> > > > > slideshow auto-advances or when the user clicks on the appropriate
> > > > > pager.
>
> > > > > Sorry, I'm a major noob :(
>
> > > > > Thanks in advance for any help!
>
>
[jQuery] Re: jQuery Cycle Plugin and Captions - Please help!
Try using the 'after' callback:
$(function() {
$('div#slides').cycle({
timeout: 7000,
pause: 1,
pager: 'div#buttons',
pagerAnchorBuilder: function(idx) {
return '' + idx + '';
},
after: function(curr, next, opts) {
var alt = $(next).attr('alt');
$('#caption').html(alt);
}
});
});
On Nov 21, 6:36 pm, Wroathe wrote:
> Hi there! I'm a little stuck and I was hoping someone could help me.
> I've been trying to add captions to another div separate from the
> slideshow and have them cycle with the slideshow and when the user
> uses the pager. The one catch is I was hoping to use the images in the
> slideshow's alt attributes as the captions. Here's the code, it'll do
> a better job of explaining than I can.
>
> The JS is as follows:
> $(function() {
> $('div#slides').cycle({
> timeout: 7000,
> pause: 1,
> pager: 'div#buttons',
> pagerAnchorBuilder: function(idx) {
> return '' + idx + '';
> }
> });
>
> });
>
> The container I specified to contain the captions is
> Pager anchors are here.
> Alt attribute would go here.
>
> The slideshow div looks like this
>
>
> src="images/image1.jpg" alt="This alt should be displayed as a caption
> in #captions." height="300px" width="940px" />
> src="images/image2.jpg" alt="This alt should be displayed as a caption
> in #captions." height="300px" width="940px" />
> src="images/image3.jpg" alt="This alt should be displayed as a caption
> in #captions." height="300px" width="940px" />
>
>
> So I want the alts to become the captions and to change when the
> slideshow auto-advances or when the user clicks on the appropriate
> pager.
>
> Sorry, I'm a major noob :(
>
> Thanks in advance for any help!
[jQuery] Re: Cascade plugin and multiple selected values
sorry what I meant was jQuery("#chained_child").trigger("cascade")
Please read up on events in jquery and check out the source
On Nov 11, 3:33 pm, rmachado wrote:
> Hello and thanks for the reply
>
> I'm trying to use the solution you propose, but I'm new to jquery and
> I can't make it work.
>
> My code is:
>
> jQuery(document).ready(function()
> {
> jQuery("#chained_child").cascade("#chained",{
> list: list1,
> template: commonTemplate,
> match: commonMatch
> });
>
> jQuery("#chained_sub_child").cascade("#chained_child",{
> list: list2,
> template: commonTemplate,
> match: commonMatch
> });
>
> jQuery("#chained_sub_child1").cascade("#chained_child",{
> list: list3,
> template: commonTemplate,
> match: commonMatch
> });
> });
>
>
>
>
> function startDrops() {
> $('#chained [value=2').attr('selected','selected').parent().change
> ();
> $('select#parent').trigger('cascade');
> $('#chained_child [value=3').attr('selected','selected').parent
> ().change();
>
> }
> </head>
> <body onload="Javascript:startDrops();">
> ...
>
> I tried also:
> $('select#chained').trigger('cascade');
>
> and several variations...
>
> But it didn't work. :(
>
> Can you help me?
>
> Thanks
>
> On 11 Nov, 02:06, Mike Nichols <nichols.mik...@gmail.com> wrote:
>
> > $('select#parent').trigger('cascade');
> > ?
>
> > On Nov 9, 5:08 pm, rmachado <rmachado...@gmail.com> wrote:
>
> > > Hello to all
>
> > > I using thecascadeplugin in 3 dropdowns and it works fine, but in
> > > some ocasions I need to pre selected the values because the user is
> > > editing the previous recorded selections.
>
> > > I manage to selected the value of the first dropdown with the
> > > following code:
> > > $('#chained [value=1').attr('selected','selected').parent().change();
>
> > > but how can I selected the second one and the third?
>
> > > I tried this:
> > > <script type="text/javascript">
> > > function startDrops() {
> > > $('#chained
> > > [value=1]').attr('selected','selected').parent().change
> > > ();
> > > $('#chained_child
> > > [value=3]').attr('selected','selected').parent
> > > ().change();
> > > }
>
> > >
> > > ...
> > >
>
> > > But it didn't work..
>
> > > How can I do it?
>
> > > Thanks
>
>
[jQuery] Re: jQuery and Cycle plugin
Try something like this:
$(document).ready(function() {
var $slideshow = $('#slideshow');
$slideshow.cycle({
fx: 'fade'
}).cycle('pause');
$slideshow.hover(function() {
$slideshow.cycle('resume');
},
function() {
$slideshow.cycle('pause');
});
});
On Nov 17, 1:43 pm, j1042 wrote:
> Hey!
>
> Been enjoying the Cycle plugin (http://www.malsup.com/jquery/cycle/)
> but I can't get it do do exactly what I want.
>
> This image slideshow plugin comes with built in variables to control
> its operation, for example:
>
> $(document).ready(function() {
> $(function () {
> $('.slideshow').cycle({
> fx: 'fade',
> pause: 1
> });
> });
>
> });
>
> in this case the 'pause' variable being true means that the image
> slideshow runs until mouseover the .slideshow div - at which point it
> pauses - and continues on mouseout
>
> But I'd like the opposite to occur - no slideshow until mouseover,
> then continue until mouseout.
>
> There appears to be no way of achieving this using the current version
> of Cycle - so my question is, is there a way to achieve what I want
> with some more convoluted jQuery and the mouseover/mouseout or hover
> events?
>
> Thanks
[jQuery] Re: BlockUi - blue ring?
If you don't want a wait cursor then just set the css cursor prop:
$.blockUI({
css: { cursor: 'default' }
});
Mike
On Nov 17, 4:05 am, "Jonathan Vanherpe (T & T NV)"
wrote:
> I don't see a busy cursor in Ubuntu, but I do see it in Win 7 and win XP
> (on pretty much any browser). The example page
> onhttp://malsup.com/jquery/block/stylesheet.htmlalso seems to do this. So
> I guess this is just a Windows thing.
>
> It doesn't stop you from using your browser or anything so it's mostly a
> cosmetic issue. You could try using something other than blockui to show
> a modal dialog.
>
> Jonathan
>
>
>
> heohni wrote:
> > Well, we are only on localhost right now, but one example is:
> >http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php
> > if you add the item to the shopping cart, you will see it, too. Inside
> > the div all is fine, outside, I see the blue ring cursor.
> > I am on a windows 7 machine, and I have the same behavoir on all
> > browsers, so I guess, you will see the same effect?
>
> > And the same happen on our localhost example, just with the difference
> > that there I see the blue ring also inside the div area.
>
> > On 17 Nov., 09:30, "Jonathan Vanherpe (T& T NV)"
> > wrote:
> >> heohni wrote:
> >>> Hi,
>
> >>> I am using theBlockUIin 2 apps.
> >>> In the first, The overlay works fine, but as soon as I go with my
> >>> mouse outside the div, into the grey area, my mouse pointer turns to a
> >>> blue ring (ring of death).
>
> >>> In my second, I have the blue ring also within my div area.
>
> >>> What am I doing wrong?
> >>> Can someone please help?
>
> >> A link to the page would be nice. Also some information about the
> >> browser and operating system you're using (I suspect you're on Windows
> >> as you're using the 'blue something of death' terminology).
>
> >> Jonathan
>
> >> --
> >> Jonathan Vanherpe - Tallieu& Tallieu NV - jonat...@tnt.be
>
> --
> Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be
[jQuery] Re: Cycle plugin won't start until all images have loaded (IE-only)
> When using the cycle plugin to display a slideshow in IE(6/?), it > won't start playing until all of the images have completely loaded. > This causes a delay of 5-15 seconds depending on the size and quantity > of images. There's no such problem with non-IE web browsers, however, > all of which start playing the slideshow as soon as the first image > has loaded. Does anyone know of a Cycle option or other workaround > that can fix this? There is nothing in the plugin to cause this behavior. Cycle starts when you call cycle. Perhaps the ready event is not firing correctly in your environment. What version of jQuery are you using?
[jQuery] Re: Generated output only displaying value - forms-jquery/ajax
On Nov 11, 1:56 pm, Rathric wrote: > I have a question about drop down options with html/jscript/Asp.net > and ajax/jquery/. When the user populates the form and submits, the > output is written to memory and sent to an email address. What I have > noticed is that the output is only showing the value and not the text > like so: > > Main Security: 14500 > > he data is pulled from a text file with the options listed: > > 14500--MAIN SECURITY > > I'm not sure what I can do to have the output on the email form > display like so: > > Main Security: 14500-Main Security > > Any ideas? Put that in the value attribute if that's what you want to be submitted.
[jQuery] Re: Cycle plugin with link functionality
> Hi, I have the cycle plugin setup so a series of thumbnails of the
> image switch the bigger image upon mouseover. Much like this
> example...http://www.malsup.com/jquery/cycle/pager6.html
> except mine works by hovering over the thumbs like:
>
> .cycle({
> fx: 'fade',
> speed: 'fast',
> timeout: 9000,
> pager: '#home-thumbs',
> pagerEvent: 'mouseover',
> pagerAnchorBuilder: function(idx, slide) {
> return '#home-thumbs li:eq(' + (idx) + ') a';
> }
>
> I am trying to figure out how to also make those same thumbs also be
> working links to other pages as well as hover controls. Any thoughts
> on how I can execute this ?
You would have to do that manually by binding the click event on those
pager anchors.
Mike
[jQuery] Re: Cascade plugin and multiple selected values
$('select#parent').trigger('cascade');
?
On Nov 9, 5:08 pm, rmachado wrote:
> Hello to all
>
> I using thecascadeplugin in 3 dropdowns and it works fine, but in
> some ocasions I need to pre selected the values because the user is
> editing the previous recorded selections.
>
> I manage to selected the value of the first dropdown with the
> following code:
> $('#chained [value=1').attr('selected','selected').parent().change();
>
> but how can I selected the second one and the third?
>
> I tried this:
>
> function startDrops() {
> $('#chained [value=1]').attr('selected','selected').parent().change
> ();
> $('#chained_child [value=3]').attr('selected','selected').parent
> ().change();
> }
>
>
> ...
>
>
> But it didn't work..
>
> How can I do it?
>
> Thanks
[jQuery] Re: jquery form and "myfom"
> I want that 10 minutes of my life back... :\ Ha ha. Love it!
[jQuery] Re: Strange behaviour of BlockUI
> 1. I set: display: none to all divs that I want to present in BlockUI,
> which is obvious - because I don't want these divs to be shown in
> normal page flow. What is not obvious and strange is that BlockUI does
> not un-hide such hidden elements when displaying them.
>
> I have to use for example:
>
> document.getElementById('inner-holder-error').style.display = 'block';
Can you post a link to this page? Is inner-holder-error the outer
most element used for blocking? For example, does your block call
look like this:
$.blockUI({
message: $('#inner-holder-error')
});
> 2. BlockUI is incorrectly centering elements on my page. If what
> should be contained in BlockUI has only one line all is OK. And it
> seems to display in vertical and horizontal centering. But if I try to
> put something more - a few lines or image. It is always incorrectly
> centered on screen.
The default settings are meant to handle a simple, short message. But
you can control the position of the message using blockUI's 'css'
option. There is an example on the demos page that shows how to
control position with tall content.
http://www.malsup.com/jquery/block/#demos
Mike
[jQuery] Calling an iframe's javascript function
Is there a way to implement this JavaScript commmand through JQuery?
document.getElementById('iframeid').contentWindow.myFunc();
Thanks!
[jQuery] Re: jQuery form plugin?
Can you post a link to this page, or a similar example page?
On Nov 1, 6:00 pm, Jim Byrnes wrote:
> I am new to jQuery and really new to the form plugin so I must be
> missing something simple but I can't figure out what is wrong.
>
> I have this form:
>
>
> Print Items Due Report
>
> Date to Print
>
> value="" />
>
>
> If I put this in the ready function: $('#printForm').ajaxForm();
>
> Firebug shows show a response and post that seem correct, but
> printRenge.php does not format a page to print.
>
> If I put anything in front of #printForm like this:
> $('XX#printForm).ajaxForm() firebug says "reload to activate window
> console" and printRange.php formats a page.
>
> Can anyone tell me what I am doing wrong?
>
> Thanks, Jim
[jQuery] Superfish jquery menu plugin - how to disable menu items
I'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
Re: [jQuery] Re: Simple problem
unsubscribe
[jQuery] jQuery minified
Hey guys, i've got two questions for you: 1. What/Where i cand find are the differences between the minified and complete jQuery version?? what kind of things i can't use with minified version?? 2. the first question was because i'm developping a big web site, we want it to be visited for many users, so i'm worried about performance and loading time, and i think 120K (complete jQuery version) could be a bit too much. I must confess i'm a noob with this "loading time" stuff :/, so any advice you can give me is welcome. Thanks
[jQuery] (validate) "is not a function" error
I'm trying to get the validate plugin to work on a page that is
powered by an eCRM, so unfortunately I don't have any control over
most of the code in the body of the page. That said, I think I've
compensated accordingly by adding an ID to the form for use when I
call the validate function and then using the built in form field
names.
However, I can't get the validator to work -- when I load the page and
check the error console, I'm getting the following error:
Error: $("#donation_data").validate is not a function
Line: 61
I've double checked the include links many times and it looks like
they're loading properly (in fact, the jquery include is loading
fine), but for some reason the validate function isn't being
recognized. Here's the page I'm trying to get this to work on:
https://secure.democratsenators.org/o/46/t/866/shop/custom.jsp?donate_page_KEY=5141
I think the culprit could be the fact that the eCRM loads a second
copy of jquery inside the body of the page (basically, everything
within the div is out of my control),
so not sure if that may be creating a conflict of some sort.
As far as I can tell this exact some problem is occurring in all
browsers. Any suggestions would be much appreciated!
-Mike
[jQuery] Re: jquery cycle - link to certain images only
> I am using jquery cycle to make a book presentation. Right now there > is click-advance and also buttons for next and previous images. > But what I want is to also have buttons to go to certain pages only, > e.g. first page, chapter 1, last page. > What I've found so far is only the possibility to use this pager > option where you have a link to each page. This is too much for this > purpose, there are too many images. Just call cycle again and pass it the number of the slide you want displayed. Demo here: http://www.malsup.com/jquery/cycle/goto.html > Oh yes, and another thing. Is it possible to use the mousewheel to > scroll through a slideshow like this? And if yes, any hints? There is no mousewheel support baked into the plugin.
[jQuery] Re: blockUI and iframe
> is it possible to have blockUI block the entire page, but call it from
> within an iframe on that page?
>
> I don't see any parameters to pass an element or document? i know i
> can get access to the parent frame with jQuery
> ('body',parent.document), but wanted to use blockUI from within the
> iframe, without having a second function in the parent window.
If the parent window includes jQuery and the blockUI plugin then you
can do this in your iframe:
window.parent.$.blockUI();
[jQuery] Re: draggable containment
Thanks. Which parts of the rectangle would they be? i.e. x1 as the top- left corner, etc. I'm still trying to get this figured out and it's really frustrating that the documentation doesn't cover important details like this. On Oct 28, 1:38 am, Shawn wrote: > It's been a while since I've worked with drag/drop, so take this with a > degree of skepticism > > But, I believe [x1,y1,x2,y2] refer to the x/y coordinates of the > rectangle you'd like dragging contained to. I think you can specify a > selector though to say "contain the dragging to this object". in which > case you can point at a div that holds the item being dragged. > > Don't know how helpful that is, but hope it is a start... > > Shawn > > Mike C wrote: > > I've spent a good few hours trying to figure this out and I'm stumped. > > I'm trying to get a huge div that's bigger than the entire window to > > have a "scroll feature". I just want to implement draggable and have > > it so that you can't see beyond the div. The containment option is > > what I need, but the documentation is very unclear about this > > property. I'm using an array for containment like the documentation > > says, but I have no idea what it means. What does [x1,y1,x2,y2] mean? > >
[jQuery] draggable containment
I've spent a good few hours trying to figure this out and I'm stumped. I'm trying to get a huge div that's bigger than the entire window to have a "scroll feature". I just want to implement draggable and have it so that you can't see beyond the div. The containment option is what I need, but the documentation is very unclear about this property. I'm using an array for containment like the documentation says, but I have no idea what it means. What does [x1,y1,x2,y2] mean?
[jQuery] Re: jquery each function iterate through form inputs problem
> $('#formid>input').each(function(){
> if($(this).attr('id')!='') alert($(this).attr('value'); //fetch id if
> not blank ang show value
>
> });
>
> the code inside this function does not run if the form is rendered
> this way:
>
>
>
>
>
>
>
>
> but if it is rendered in a simplier way like this, it works:
>
>
>
>
Your selector is wrong:
$('#formid>input');
That says: find input elements that are direct children of #formid.
What you want is this:
$('#formid input');
which will find input elements that exist anywhere in the DOM beneath
#formid.
http://www.w3.org/TR/CSS21/selector.html
[jQuery] Re: cross domain getJSON nothing happens
> I thought it was that simple... > So I should generate my json via a server-language (like php) and echo > that callback as in the post you refered? > I'll try that and keep you posted. Yes. Something like:
[jQuery] Re: cross domain getJSON nothing happens
> the json file named "myjson.json" (I've reduced its contents to its
> minimum for testing purposes and it validates in JSONLint):
> {"result": "true"}
>
> The javascript:
> $.getJSON('http://site1:/myjson.json', {}, function(data) { alert
> (data.result); })
>
> I'm testing it in a local server (MAMP), and the code above works as
> expected.
>
> The problem is when I place the query that contains the callback (?
> format=json&callback=?), as I understand correctly, this is the way to
> get cross domain json:
>
> $.getJSON('http://site1:/myjson.json?format=json&callback=?', {},
> function(data) { alert(data.result); })
>
> It doesn't show the alert, either when in my local server or in an
> outside server.
>
> By looking at the firebug console/net panel, I can see that the
> response + json are correct, but the alert simply doesn't happen...
> All this because of the cross domain query.
>
> I've tried all the other ways ($.ajax(), $.get(), $.post()) and after
> adding the callback query nothing happens!
> I've even tryed adding the "( )" and doing an eval, but nothing...
> Anything I put inside the function(data) {} is ignored.
Both of these methods work fine for me:
$.getJSON('http://site1:/myjson.json?format=json&callback=?',
function(data) {
alert(data.result);
});
$.ajax({
url: 'http://site1:/myjson.json?format=json',
dataType: 'jsonp',
success: function(data) {
alert(data.result);
}
});
[jQuery] clone and append elements across window in IE Bug
I have a parent window. The parent window creates a child window. I then want to clone an element from the parent window, and then append the clone to the child window. I can get this to work in Firefox, but not in IE. I hear that IE has some restriction where you can't move elements across documents (i.e. across windows or frames). Can someone suggest a work around or shed some light to this? Thank you.
[jQuery] Re: Cycle fxFn being reset
> In regards to the 9/9/9 release; it seems like the fxFn is set to null
> in the resetState function and not being set back. I am invoking the
> script with:
>
> $(document).ready( function() {jQuery
> ('#cf73b7c6341940210VgnVCM10288ea8c0').cycle({
> pagerEvent: 'mouseover',
> timeout: 4500,
> pager: '#pager',
> cleartype: 1,
> slideExpr: ".carouselElement",
> fxFn:'slideFade' });
>
> });
For custom transitions it's best to add your function to the
'transitions' object. The 'fxFn' option is not well-supported for
external use - I should update the docs to reflect that. So I would
recommend an approach like this:
// declare your transition fn
$.fn.cycle.transitions.slideFade = function($container, $slides, opts)
{
// your transition logic goes here!
}
// and set the 'fx' option to the name of your transition
jQuery('#slideshow').cycle({
fx: 'slideFade',
pagerEvent: 'mouseover',
timeout: 4500,
pager: '#pager',
cleartype: 1,
slideExpr: ".carouselElement"
});
For example, this is how the 'scrollUp' effect is defined:
$.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push($.fn.cycle.commonReset);
var h = $cont.height();
opts.cssBefore ={ top: h, left: 0 };
opts.cssFirst = { top: 0 };
opts.animIn = { top: 0 };
opts.animOut = { top: -h };
};
[jQuery] Re: Jquery Corner IE issues [Solution]
Image demo: http://jquery.malsup.com/corner/image.html On Oct 21, 12:34 pm, Dave Methvin wrote: > Right, you can't "corner" an img element because the img element can't > have children. Put the img in a div and round that. Better yet, create > the img src with rounded transparent corners!
[jQuery] Re: jQuery.ajax() not calling beforeSend?
> Yes, it is on a different domain (which is why jsonp is being used). What > strategy would you suggest for me to be able to specify headers? It's a > must-have for my application. You can't. Are you saying you're trying to access a jsonp service that requires specific request headers on the GET request? Are you sure there is no url parameter alternative to the required header?
[jQuery] Re: loading message shows up after page has loaded
> > Hope that helps. > > --Karl Bah, this is getting entirely too civil. Snooze... :-)
[jQuery] Re: jQuery.ajax() not calling beforeSend?
> The alert below never occurs (and a breakpoint is never hit if I put
> it there), but I can see that the ajax request is being sent.
>
> j$.ajax({
> 'url': serviceUrl,
> dataType: "jsonp",
> data: params,
> beforeSend: function(req) {
> alert("inside!");
> }
> });
If serviceUrl is on a different domain then your jsonp request will
not use ajax, and so beforeSend will not be called. x-domain jsonp
requests inject script tags into the document head.
[jQuery] Re: images show before jquery and cycle plugin work their magic
> I've had this issue before. As Karl suggests, I was able to fix it by > giving the parent element (the one calling the cycle plugin) a fixed > height (the height of the images you're cycling) and an overflow of > hidden in the CSS. If the slides are of different heights, set the > height to the height of the first slide. Another approach is to have a CSS rule that hides all but the first slide.
[jQuery] Re: Cycle plugin issue in Safari & Chrome
Slideshows work best when you declare the image sizes using the height and width attrs. When the images are cached it's not a problem because the browser knows the dimensions of the image, but if the images are not cached there is a reasonable chance that your slideshow will start before the images have been fully loaded. In that case, if you're not explicit about the dimensions of the slideshow and the slides (in css), you'll get what you get. Mike On Oct 21, 6:11 pm, "poundcommapo...@gmail.com" wrote: > An update - I've been told it's happening on Firefox in most cases as > well. I have v3.5.3 on a PC and that works fine, though I've been told > the same issue happens on 3.0 on a PC and I've seen it for myself on > 3.5.3 on a Mac. > > >http://staging.pixelluxe.com/tt/child.html
[jQuery] Re: JQuery blockUI plugin - support for queueEmpty function
> How would I extend blockUI to have a function callback for when the > queue is empty? I want to use something like this in a project where > I have several queued ajax requests, but I only want to call blockUI > on the first request and unblockUI when the queue is empty. You can use the ajaxStart and ajaxStop events for managing concurrent requests. If your requests are really queued then I assume your code would know when the queue empty state changes and you can write your blocking logic around that.
[jQuery] Re: Cycle plugin: centering images of variable width?
A better way to approach this is to wrap the images in divs and then
cycle the divs. You can then count on it working correctly for all
the transition effects.
http://jquery.malsup.com/cycle2/center-horz.html
Mike
On Oct 17, 4:25 pm, David Collins wrote:
> I didn't see this as an option, so I decided to give it a try on my
> own. I was able to add some lines of code (shown with the > in the
> margin below) to the jquery.cycle.js script to read in the width of
> each image and center the slide within the slideshow container
>
> // set position and zIndex on all the slides
>
> > // read in each image's width and center it wrt the slideshow width
> > $slides.each(function(i){
> > var imgwidth = $(this).attr("width");
> > $(this).css('left', (opts.width-imgwidth)/2);
> > });
>
> $slides.css({position: 'absolute', top:0}).hide().each(function(i)
> { // removed the "top" value since it is being defined above
> var z = first ? i >= first ? els.length - (i-first) : first-i
> :
> els.length-i;
> $(this).css('z-index', z)
> });
>
> This works great for images that are pre-defined in the markup, but
> when I use the addSlide option, the newly added slides do not get
> modified in the above code. Any suggestions on where I can put this
> chunk of code so that it gets run *after* the slides are added to the
> slideshow? Should I get the img width and define the left position
> for each slide during the actual cycle function, or maybe during the
> "// reset common props before the next transition" section?
>
> Any help would be appreciated.
>
> Thanks,
>
> -David
[jQuery] Re: jquery cycle site is down
> the cycle site is down since yesterday, i get a 403 and 404 error, ??? Hosting problems. Content is temporarily available here: http://www.malsup.com/jquery/cycle2/ Mike
[jQuery] Superfish and .htaccess
I've installed and set up Superfish on a Joomla site and it works great with the exception of 1 issue. When I'm not using "Search Engine Friendly URLS", it works fine. When I turn on "Search Engine Friendly URLS" in the Joomla global settings, and change the htaccess.txt file to .htaccess -- any page displayed by using the the drop down menu messes up the template by not displaying the shadow separating the left/right column. Which happens to be a background image in a table. the page is: http://www.calldesign.net/Joomla/ The last menu item under loads the same article as the third menu item horizontally . The content in the left menu bar is the same for every page on the site, so nothing there is bumping the image. So I'm guessing it's a CSS issue...just don't know how to resolve it. Thanks Mike
[jQuery] Re: Jquery Cycle - Combining Prev & Next with Image Count
"There's a demo for that". http://jquery.malsup.com/cycle/count2.html On Oct 14, 11:48 am, northbeach wrote: > I have worked out how to use the Next and Prev example here > :http://malsup.com/jquery/cycle/int2.html > > and the count example here:http://www.malsup.com/jquery/cycle/count.html > > I can't however work out how to combine them so when you press "Next" > it changes a "1 out of 5" image counter. > > Any help will be greatly appreciated!
[jQuery] Re: loading message shows up after page has loaded
I'm enjoying this thread. :-)
On Oct 14, 2:04 pm, Karl Swedberg wrote:
> > Wow, easy there Karl. I was just showing you working examples of the
> > issue I was experiencing.
>
> easy there? I was just trying to help. You showed examples that didn't
> include my suggestions, after we had already established that your
> first attempts were not going to work.
>
> > Your
> > code does not actually wait for the data to finish loading. It merely
> > unblocks the UI after a period of time. This is not what I want. I
> > want the UI to become unblocked after the page is done loading, not
> > after a certain period of time passes.
>
> Exactly. That's why I wrote this...
>
> Note that I added a setTimeout inside the $(window).load() function
> to
> simulate a heavy page.
>
> It was a demonstration, since I didn't have your queries at my
> disposal. Feel free to remove the setTimeout. The $
> (window).bind('load', fn) part should be telling the script to wait
> until everything is fully loaded before it executes the code inside it
> ( $('#uiblocker').fadeOut(); )
>
> > Again, the issue I am having is that the UI is not blocked when
> > running queries on the page, one when static content is loading.
>
> I'm not sure what's going on with your queries. I did notice some odd
> stuff, though, when I looked at what was actually coming to the
> browser inhttp://meded.ucsd.edu/testKarl2.cfm:
>
> 1. You have this :
>
> href="http://meded.ucsd.edu/meded/meded.css
> "> before
>
> before this :
>
>
>
> Can you try putting that styesheet reference inside ?
>
> 2. I doubt this will make a difference, but try putting this line:
> document.documentElement.className =
> 'js';
> directly after the and before you load any styles or other
> scripts
>
> 3. you have a
[jQuery] Re: (validate) How to get individual error messages and disable auto-showing
For my first question I ended up switching from the jalerts plugin to
just using the jquery ui dialog box. Seems to work well. The issue
is that the jalerts popup doesn't use a previously configured div on
the page to show things...it creates a new one...so the validation
plugin has no place to display the error messages and you can't get
access to them (yet).
The second issue is that you can set the errorContainer and
errorLabelContainer to an empty string and the errors just won't be
put anywhere...but that isn't useful unless you can get access to the
set of error messages.
On Oct 12, 3:56 pm, Mike wrote:
> I'm trying to write a custom display for the error messages on my
> form. Ideally I'd like to use a modal pop-up window to display the
> errors, but I'm having trouble figuring out how to prevent the
> validation plugin from automatically displaying the errors on my page
> AND I can't quite figure out how to access the individual error
> messages for the elements on my form.
>
> What I want to do is to allow users to save invalid forms, but to warn
> them that they are invalid to make them confirm that they want to
> save.
>
> I have something like this:
>
> invalidHandler: function(form, validator) {
> //some code here figuring out if specific elements are within
> maxlength so as not to blow up the db
>
> if (canSave) { //canSave determined in the comments above
> var msg = "There are errors...";
>
> for(errors in validator.errors) {
> msg = msg + "" + errors.message;
> }
>
> jConfirm(msg, 'You can still save!', function(r) {
> if (r){
>
> document.forms['myform'].submit();
> }
> else {
> }
> });
>
> if (
> }
> else {
> jAlert('Cannot save right now', 'Unable to save');
> }
>
> }
>
> Can I get access to the list of errors from the validator or even
> individually for each element in my form?
>
> and
>
> Can I turn off the auto showing of errors?
>
> Thanks!
[jQuery] What is the more correct/efficient selector?
$("select").change(function() {
alert($("select option:selected").val());
});
OR
$("select").change(function() {
alert($(this).attr("value"));
});
I am specifically looking at the selector used in the alert. From my
testing the result in the same correct values to be displayed.
[jQuery] Re: Problems with the form plugin (no redirect to the next page)
That page is not using the Form plugin; it appears to be using Jörn's Validation plugin. Also, I'm not seeing the problem you described. When I check the box and submit the form the next page is loaded. Mike On Oct 13, 1:16 am, Laire wrote: > Hello, > I try to use the malsup form Plugin. > > When I validate a checkbox i get an alert when it is unchecked, but > when it is ckecked it dont go to the next page. > > Code overview:http://pastie.org/652518 > Page:http://betriebskostenkontrolle.de/page_kostenstart.html > > Thx for Help > > Markus
[jQuery] Re: Cycle Plugin -- Multiple Divs manipulated with one pager
> Hey all -- I've built a site that has two divs with variable content > (eventually this will become 3, but I assume it will scale up to that > with no major issues). I'd like to be able to change content with each > of them using the same pager. Here's an example of how to do this: http://www.malsup.com/jquery/cycle/pager-double.html Mike
[jQuery] (validate) How to get individual error messages and disable auto-showing
I'm trying to write a custom display for the error messages on my
form. Ideally I'd like to use a modal pop-up window to display the
errors, but I'm having trouble figuring out how to prevent the
validation plugin from automatically displaying the errors on my page
AND I can't quite figure out how to access the individual error
messages for the elements on my form.
What I want to do is to allow users to save invalid forms, but to warn
them that they are invalid to make them confirm that they want to
save.
I have something like this:
invalidHandler: function(form, validator) {
//some code here figuring out if specific elements are within
maxlength so as not to blow up the db
if (canSave) { //canSave determined in the comments above
var msg = "There are errors...";
for(errors in validator.errors) {
msg = msg + "" + errors.message;
}
jConfirm(msg, 'You can still save!', function(r) {
if (r){
document.forms['myform'].submit();
}
else {
}
});
if (
}
else {
jAlert('Cannot save right now', 'Unable to save');
}
}
Can I get access to the list of errors from the validator or even
individually for each element in my form?
and
Can I turn off the auto showing of errors?
Thanks!
[jQuery] Re: Cycle Plugin not working in IE - who can help?
Remove the comma at the end of this line:
prev: '#prev' ,
trailing commas at the end of an array are not allowed in IE 6/7.
Also, next time please post a link instead of all your markup if
possible.
Cheers!
Mike
On Oct 9, 4:45 am, First Impression
wrote:
> Hi,
>
> I am currently developing a site for a client which uses the JQuery
> cycle plugin to move through a number of divs which contain pictures
> and info about wedding dresses.
>
> All works fine in Firefox, but when I test in IE6 + IE7 the divs are
> all stacked on top of each other vertically and they soan right down
> the screen for 1000's of pixels.
>
> To me it seems like this is a problem with absolute/relative
> positioning or the z-index, I have also used a few floats in the child
> divs.
> I am also using SIFR for text replacement, could this be conflicting?
>
> Here is my code, can anyone see a problem that would cause my cycle
> not to work in IE.?
>
> --
> XHTML
> --
>
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
>
>
> Wedding Dresses ~ Cavendish Bridal House
>
>
>
>
>
> media="screen" />
>
>
>
>
>
>
>
>
> </
> script>
> <script type="text/javascript">
> function initMenu() {
> $('#menu ul').hide();
> $('#menu ul#dressessub').show();
> $('#menu li a').click(
> function() {
> var checkElement = $(this).next();
> if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
> return false;
> }
> if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
> $('#menu ul:visible').slideUp('normal');
> checkElement.slideDown('normal');
> return false;
> }
> }
> );
> }
> $(document).ready(function() {initMenu();});
>
>
>
> $(document).ready(function() {
> $('#wedding-dresses').cycle({
> fx: 'fade',
> speed: 'fast',
> timeout: 0,
> next: '#next',
> prev: '#prev' ,
> });
> });
>
>
>
>
>
>
>
>
>
>
>
>
> Cavendish Bridal House Hayfield
>
>
>
>
> title="Home" >Home
> title="Georgia">Georgia
> title="The Shop">The Shop
> Your Dress
>
> What to expect li>
> Ordering your
> dress
> title="Alterations" id="alterations" >Alterations
> title="Collections" id="collections" >Collections
>
>
>
> id="dresses" title="Dresses">Dresses
>
> id="wedding" title="Wedding Dresses">Wedding Dresses
> id="bridesmaid" title=" Bridesmaid Dresses">Bridesmaid Dresses li>
> id="prom" title="Prom Dresses">Prom Dresses
>
>
> id="accessories" title="Accessories">Accessories
> id="formal" title="mens Formal Hire">Mens Formal Hire
> title="My Brides">My Brides
> title="Events">Events
> title="Contact">Contact
> title="Press">Press
> title="Links">Links
>
>
>
>
>
>
> Prev href="#">Next
>
>
>
> alt="Felice"/>
>
> Felice
> Felice is an extraordinary strapless slim A-line gown
> made of lavish lace. It features a ruched Empire bust line ornamented
> with hand-beaded embellishment, asymmetrical side draped midriff and
> functional corset back with a chapel tra
