[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.
[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] 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: 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: jQuery Cycle Plugin width problems
> Thanks for any help on this. .slideshow li { width: 100% !important }
[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 ''+(idx+1)+' '; > > }; > > >
[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.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: 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: 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] 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] 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: 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: 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] 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] 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: 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] 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] 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: 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] 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> >