Slideshow Images Tiling on certain pages
I am using jQuery with a Brightpearl website, except on one of our pages, (edit your address book page), the slideshow images, instead of fading one into the other as it should, decide to tile over the top of the page and don't fade at all. The input boxes show through, but not the submit button, so it renders the page useless. Any suggestions?
Adding week number and week range to DropDown List in ASP.NET3.5 using JQUERY.
Hi friendrs, I am learning Jquery. I have a requirement that I have to add week number and week ranges in a year( I select year in another dropdown list) to a dropdown list. And I have to pass selected week number to sql server. I want to do this using jQuey . The dropdown list shows like below. 50 8 MARCH 2010 14 MARCH 2010 51 15 MARCH 2010 21 MARCH 2010 52 22 MARCH 2010 28 MARCH 2010 How can I acheive this? Regards, JN
update the tree structure and Data table
Hi All, I have requirement to update the tree structure and Data table based on the selection by a dropdown menu in the same page. Please suggest and give some example how to do it. My code snippest: <div class="main"> <table height="400px" cellpadding="0" cellspacing="0" border="1" style="font-size: 10px; font-family: Verdana"> <tr> <td valign="top" width="165px"> <div style="height: 20px; font: 12px Tahoma, Arial; border-bottom: solid 1px gray;"> View: <select id="groupList" style="
how to get the id of an element and compare it with another one?
hello. i have a file called text.txt that contains: <li id="unic1">some text</li> <li id="unic2">some text</li> and a index.html where i try to find the id from the previous file: <div id="div">alert(unic_id)'<div> $(".div").load('text.txt'); var $unic_id = $source.each(function(){ .find('li') .attr('id'); }); what am i doing wrong? thanks
Creating a Frame based Photo
Hi, I want to crete a web application wherein the user can upload his photo, select a frame for that and then he can view the same with that frame. Can anyone guide me through how this would be made possible? Thanks in advance.
keyup problem
Hello, I'm trying to understand the working of an autosuggest function. al few weeks ago i found an example somwhere on the www. Trying to understand i have rewrite the function. but now i found a problem and i can't figerout wher it come from. http://www.magiclights.nl/test/ You can try it online. when you type a sugestion in the input area, you get a few sugestions. Then you can select them whit your keybord or mouse. Whit mouse is no problem. but when you select whit enter the sected item is send
().dialog is not a function?
Hello, I figure I'm making some simple mistake trying to use the dialog widget, but I can't figure it out. The error message I get is: $("#dialog_box").dialog is not a function Here's is the html I'm using: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javscript"></script> </head> <body> Test 1,2,3.... <div id="dialog_box">Dialog
How to generate dynamic slider with dynamic minimum and maximum value
Hello everyone, I have trying to implement dynamic slider with different range values for last three days. But failed to implement. I also tried to get help from this forum and from other websites but didn't find anything helpful. Finding no other option, i am posting this here. What i am trying to implement: I implemented a module from admin to set slider options for multiple attribute with their minimum and maximum values. Using php code i am displaying their minimum and maximum values dynamically.
slideToggle stopped working in IE 9
Hi, I've had no problems until I upgraded to IE 9. I'm running jquery 1.4.4 and also tried it with the newest version. In IE 9, it will work if I switch the browser to IE 8 Standards Mode. When I switch it back to IE 9 Standards it stops working. By stop working I mean I click on the button and nothing happens. Here is the javascript: jQuery.noConflict(); var $j = jQuery; $j(document).ready(function () { $j('div.menu_class').click(function () { $j('ul.the_menu').slideToggle('medium'); });
Button widget won't return to ready state in IE8 but does in FF
I am chaining a .click function to the .button jquery UI widget. I get the action I want just fine but the in IE8 the button does not return to the ready state after I click. It works fine in FF. $('#myButton').button () .click(function () { $('#total').text('here it is'); }) ; <div id="myButton">locate text</div> <div id="total">where is it?</div> Any help would be much appreciated!
Help with .ajax
Hello, I sometimes get a 304 Not Modified error and sometimes a 200 ok, using .ajax. Now I can't tell if its my code, or something else. Browsing the internet for an hour has come up with no answers on how to fix this, just how to make an exception for it. I've whittled this down to about as simple as it can get, even using the jQuery API example code. Html/Javascript <form> <textarea id="mytextarea" rows="3" cols="10">STUFF</textarea> <input type="submit" id="abc" /> </form> <script> $('#abc').submit(function(){
Double Tap for "Fixed" Positioning Mode
Is there a way I can override the single tap for the "Fixed" Positioning Mode for displaying header/footers to a double-tap? Or where in the code I can change it? Thnx!!
IE9 does not properly support the complete property of an image
Don't really think this is related to jQuery but I thought I would post it here in case someone else was having a problem. I have a plug-in I made that uses an image preloader involving the jquery .load() function. Once all images are preloaded, a function is fired to initiate the plugin. If the image is already loaded in the cache, the script checks the .complete property of the image to see if it is true, then manually fires the callback function for the load script. Here is the code:
jquery IE9 conflict
I have some problems using two jquery wordpress plugins: easy-slider and jquery scrollable tool. The problem is that whenever I load the jquery tool script every other jquery stops working. But this happens only in IE9, not in Firefox, not in IE8 and not in IE7. Any suggestions?
jQuery outside event plugin help needed?
Hello, I am wanting to use the jQuery outside event plugin. Here is what I want to do.... I have a hyperlink on my html page, and when you click on it, it is suppose to use the GET function to get information from a php page into a DIV tag named "display" in the html page. The DIV tag is hidden at first and is located on in a different part of the html page then where the hyperlink is, but when the hyperlink is clicked the DIV tag should be shown and get the data in it. Also I am wanting it if there
remove element of array that match string criteria
I have an array array = ['page1.aspx', pic1.jpg, pix.png,flash.swf,index2.aspx, pictures.gif]; remove = [jpg,gif,swf,png] How could I do to remove the elements that match the 'remove' list? Any help will be highly apreciated
Is my jquery wrong?
Hello everyone...!! Did I make mistake? Everytime I do request.getParameter("dataString"); ----> inside my JSP processor it always returned me NULL. Actually I do posting the variable dataString with a value; Take a look at this my jquery; (correct me if I'm wrong); var content; var dataString="ha"; $( function() { $.validator.addMethod("username", function(value, element) { return this.optional(element) || /^[a-z0-9\_]+$/i.test(value); }, "UserID: only letters, numbers, or underscore.");
A method inside the plugin
Hi, I cant remember how to put a method inside the plugin. Eg (function( $ ){ $.fn.myPlugin = function(options) { var defaults = { }; var options = $.extend( defaults, options ); var that = this; return this.each(function() { .... someelement.onclick(function() { that.method(this); }); }, method = function(el) { console.log(el); } })(jQuery); Gives me a d is undefined
Size of font
Hi: I have inspected the document, and I don't find any font-size selector to modify font-size of buttons ... where are they ? :P The computed style for one of them is: -webkit-background-clip: padding-box; background-attachment: scroll; background-clip: padding-box; background-color: #EEE; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#EEE)); background-origin: padding-box; border-bottom-color: #CCC; border-bottom-right-radius: 9px; border-bottom-style: solid; border-bottom-width: 1px;
button's down arrow not displaying correctly on iPhone 4
Hi, on iPhone3 the down arrow for a button appears correctly. However, on an iPhone4 only a few dots of the arrow appears. Any ideas? thanks Matt
After ajax load(), new content is not available to grab.
I am using the load() method to load navigation sections of hidden copy, which I will later grab and display. After the hidden copy loads, I am grabbing selected divs, and bringing them into an area where the copy will be displayed. My problem is that after I load the new copy, replacing the old copy, and I go to retrieve it, it gives me the old copy still (eventhough firebug shows me that the load() actually did bring in and replace the copy...so it's grabbing and displaying copy not even in the
Submitting a form with VCR-like buttons
I've looked through related posts, but can't seem to find an answer. It will be obvious to most of you that I am brand new to jQuery...so sorry in advance. I want to have four "VCR" buttons lined up on a toolbar like below: I want the "play" button to perform ajaxSubmit (Form plugin) submitting a bunch of fields on the form in which these buttons are contained. This will start a simulation based on the passed in parameters. I want the other bottons to send signals to the server to control the simulation.
Prev and Next links in Gallery
Hi, I'm rather new to JavaScript and have spent all day trying to figure out how I can make this possible by examining others code but to no avail. I've finally bit the bullet and come to ask for some help. I'm making a website for a friends photography and have managed to get a thumbnail gallery working as you can see here: http://tonyphipps.co.uk/lgenlloud/photographs/index.html. The problem is I have no idea how to get get the prev and next links working. I have tried countless searches for the
How do I pass jQuery object to function, and work with it?
I'm trying to build a function that accepts a JQuery object (a multi select drop down) and does stuff with it such as counting the non-zero options, etc, so I can limit the number of options the user can choose. How do I refine the object's attributes, once inside the function? The event is a select onchange and function call: "checkOptionsLength( $('#selectID'), 20)" function checkOptionsLength(obj,limit) { // How many non zero length selected options are there? // Outside of
Empty input text value
Good day! I'm here... anyone can help me about getting the value of input text? here's my code and its not working.. if ( $(":input").value = "Test"){ $("body").css("background","yellow"); } else { $("body").css("background","white"); }thank you in advance and God bless you all!
Methods on tmplItem objects?
The documentation page for .tmplItem() lists all the fields on the returned object, but doesn't say anything about methods (so I assumed at first that they have none). The docs for .template() have examples, however, that call update() on a tmplItem. So … what exactly does update() do? Is it supported? Why isn't it mentioned on the .tmplItem() page? And are there any other methods on those objects?
on click function problem (very basic i guess...)
Hello, The problem can be seen here http://www.caae.cl/wordpress/category/accion-social The idea is that when you click on "+ sobre esta área" box (which is a div classed as "moretext"), it increases the height of the container that has the class "text-container" (which is the parent). But I can't get it to work, it triggers but then get back to the original state, and even changes some content on the site. Tried also, instead of using "parent", using the direct class, but's the same thing. This
Images in Acordian Heads
Just did a test run by just putting a image tag in the acordian head http://maskedriders.info Effect looks good enough but i was wondering it there was a way to set a image to full the full orange/gray segment (with out without the java rounded corners)?
multiselect Sorting not working when only plus button is used
Hi, When i only select the elemenst by using the plus(+) button, my list is not sorted by the way i clicked them when i POST it using a form. For example, my list is: A B C D I click plus on the D and then A. The selected list is now: D A. But if i go post this onto another page via a web form my list goes back to original placement like this: A D instead of D A as i selected. However if i play with them up or down, by dragging them, it works. $.widget("ui.multiselect", { options: { sortable: true,
Superfish and iframe video content
I have an issue where Superfish submenus are displaying behind iframe content. I know that iframes are supposed to work this way. Does anyone have a solution for getting the Superfish submenus to display above the iframe video? Firefox is the only browser that actually display it over the iframe. The others, Chrome, IE, Safari display under the iframe. Example: http://gm6-nsbaredesign.syscomservices.com/ Would the bgiframe plugin that works for select elements work for this?
Animating Document Resizing
Using: ASP 3.5 && jQuery 1.5min && jquery.scrollTo-1.4.2-min.js I am brand new to jQuery[p.s. i love you] I have a web form that has a list of items. When the user makes a selection the list may grow or shrink. When the list grows and the submit button at the bottom of the form is places outside below the view i scrollTo the bottom nice and smooth [this is all good]. What I am looking to do is mimic this in reverse. Currently if the list shrinks and form size shrinks the button stays at the bottom
How to use document.write with jQuery Mobile
I'm building a mobile site using jQuery Mobile, and I need to include widgets that use document.write. When I test embedding the widget code in a page using a collapsible content block, the widgets overwrite the entire page. I'm aware that any document.write that doesn't fire inline (after the doc is done loading) actually calls window.open, which I assume is where the issue is coming from. Here's a sample of the widget code: <script> var x = someDate; var y = someOtherDateVar; document.write(<script
form response gif not displaying
I am using JQuery to submit a web form, and the response isn't showing up if you leave an input blank. I know why this is happening but don't know how to fix. The reason it doesn't show up is I am using fancy CSS3 gradient background in my input fields instead of blank background. The CSS for my JQuery addClass if a field is left blank is: .element input.highlight { border:2px solid #9F1319; background:url(../images/icons/iconCaution.gif) no-repeat 2px; } but since there already is a
Double click issue with Accordion
Hi, I am transferring a website from HTML to Joomla 1.5. Everything works fine except the accordion which has one problem: while on the html page each hidden content slides down with a single click, in Joomla it requires two clicks. I have mantained the same scripts, apart from the jQuery libraries plugin, which I found among the Joomla Extensions (Joomla has MooTools enabled by default). Here is the old HTML site and here is the new one in Joomla. Here is the Accordion script I am using: jQuery(function($)
JQM Alpha 3 with google maps
Can anyone show me some pointers in implementing google maps. I am using JQM Alpha 3 with a C#.net backend. I looked thru several posts but all of them seem to be half answered. not sure which one really works. Appreciate your help !
jqGrid illegal xml character error
I am trying to setup a subgrid with my jqGrid and when I try to expand the subgrid I get an illegal xml character error that seems to be pointing to line 34 in the jquery.jqGrid.min.js file.I looked through my scripts to see if there error is within one of them but I could not find it. Here is my code, header.cfm: <!--- Header file for fasap ---> <link rel="stylesheet" type="text/css" title="Genesis" href="css/main.css" media="screen, projection" /> <link rel="stylesheet" type="text/css" title="Genesis"
Help please. Elements still appearing in IE 8 and 7
Hi, I'm working on a self-contained educational tool. Every "frame" or "slide" is all in one HTML document. I initially start out with all frames hidden, and then show the very first one. The user is then able to click through to each next frame. This has been working great. Works in all browsers except for IE 7 and 8. There is one point when you click to go to the next section, and all the images and buttons appear at once, even though their respective parents are hidden. The kicker is that, if
JqGrid and subgrid error
Hi I am trying to setup a subgrid within my jqGrid, however, I am getting an illegal xml character error that is pointing to line 34 in the jquery.jqGrid.min.js file. Here is my header file: <!--- Header file for fasap ---> <link rel="stylesheet" type="text/css" title="Genesis" href="css/main.css" media="screen, projection" /> <link rel="stylesheet" type="text/css" title="Genesis" href="css/redmond/jquery-ui-1.8.10.custom.css" media="screen, projection" /> <link rel="stylesheet" type="text/css" media="screen"
jQuery Accordian and AJAX
Hi, I have an accordion and in one of the sections I am using the ajax NumericUpDownExtender. If I select the current index as the one with the NumericUpDownExtender in it then it works fine. If any other index is selected the ajax control does not load. Wondering what could be the issue and if anyone knows a fix for this? I was thinking about putting an updatePanel around the ajax as well but I'm not sure how to update the panel whenever the heading is clicked. I appreciate any help. Thank you,
*= css selector not working in IE7
The *= selector reads something like the ~= selector--which I also tried-- var tab1ErrCount = $("div#tab1 .errorMessage[style*=inline]").length; Basically give the count for all elements inside the div named 'tab1' with a css style that contains the word 'inline'. I do this to count the number of errors per tab. It works in Firefox ...not so in IE7. Guillermo Jimenez
Next Page