Cycle - centre different sized images AND prevent flash of unstyled content....
Hi, I'm new to jquery, so please forgive any obvious mistakes! I'm using the cycle plugin to create slideshows on a photographer site. The problem I'm having is that some of the images are quite large and also high quality so the 'flash of unstyled content' is really noticeable.... Also while most of the images are landscape, some are portrait oriented and some are square, so it's really noticeable if they're not all centred . The solutions on the cycle website for these two problems (here) seem
Try to call "divboxes" instead of "rel"
Hi, I want to call the 3 divboxes (box1, box2 and box3) instead of the "rel" shown below. How can I do that? I tried to replace the $active.attr("rel") -1 to $active.attr("div") and also $active.attr("box1,box2,box3") without any effect :( <div class="divboxes" id="box1"><a href="#" rel="1">Tab 1</a></div> <div class="underbox" id="underbox1">Box1</div> <div class="divboxes" id="box2"><a href="#" rel="2">Tab 2</a></div> <div class="underbox" id="underbox2">Box2</div> <div class="divboxes"
Multiselect click not only on <a> tag
Hi I suggest to not only trigger the selection/deselection of a multiselect list element when clicking on the <a> tag but also if the grandparent div with class ui-btn-inner is clicked. Otherwise one has to hit exactly the text, what does not make sense in my opinion. Kind regards, Beat
Asp.Net Grid View Control column's cell show/hide using jquery
Hi, I am using .Net Framework 4.0 with Asp.Net C# along with Jquery v1.4.4 My problem is that how can i show textbox when i click on edit button and hide when i click on save button. Here's my Asp.Net Code: <div> <fieldset> <legend>GridView selection using jquery</legend> <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px"
Fit to window background question
Hi Guys, I was asked to design a site with following feature: - each main section to have it's own background image - background image to fit the window - background image subject to have on / off state activated by on / off button on site (e.g. lights on / off) I'm wondering what's the best way to achieve it? I'm thinking about 2 options: 1. Two pre-loaded, full size background images to swap with the button (might affect the loading times) 2. One background image (on state) and absolutely (or relatively?)
Login Mask - How can i solve this?
Hello, i have a intern page with a form. User should enter their data and send the form. Some data from the user is stored in a database (name,phone). I want to make the form easier and complete the form with data from the database. The user should only enter his personal-number. How can i solve this with jquery? Is there any plugin? regards michael
use dialog confirmation as confirm dialog
Hello, I want to use a jquery ui dialog popup for confirmation, but i can't use this like I want. I want to do this : function popup() { $("#test").dialog({ modal: true, title: "Test", buttons: { "CANCEL": function() { $("#test").dialog( "close" ); return false; }, "OK": function() { $("#test").dialog( "close" ); return true; } }
Multi-page template link in Documentation still gives 404
Is the multi-page link page going to be fixed or linked? This has been broken since a3. http://jquerymobile.com/demos/1.0a3/#docs/pages/docs-pages.html
Form plugin - ajaxSubmit and ajaxForm on button elements
Hi, Newbie question -- I'm trying to bind the click on <button id="save">Save</button> element to ajaxSubmit or ajaxForm instead of the standard <input type="submit"...>. But this code doesn't seem invoke showRequest function: var options = { target: '#output1', beforeSubmit: showRequest, success: showResponse, dataType: 'json', error: function(xhr, error){ console.debug(xhr); console.debug(error); } }; $('#save').click(function() { $("#myForm").ajaxSubmit(options);
Superfish Animation Works at Root Level, Not at Subdirectory Level
Hello, I'm using Superfish on a template that came with the dropdown menu installed. It works just great for files placed at the root level -- see http://www.fhsid.org/index_new.htm, for example. However, if I save a file to a subdirectory level (and update links accordingly), the dropdown menu appears but without the animation or delays. See http://www.fhsid.org/about/. Compare it to that same page at the root level, where the animation works: http://www.fhsid.org/index_newabout.htm. I'm perplexed
Using selectmenus in landscape view seems to break navigation on Android (Alpha 2 & 3)
I noticed that changing a selectmenu's value on a landscape page containing 1 (or more) "selectmenus" seems to break navigation under Android. In Landscape view it seems to try to do an animation to make the selectbox disappear (Reducing it's size quickly until it's gone). This also affects the URL. "&ui-state=dialog" gets added behind the current page hash "#page-config". When I hit the "back" button in the header: the "&ui-state=dialog" disappears, my hash "#page-config" remains, the page turns
jQuery and CKEditor
I am using jQuery and CKEditor to form a quick reply section. When the page loads the quick reply section is hidden(display:none) but when a user clicks on the header it slides down and reveals the quick reply box(slideToggle). Also when a user clicks a button next to a post it inserts the contents of the post into the quick reply box, however it only does this if the quick reply box is visible. When they click this button its supposed to start the CKEditor instance and then slide the box into view.
I can't get the attr('title')
I have the following select: <select name="country_phone" id="country_phone"> <option value=""> </option> <option title="+93" value="AF" >Afghanistan</option> <option title="+355" value="AL" >Albania</option> <option title="+213" value="DZ" >Algeria</option> <option title="+1684" value="AS" >American Samoa</option> <option title="+376" value="AD"
Why is not working?
Hey dudes, my english is very bad but i need help Im using jquery UI autocomplete plugins with JSON data and its not working .... this is my code $("#txtCliente").autocomplete({ dataType: 'JSON', source: function(request, response) { jQuery.ajax({ url: "citas/acciones", type: "post", dataType: "json", data: { action: 'buscarCliente', cliente: request.term
Pull request procedure/etiquette
I created a GitHub pull request (#104) on January 29th for a fairly straightforward change, but it's been sitting for quite some time. I was just wondering if I am missing something process-wise-- that perhaps I should re-submit it or do something differently. I experienced this with another previous pull request (#35), so I'm suspicious that there's a process to pull requests that I'm not following. I enjoy using jQuery UI and giving back where I can, so any feedback is greatly appreciated. Pull
Text expander 'read more' links stop working
I'm using kswedberg's fine Expander jQuery plug and have a curious problem. The script works a charm for a few minutes then refuses to expand the text after a short time. See it here BG Site in progress Click 'Home' and see the Expander plug working inside vTicker. The plus signs are the expander links. Many thanks for looking into this... my first guess is using jQuery 1.4.4 (which I am locked into) hillcreative
Getting “rawDestElement is undefined” using jQuery Plugin Quicksand
I am using the jQuery Quicksand plugin -- http://jsfiddle.net/se9pY/ but I get rawDestElement is undefined in FireBug... $(function() { $("#filter a").click(function() { var $this = $(this), $oriColl = $("#boxes"), $clonedColl = $oriColl.clone(), filtered = ($this.text() == "all") ? $("#boxes li") : $("#boxes li[data-type=" + $this.text() + "]"); $("#boxes").quicksand(filtered, { duration: 800, easing: 'easeInOutQuad' }); });
Prev / next navigation in jQuery Cycle
My jQuery cycle slideshow was working beautifully before I tried to implement previous / next nav based on the demo at http://jquery.malsup.com/cycle/int2.html. I broke it doing something dumb! I am using images instead of text links, but that should not be an issue. Here's the script: $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... speed: 300, timeout: 0, prev: 'navprev', next: 'navnext' after:
autocomplete - doesn't search in full string
hello. im using this php to generate source for my autocomplete: $return_arr = array(); $get_item = mysql_query("SELECT * FROM my_table WHERE name LIKE '%" . $_GET['term'] . "%' ORDER BY id"); while($item = mysql_fetch_assoc($get_item)) { $row_array['id'] = $item['id']; $row_array['label'] = $item['name'].' - '.$item['city']; $row_array['value'] = $item['name'].' - '.$item['city']; $row_array['city'] = $item['city']; array_push($return_arr,$row_array); } echo json_encode($return_arr);
Changing an inline css (element.style)
I'm having difficulty with this one. Below is some code from our Sharepoint site that I would like to modify with JQuery. I would like to modify the background property to 0px (instead of -511px) and change the color to transparent (instead of rgb(255, 255, 255)). Any ideas as to how to approach this? I can modify the selector to with with the title attribute but I can't change the values I want to change. Thanks in advance! <a title="Search with Ontolica" href="javascript:OSB_Submit()"><img
Search for all href starting with this name?
How do I search for all the <a> starting with with hrefhome?? Example I could have 3 or 4 <a> that starting with the id of hrefHome1,2..3 <a id="hrefHome" href="#" data-icon="home">Home</a> Currently, I just hardcoded the id name: $("#hrefHome").click(function () { window.location.href = '/Test/Default.aspx'; }); $("#hrefHome2").click(function () { window.location.href = '/Test/Default.aspx'; }); Thanks
How do I turn off a selector?
Good day, I have a global stylesheet. In that stylesheet I have: .index .left #search_accordion .flyout {position: absolute; top: -9px;} I need to turn off the top:-9px, because IE7 renders my menu wrong with it there. I have a stylesheet for IE that overrides global which I set to: .index .left #search_accordion .flyout {position: absolute; top: 0px;} or .index .left #search_accordion .flyout {position: absolute;}. When I make top:0px, I get the wrong positioning. When I leave don't include
Plugin namespace and img.load function
I'm wrapping up some simple image carousel functions I've put together into a plugin and I'm having some problems when the plugin is invoked by 2 objects on the page. It seems to be a problem with the namespace and I can't work out why it isn't working. I've simplified the code as much as I can. Can anyone tell me why this outputs the right speed variables: (function($){ $.fn.initCarousel = function(options) { var defaults = { speed: 4000 }; // var opts = $.extend(defaults,
jquery Cycle - Next by clicking image as well as a next button.
This might be a easy question help would be appreciated. I am using the jquery Cycle plugin for a slide show. I have it set up so that the next function is triggered on the .slideshow class, so the image changes when clicked. I would like to have a next button in addition to this functionality. $('.slideshow').cycle({ fx: 'fade', speed: 'slow', timeout: 4500, next: '.slideshow', prev: '#prev' }); I would like to add a second next: '#next' but this doesn't
device detection?
I am curious if there are any plans to incorporate device detection on any level into the mobile framework? I know this is something more effectivly done on the server side, but all the same it would be pretty awesome to have some form of it in the framework itself.
Theme roller custom download broken?
I am using jQuery UI tabs and a custom theme (http://jqueryui.com/themeroller/?ctl=themeroller&ctl=themeroller&ctl=themeroller&ffDefault=tahoma,arial,helvetica;&fwDefault=normal&fsDefault=11px &cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=e4f1fb&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=74b2e2&fcActive=15428B&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px).
Function not working in Alpha 3.
I've got a page on which I adapted some code from a cool project I found online. The project used the jQuery Mobile Alpha 2. And, for some reason, it doesn't work in alpha 3. www.teamcarney.com/CCDEV/ Thats the site that I've been developing. It's the blog button that doesn't work in alpha 3. In Firefox it says "l.data("page") is undefined" from line 46 in jquery.mobile-1.0a3.min.js. In Chrome it says "Cannot call method "_trigger" of undefined" and again points to line 46 in jquery.mobile-1.0a3.min.js.
Breaking changes in Alpha 3(dialogs)
Are the developers aware that Alpha3 breaks dialogs that were working fine in Alpha2? Alpha3 seems to assume that a dialog is a separate page-- whereas the typical use of dialogs for application developers, in my experience, is to include dynamic data in the dialogs-- so my dialogs are on the same page as the main page-- with the dialog popping up to confirm deletions, warn of incomplete data, etc... The new dialog functionality assumes I want go do a browser 'back' when closing the dialog, which
Where to get plugins from? http://dev.jquery.com/ no longer is accessible
I have a website that relies upon a .js file from: http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js It seems that dev.jquery.com has either been taken down or is having some serious problems. This has been causing me issues and I'm wondering if there is an alternate location I could get a copy of that file from? The fellow that developed the site left an absolute reference to the file which is why I'm having this issue.
validation plugin and remote methods not working...
Hello, I'm trying check if title exist before submit the form, i think my jquery code is correct: $( "#newgoo1" ).validate({ rules: { newtitle: { required: true, remote: '/user/inc/checktitle.php' }, newcat: { required: true }, __aptags_value: {
Scope problem, trying to figure out.
Hi guys, I'm trying to get an XML through the Ajax function of Jquery, the code is something like this : function getXML() { var XMLResponse = $.ajax({ type: "GET", url: "teste.xml", dataType: "xml" }); var Xml; XMLResponse.success(function(data){Xml = data;}); console.log(Xml); // I would like to put here a return(Xml); but it goes as undef to the console. } I'm sure I have an scope problem over there, just don't know how to go around. I just would like to spit
problem integrating jquery UI draggable and my own code
Hellow folks, I am very new to jQueryUI. have implemented the code of draggable into a page with 144 images. and if works fine, as seen in here. The problem occurs when trying to write a custom function to load images, when they fly out of the main div ( container ). We need a setup, that when an image is out of the black area, it will automatically be shown from the other side ( if it slips our from right, it will be shown from left ). My function PUSHIT () works correctly at this stage. but the
Jquery mobile docs offline
Hi Is there anyway to access the mobile docs offline? It would really help with my learning if there was... Thanks Ben
Jquery Mobile Styles not loading on Xcode iOS 4.2 Simulator
Hello Everyone I am trying to load some styles of Jquery Mobile css file (jquerymobile10a3min.css) , but when I run the iOS 4.2 simulator these styles do not load. The same code it works well on Android 2.1 I hope you could help me Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <!-- Change this if you want to allow scaling --> <meta name="viewport" content="width=default-width; user-scalable=no" /> <meta
better-er $.fn.animate() speeds proposal
animate() speeds such as "slow" and "fast" which translate to durations make no sense for varying computed animation distances. for example, animating "slow" will be lightning fast if you animate to a 2000px window width but will crawl within a 200px window width as demonstrated here: http://jsfiddle.net/8Wdcg/ the experience changes vastly for fluid containers and window widths since animate durations are fixated rather than the actual speeds (for the sake of setting a single tick timer i assume)
Trouble using XML as an external data source with JqueryUI Autocomplete
Hi guys. I was hoping somebody would be able to help me. Basically I am trying to use the Jquery autocomplete with an XML datasource and cannot seem to get it working. A sample of the XML is as follows: --------------------------------------… <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE sitelisting SYSTEM "schema/sitelisting.dtd"><sites> <site> <id>8</id> <site_name>Site 1</site_name> </site> <site> <id>7</id> <site_name>Site 2</site_name> </site> <site> <id>6</id> <site_name>Site 3</site_name>
Regarding jQuery progress bar
Hi All, In my project I need a file upload operation with progress bar to show the progress in x%. Kindly let me know how to modify the progress bar UI to show the dynamic values of file uploading with the percentage. Any help on this is greatly appreciated.
$(this).html();
$(this).html(); I want to dig out all the images in an rss feed and display them using an image plugin. so I have something like this. $('div#rss_feed p a img').each(function (){ #('#imageviewer').append(this); }); Now that worked but I need each image to be in an li element $('div#rss_feed p a img').each(function (){ var h = '<li class="image"><a href="">'+$(this).html()+'</a></li>'; #('#imageviewer').append(h); }); I know I cant use $(this) like the above but I want to do something
It just stopped.
Hi, At first excuse my for my - sometimes - crappy english. I got a problem. I just started using jQuery, and it worked fine, but from the one to the other moment it stopped to give an alert of refresh the page. Here is some code: <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function() { var refreshId = setInterval(function() { $.get("values.php", { v: "host_refresh" }, function(data){ if(data == "refresh"){ location.reload(); }
.serialize() event parameter
The serialize() function uses a concept called "successful controls" to determine while fields will be passed into the serialized string. One of the details of "successful controls" is that it doesn't include submit buttons, because: "No submit button value is serialized since the form was not submitted using a button" When I use serialize(), more often than not the form is submitted with a submit button. I typically use the recommended method, which gets triggered automatically when a submit button
Next Page