Problem with my image gallery
Hello, So, I have an image gallery with small thumbnails. Basically, you can click on those thumbnails, and it shows a taller version of them ( simple image gallery). At start, the thumbnail images are in black and white. When I rollover the thumbnails with my mouse, it replaces them with a colorful version. The problem is when I click on them to see the taller image, the thumbnails return black and white. What should I do if I want the thumbnails to stay colorful when I click on them? I may not
Resize DIV on Link Click
Well here's the thing I have a div named "content", and another div class named "resizeme" (for a link). When I click the resizeme link rollover. I want the div to toggle from it's original dimensions of 300x200. However all I got so far is you click the link it goes fullscreen, and from there I can't remember how to make it toggle so when I click the link again it'll go back to it's original size. Here's my JQuery so far. $(function(){ $(".resizeme").click(function(){ $(".content").animate({ width:
How to prevent input type=text content selection when using tab key and set the caret to the end of the field?
Hi! I've tried to prevent the selection of the content inside a <input type="text" /> and set the caret to the end of the field to insert more data. That is to avoid people from deleting the field content when updating. How do I achieve it? I've tried jCaret, jquery.caret and to trigger the "End" key (which only worked in Firefox) but it must be crossbrowser. Thank you
help with toggle
i am having problems with toggle it works but not the way i wanted is that a way to make works only on ul click when i click on li works as well but i only want on the ul thanks for the help and sorry for the bad english $(function(){ $('.b').hide(); $('.a').click(function(){ $(this).find('.b').next().toggle('fast'); }); }); <ul class='a'>test <li class='b'>a</li> <li class='b'>b</li> <li class='b'>c</li> </ul>
UI theme downloads - not extractable / damaged
Hi, I have tried downloading from http://jqueryui.com/download/?themeParams=%3Fctl%3Dthemeroller a Theme (wanted UI darkness) but the download when attempting to extract with winrar or 7-zip just comes up with errors. So I tried all the available themes and all display the same error: "The Compressed (zipped) Folder .................. is invalid." using Windows Vista - Extract. "The archive is either in unknown format or damaged - Winrar." "Can not open file - 7-zip Please can you advise how
Help installing jquery plugin
Hi there, I just downloaded a new Magento template for which they have used a jquery plugin. I downloaded the zip file this evening, but I'm not sure where to insert the files in cpanel. I am newer than a newb, so I need some step by step instructions, as my website looks whacked. The slider images that are supposed to go across my homepage are all on top of each other on my site, and nothing is scrolling! My host updated to the latest version of jquery, but that did nothing. Any help would
How to Display An Image Based on Field Validation Results?
Good Afternoon, I have a lengthy form that users must complete. Inside the form, I want to place an image of a check mark if the field has been filled in, and an image of a red X if it's not. How would I structure the script to evaluate a given field and make either image visible based on the evaluation results? Thanks, Sid
syntax for an if statement inside an ajax data: option
My ajax data option in an Autocomplete works. The whole code section works. Then when I put an if statement into the data: option, I get a Firebug error saying - missing: after property id - and the page fails. I have tried a lot of changes in syntax - with no success. The code section is below. The intent is that when the statement is false, the last line should not execute. Document ready sets country so that the test is true, but I doubt the script executes that far. The jQuery seems to fail
Autocomplete - highlight first item in dropdown
I need to hightlight/select the first item in the autocomplete dropdown choices. Any suggestions? Here is the code I am using: $( "##tests" ).autocomplete({ source: function( request, response ) { $.getJSON( "../cfcs/tests.cfc?method=searchTestsAjax&returnformat=json", { term: extractLast( request.term ) }, response ); }, search: function() {
Datepicker problem with IE
Hello, When ever I have a text field close to the right or bottom IE cuts off the calendar portion that extends beyond the defined screen. IE doesnt seem to be able to take into account the screen size and adjust accordingly. It just goes. This is causing complaints among customers. Does anyone have a work around for this issue. Besides moving fields around and such ...
Need a jquery iframe plugin with select menu
Hello! I need a jquery plugin like this using on this site: http://www.prestashopic.com/demo/?t=Clothing Theme Iframe with a select menu that load different pages in the iframe. Any ideas? Kind regards Peter
Access dialogs' buttons
Hi everyone! I started to study JQuery a week ago, so i'm still a beginner. I have a difficulty: how to get access to JQuery buttons, which are located inside JQuery dialog? Here is the code of initializing the last one: function initDialog() { var enterLabel = "Log in"; var closeLabel = "Close"; var buttons = {}; buttons[enterLabel] = function() { $("#check_logpass_text").slideDown(1000); //$("#Log in").fadeOut(1000); //problem string
In just wanted to say thanks to all you jQuery Developers
When I wanted to create a Flash-like site without resorting to Flash jQuery was the perfect tool. I couldn't have done this without you all, thank you very much! http://pickinguptheghost.tonemilazzo.com/
JQuery Cycle Plugin & Z-Index Issues In IE & Firefox
Howdy - I've been building out a page for a client that is designed to rotate belts and buckles on a pair of jeans using three layers z-indexed on top of one another. The belt is the bottom layer, then jeans, then the buckle on top. Both the belt and buckle layers are implemented using the jquery cycle plugin while the jeans are just a static image. As I've built the page, it runs fine in Chrome but has some major issues in firefox and internet explorer, either pushing the belt layer down over
user images not loading?
Several user images aren't loading for me. the page just sits here spinning till it gets timeout trying to load them. I have tried it from several different external godaddy servers and get the same result, so i dont think it is a network problem on my end. Any ideas? -- Kevin
how not to run plugins in ie
Hi, How do you stop certain plugins from running in certain versions of ie? I'm using plugins that work great in modern browsers but are really slow in ie. Which will make for a bad user experience. So I'm thinking of just stripping my website down for ie users because if they are themselves not dynamic enough to update to a decent browser then they don't deserve dynamic website experiences! I use ie conditional statements for stylesheets but unsure how to implemement this to not run scripts. I looked
different event to different tags
hey all let us supposes I have 2 <p> tags and I want to associate an event at click for each how do I differentiate? same question if i have 2-3 pics and i want to associate an event when i click at each? Thank you very much in advance
Why HIERARCHY_REQUEST_ERROR when adding div to div on IE
I posted this question on stackoverflow, but have yet to receive any replies. I'm trying to use .get() and .append() to dynamically load a <div> from a relative URL, but when I do so on IE, I get a HIERARCHY_REQUEST_ERROR (3). It works fine on Firefox 4. I feel like what I'm attempting is fundamental and basic, and I don't know what I'm doing wrong. What is it about my request that the .append() creates an invalid hierarchy? How can I work around the error such that I can load the remote div into
JQuery with html generated by PHP
Hi I am rather new to JQuery and would like to use it with php. I ran into problems when my html is not static, I generate php forms on the fly using my php script and JQuery just doesn't seem to validate those forms. When put the same form in static html file JQuery works like a charm. What could be wrong? Does JQuery need a page to be static? Right after I load my php page firebug reports that $(document).ready(function() { is not a function and JQuery is not defined. I have loaded the necessary
remove rounded borders on link images in footer
i've spent a day on this now (css is the original css file) i have a simple footer: <div data-role="footer" class="ui-bar" data-position="fixed" align=center data-theme="a"> <a href="index.php" rel=external><img src="images/nav-home.png" width="37" height="37" /></a> <a href="projects.php" rel=external><img src="images/nav-projects.png" width="37" height="37" /></a> <a href="all-cats.php" rel=external><img src="images/nav-estate.png" width="37" height="37" /></a> <a href="contact.php"
Loading Jquery using window.document.write()
Hi everyone I have this button on a page that uses "window.open" and then "document.write" to open a new browser window and then write HTML to the newly opened window. The issue is that the written HTML has <script src> tag that loads Jquery. Around the bottom of the document is the <script> $(function(){....})</script> code. But the page gives an error at the call saying that "$" is undefined. Obviously, the JQuery library was not loaded. Any help? Abhay
[jQuery Cycle] Links in Slides
Hi, I'm using the jQuery Cycle Plugin (Great!) with divs, but I've got a problem: U can only click the first link because the Plugin only reduces the opacity. Is there any possibility to get the links working? Thanks for help Till PS: Sry about my English, I'm a 13-years-old student from Germany... $('#slides').cycle({ prev: '#prev', next: '#next', speed: 500 }); <div id="slides"> <div class="img"> <img src="xyz.jpg" /> <a href="download/xyz.full.jpg">Download</a>
Form Elements in Lists
I noticed that the docs and demos page now shows that you can put form elements in lists. Is this new? If so, do I need to update my js and css files to get it working?
Alpha 4.1 not working well with Firefox 3.x.
When using the desktop version of Firefox (versions below 4, i.e., 3.6) the following regex (from Alpha 4.1) is causing Firefox to stop working: pageElemRegex = new RegExp(".*(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]*>).*"), This only occurs on 'heavy' pages, i.e., pages that have a lot of elements to load, and script to work with. I tracked the problem back to the regex above, but I do not know what it does or how to fix it. Again, only seems to occur with Firefox 3.x. Anybody
Datepicker firing on a click event not defined within the datepicker configuration
I have an issue where the calendar is being fired when another field is clicked, although the selector in the datepicker config is different. I have a click handler assigned to the "Place Order Now" radio button that clears the text field of any previously chosen date and disables input of a date but it is also firing the datepicker. I've also tried to think of different ways to clear/disable entry to the text field that would alleviate the need for a click event on the "place Order Now" radio button,
setting input value problem
i have two text inputs Arrival <br><input id='datepicker1' type='text' value='04/24/2011' name='start_date'><br><br> Departure: <br><input id='datepicker2' type='text' value='04/24/2011' name='end_date'>I'm trying to set the value of #datepicker2 to #datepicker1's value on blur. This is the code i have but does absolutely nothing. <script> $("#datepicker1").bind('blur', function (){ var date = $("#datepicker1").val(); $("#datepicker2").val(date); });
How to set a DIV fullscreen?
Hello, Can you set a <div id="box"></div> fullscreen after click() with jQuery? With fullscreen I mean that the browser fits just in the screen of the client AND the box with image as background just fits in the browser. Or even better (but probably not possible) the same effect like when you click F11 ... Sometimes I see advertising (more like popups) of poker where the popup exactly fits the screen, so I guess my goal will also be possible. Who can help me with this or give me some directions?
.toggle slide; from right?
I am using toggle slide for div elements on my page. What are the options for this? The documentation just says that they are "optional" but there are no examples. I would like to be able to slide an element in from the right. If this is not done with toggle slide, how else can I do it? Thanks!
Unable to apply styles in ajax
I'm working on an application that's going to utilize a very simple implementation of ajax to update content using Dynamic HTML pages. The problem I am running into is that the css styles I'm trying to use in jqgrid pages isn't being applied with the ajax script updates the main page if the style is stored in an external css file. If I include the style directly into a tag like <p style="color: red;"> then it is working file. But if I try to access an external css tag like <p class="style"> then
Using jquery mobile in Movable Type?
I thought I was doing something pretty simple. I just want to use jquery mobile in Movable Type? It's not working...well so far I just have a header, and it's not appearing as a mobile header. Just as text. Here's what I've got: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns= "http://www.w3.org/1999/xhtml" id= "sixapart-standard"> <head> <title><$mt:BlogName encode_html= "1"$>: <$mt:ArchiveTitle$> <link rel=
Fade In Css Background-Image only
I'm making a landing page and wanted to fade a css background image (actually 2 of that part of my divs) <body> <div id="outer_wrapper"> <div id="inner_wrapper"> <div class="content_info"></div> </div> </div> separate css file contains the following div#outer_wrapper {background:transparent url(sitename.com/image.jpg) bottom left no-repeat; } div#inner_wrapper {background:transparent url(sitename.com/image.jpg) bottom left no-repeat; } I couldn't find an exact example or of a way to do this.
Jquery relative url to WCF REST Service hosted in IIS
I have created a WCF REST style service in my project. In development I am able to specify the relative url to access my service, jQuery.ajax({ url: "/WebServices/AddressWebService.svc/GetCountry", datatype: "json", success: function (data) { jQuery.each(data.GetCountryResult, function (index, value) { //value.entityData.CountryGuid //value.entityData.CountryName $('#dataCountry').empty();
Could some one help me to code this better
Hello! I'm using smoothScroll but I think my problem is a simple javascript one. If someone could teach me what I should do that would be great: $('.lodgingList a').smoothScroll({ scrollTarget: null, speed: 1000, offset: -10 }); The script is working the first time I click on a link in one of the lodgingLists but when I go back and click on a different link the scrollTarget doesn't seem to update. i.e. I click on 'House' the first time and the page smoothScrolls to the House anchor. I
Infinite AJAX loop
I have a simple function that performs an AJAX call to a PHP function that returns some html. var getSizes = function(sel, fid, use) { $.ajax({ type: 'POST', url: 'quote/getsizes/'+fid+'/'+use, dataType: 'text', success: function(opts) { $(opts).appendTo(sel); } }); I am currently only calling this function one time in one place but that it goes into an infinite loop appending data forever. Can
Firebug shows error jQuery "attempt to run compile-and-go script on a cleared scope"
Using FF4 I keep getting the above mentioned message... Whats is this supposed to mean??? The scripts seem to work correctly, nevertheless.
How to use multiple jQuery instances
Im developing a site on WordPress - Bobakeye.com Currently there are two things on the frontpage that use jQuery; the main image slider and the logo (which fades in and out on hover). Anyway I want to use this http://jqueryui.com/demos/slider/#side-scroll without conflicting with the other jQuery stuff on the homepage. I know little about jQuey and require some help on getting it to work nicely with everything else please. Thanks
The combination of Cycle and Maphilight
Dear all, I'm trying to combine Cycle and Maphilight plugins on a image map slide. The Fade effect of Cycle works pefectly, until after I inserted Maphilight, which somehow caused Cycle to slide without any effect on IEs. Is there any way to make them work together in peace? Below is my code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script> <script type="text/javascript"
form not submitting after javascript validation
I'm trying to bring two pieces of functionality together, form validation and form submission, individually they work fine, the problem arises when I try to combine them. The documentation says that the 'valid' function which verifies if the form has validated must follow the validate call. The problem is that as soon as I include the valid() (see)(the red block) it stops the form submitting it's data, which normally works. $().ready(function() { // validate the comment form when it is submitted
dialog does not open as a pop up window
Hello there, I am having a problem with the dialog plugin. I am calling it when I click a button, it opens the url, but as an inline and not as a popup window. My code: $(document).ready(function() { $('#sandwich').each(function() { $('#sandwich').click(function() { var day = $('#day').val(); var month = $('#month').val(); var year = $('#year').val(); var customerId = $('#customer').val(); var customerName
Tabs demo example
I'm a jquery ui newbie and was just getting started looking at the tabs widget: http://jqueryui.com/demos/tabs/ I realized that instead of the demo example that was shown, I actually really liked the theme for the descriptive tabs below the demo (Overview, Options, Events, Methods, Theming). My question is can anyone guide me to the theme for those tabs and how they were created/styled? Is it the UI Darkness theme with some extra css? I viewed source and saw the below class but I couldn't find
Next Page