Problem with FadeIn
I'm trying to use FadeIn () without any default event but does not work! http://jsfiddle.net/j5BQZ/3/
problems with multiple plugins...
Hi there... I am very new to JQuery and I honestly dont know much about JavaScript programming either. I have set up this website and in it I use 2 plug ins: 1) A scrollbar plugin (http://manos.malihu.gr/jquery-custom-content-scroller) 2) easy slider (Easy Slider 1.7) The scrollbar plugin worked just fine but when I tied in the JQuery for easy slide, the scrollbar plugin stoped working. I am pretty sure that the problem is related to the 2 different JQuery versions that I try to bind in, or is it?.
Need help can't fade on galley main pic
Hi, I still can't find a way to fade in/out on my main gallery pic. It seems pic is loaded before the fades start ... really need a solution .. gallery there: http://sedgene.free.fr/index.php?page=gallery Thanks
Strange table row show/hide problem
I've got a weird problem that I'm experiencing and I was wondering if it was a known issue. I have a table, and certain rows are created (by server-side script) as follows:- <tr class="PSRow" style="display: none;"> I then have a script which is tied to a checkbox:- $(document).ready(function() { $('#PSHide').click(function() { if ($(this).is(':checked')) { $('tr.PSRow').hide(); } else { $('tr.PSRow').show(); } }); }); now most of the time this works fine, the table is loaded without the
jQuery form validation question
Seems I did over look the jQuery code. I'm not sure what the proper syntax is to expand this code to work on not just "input" fields but also "textarea" field. To test I simply replaced input with textarea and it works, but I need both and every combination I've tried does not work. Code is below... Thank you. <script type="text/javascript"> $(function(){ // Grab each form element $("label[title]").each(function(){ $(this).append("<div
Using a lightbox for Ajax div output
Hi, I am new to ajax/jquery, so please bear with me. I have a form that I output the contents of it into a div below the form. I do this w/: jQuery("input[name=SubmitMI]").click(function(event) { jQuery.post("/custom/manage.php",jQuery("#MI_form").serialize(), function(data){ jQuery('#managepanel').html(data); jQuery('#managepanel').lightBox(data); return false; }); }); jQuery('#managepanel').html(data); outputs the
Syntax for object with multiple elements
Hello, I'm quite new to jquery and i would like to know the best syntax to create an object with couple of DOM elements. I mean something like this: $('<div/>').append(newBlock()); ///// function newBlock() { var $block =$( $('<h1/>') .text('Title'), //???? $('<h2/>') .text('subTitle')); return $block; } I know this synthax isnt correct, but thats give you the idea of what i mean. I can get it work like
Where to put the .fadeIn(); in this tab-script?
Hi there, Currently I am using this very simple tab-script. Took it from: http://jqueryfordesigners.com/jquery-tabs/ All works fine, but I want to use the .fadeIn(); option, so that (when I switch tabs) this goes nice and smooth. But where to put this .fadeIn();? The code: <script type="text/javascript"> <!-- Tabs --> $(function () { var tabContainers = $('div.tabs > div'); tabContainers.hide().filter(':first').show(); $('div.tabs ul.tabNavigation a').click(function
which item I'm over?
Hi everyone, when i'm dragging the draggable 'tag' Is there any way to know over which item of the droppable tags I’m hovering? Here is my code: <script> $(function() { $ ( "#draggable" ).draggable(); $( ". UI-Drop" ).droppable({ drop: function( event, ui ) { } });
header and footer native behaviour
Hi, I'm discovering JQuery Mobile Framework and I don't agree with the default behavior of headers and footers. Hidding header ans footer while scrolling is cool but this is not the standard behavior of smartphone interfaces. So my question is : how can I fix header ans footer always visible (no hidding event on content scrolling) Gilles
How to get Text of HTML Editor uding JQuery?
HTML Editor is a AjaxControlToolkit that i registered it on my page (it's similar to the text box that i'm now writing my Question)... I want to get Content (Text) of HTML Editor with JQuery... I tried $('#HE').val() and $('#HE').text() but i couldn't get the text! I want to get the text and set the text into a div! Thanks A Million!
Dealing with radio in JQ
So I have two radio buttons... <input type="radio" name="radiodate" value="1">Today <input type="radio" name="radiodate" value="2">Other <input type="text" name="date" size="10" maxlength="10" placeholder="mm-dd-yyyy"> I would like to disable / hide that text input based on user selection of above mentioned radios. Would this work? Something tells me I'm missing something. var $txtDate = $("input[name='date']"); $txtDate.addClass("hidden").attr("disabled","disabled"); var $radioDate = $("input[name='radiodate']");
How to parse (query) content from a Ajax request?
Hi, I want to do a Ajax GET request and then parse the resulting HTML to get a list of products from that page: $.get("http://www.americanas.com.br/busca/baskervilles?dep=256705", function(data) { var domData = $(data); alert($("div.hproduct", domData).length); }); This doesn't work. I get an error ("div is null") right on the first line of the function. The error is from jquery code. Can anyone help? Thanks.
Problem validating based upon radio-button's checked value ( jquery.vaildate.js )
Hi, I am a newbie to jQuery and still learning the ropes. I would greatly appreciate your help in resolving the following issue: I am using jquery.validate.js plugin to validate a form. The form has two groups of radio buttons with names ( g1 and g2 ). It also has other elements like textboxes and select boxes. Buttons are defined as : Yes<input id="g1" type="radio" name="g1" value="yes" checked="checked" onClick="$('#div2').slideToggle(400);"> No<input id="g1" type="radio" name="g1" value="no"
Problem on attaching event
Hi everyone, I have tre select. - the first one has attached a change event which modifies the second one - the second one has attached a change event which modifies the third one. Now, the first select correctly works but after the call, the second select is not able to recall the associated event. I suppose it is connected with the previous call of the first event and that I probably have to reattach in some way the second event but I don't know how. Could someone help me? Giorgio :: Giorgio Nordo::::::::
Ajax problems with return data from web service
When I am calling a web service through an ajax function, at a certain size the string that I am trying to return is never returned and the success or error function is never called. The code I am using is listed below. On the web service, if I set i in the for block to loop to i < 500 everything works fine, if I increase the number of times to loop to i < 5000, I never get a success or error message back. I am using IE 8.0 and jquery 1.5. The jquery code I am using is listed below: <script
Problem with function repeating itself
Hey, I've got a big problem with one of my functions I need for my project. Everything works fine except of the thing that the function repeats the more often you call it. For example if you called it the first time everything works fine. But the second time the first call gets repeated as well as the new one, so I get two functions... A little sample of this code can be found here. To see the problem click on the Divs containing "T2" and leave the Popup. You'll get an alert. Thanks a lot, picola
Simple Question , can i use here a array ?
Hi Guys im just Started to use jquery and this Stuff , I have 10 functions there are the same just a Number is changed ! #imgbutton1-10 #DIV1-10 can i use here a array and how ? <script type="text/javascript"> $(document).ready(function(){$('#imgbutton1').click(function() { $('#DIV1').show('slow'); return false;}); });</script> <script type="text/javascript"> $(document).ready(function(){$('#imgbutton2').click(function() { $('#DIV2').show('slow'); return false;}); });</script>
Linking from inside a Google map bubble to a jQuery Mobile page problem
Hi, I have Google Maps API and jQuery Mobile working together just fine. However, I have a problem when linking from inside a Google Maps bubble to a jQuery Mobile page. For example, I have markers on a map. When you click the marker, a bubble opens up with a link to a page. Once you click the link, it opens a new windows and/or exits the full screen mode when started from the iPhone Home Screen. Anyone experiencing this problem? This just creates a break in the flow of the navigation and doesn't
jQuery form validation question
I've been following this tutorial (and it works great) > http://www.webdesignermag.co.uk/tutorials/add-client-side-form-validation-with-jquery/ Just cannot figure out how to make one of the Text Fields a Text Area with cols="45" rows="5". Every combination I've tried turns off the validation. I've already added completely different text fields from what are shown in the tutorial so I know how to change up the javascript I just can't get the Text Area right. Thanks in advance.
UI Tabs unbind?
Currently I have an application have I have tabs for 1 section, then I remove the HTML ( and the div that was affected with the $.tabs() ), load up new tabs ( each tab loads via ajax ), then re-bind $.tabs() to the same div id. Basicly redoing the tabs. So far the effect of doing this is that UI is making "New" tabs for each reload. ( I inspected the elements using Chrome, and it was going upwards of #ui-tabs-16 at the time. So is there a way, I can "Un-bind" the $.tabs() function so it'll stop incrementing?
Events fired on page load: ajax vs external?
Hi! Is the "pagecreate" event supposed to be fired on page load, no matter if the page is loaded via an ajax call or called straight via the URL? If not, is there another way to go about knowing when jqm is initialized and done? Background: I'm trying out jqm on a site prototype I'm building, and I'm having trouble calling functions dealing with dynamically manipulating the DOM: I'm calling .listview('refresh') in some places, and my script fails, complaining about doing so before jqm has finished
JQuery MaskedInput option
Can we have an option in MaskedInput plugin to NOT clear the input field data onBlur if it has invalid entries? For example, as of now, it clears a date entry field with masking of '99/99/9999' if the entry has less than 8 digits. In certain cases we would like user to see what invalid entry has been entered. Also it'll be nice if the plugin can allow a function to be passed as option parameter, which will be called onblur. This function can perform additional validation on the entry field.
jquery grid columnsizing
I want to use jquery grid column sizing here the url http://www.ita.es/jquery/jquery.grid.columnSizing.htm this example shows this plugin needs table class attribute jquery_columnSizing in my case I cannot use this class for my tables , I have my own class for all my tables. my class has heavy css declaration I am wondering if I can use this plugin just by id of my table?Please help me
Echo the .lenth value?
Hi guys I just want to echo the .length value of all images that has an 'alt' attribute. $(document).ready(function(){ $('img[alt]').text("Found " + $("img[alt]").length + " img alt attribute."); }); Is my codes above correct? I tried it, and I did not saw any output. Can you spot the not? Thanks in advanced. -warren
[jQuery] Toggle visibility.
Hello, I have an anchor on my page. When I click it I want to Toggle the visibility of a Div with ID = "Content". If the div is visible then it should become invisible. If it is invisible them it becomes visible. How can I do this? Thanks, Miguel
restart ajax request after abort
I have a function, something like this: function temp(){ $ajax_request.abort(); ... some operations ... $ajax_request = $.ajax({url: url, type:'POST', dataType: 'json', data: {...}}) .success(function() { alert("success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); }); } this function may be called frequently, when previous ajax request is not completed. I need to avoid situation when several
hoverIntent conditional interval...
I want to change the value of the "interval" option in the hoverIntent plugin, based on different conditions, ie. if ($([selector]).hasClass('x')) //polling interval } else { //different polling interval }I'm just not sure how to write this properly. Thanks!
Show a Java applet on clicking on HTML Text elements
Hi, I am trying to make a jquery plugin for which the description is given below. I haven't had much experience working in jQuery so I really needed some help. Here is a Java Applet I am talking about: http://www.inference.phy.cam.ac.uk/dasher/TryJavaDasherNow.html The applet does some operation the result is shown in the text box in the applet. Consider a virtual keyboard which comes up when the user clicks on a text box or a text area element. For eg: Similarly, I wanted that the applet should
jQuery templates and dynamic arrays
Hi. I'm using the following jQuery code to render templates var units = ${units}; var unitCommands = ${unitCommands}; $(document).ready(function() { $("#unitListTemplate").tmpl(units).appendTo("#unitList"); $(units).each(function(index,element) { var unitType = element.unitType; var provinceName = element.provinceName; var filteredUnitCommands = $(unitCommands).filter(function (index) { return this.unitType == unitType
set drop down list value
The last two lines of the following code is not setting the value of the selector unless i debug it within firebug. when I set a breakpoint on those two lines it shows the val in the parentheses and it will set them correctly, but if I do not debug the script then it doesn't set them. Anyone have an idea as to why? populateLists: function(executionLevel, contractor, program) { var _chart = this; $.each($('select#contractor option'), function() { if ($(this).val() != "all")
Problem using $.each() on json containing "length" key
When trying to iterate over data using jquery's each() function, if my json contains a key named "length", I don't get any results. This json works: echo '{"title":"test","lengths":"3"}'; This doesn't: echo '{"title":"test","length":"3"}'; I'm using jquery and jquery ui. Anyone know how to avoid this problem? Here is my code: $.ajax({ url: "http://example.com/page.php", type: "GET", dataType: "json", success: function(json){
jQuery UI Sortable overlapping with css-overflow flickering
Sortable overlapping with css-overflow flickering. Firefox 3.6 The problem I've countered is represented in jsfiddle - http://jsfiddle.net/peterthegreat/B6Fae/ Take one of the top "Youtube"-links and drag them around and you will notice some flickering because the element is struggling between the overflowed hidden elements and the parent-div.
Error with using method getJSON in jQuery 1.5.1
I've used in my project jQuery 1.4.4, decided to move to version 1.5.1 and I have a problem with method getJSON. My JS code: $.getJSON("<s:url action="checkRegistryErrorsNumber" includeParams="none" />", {"registry.id": <s:property value="registry.id" />}, function(data) { $("#errorsNumber").text(data.errorsNumber); if (data.errorMessage != "") { $("#messagesBlock").html(data.errorMessage);
Number behind in pic count (1/10) etc.
Hi there, Bit of a newb but just having a small problem using jquery cycle all plugin. I am trying to create an image gallery, with two buttons next and previous which work fine, and with a counter like (1/10) etc. I've got it to work but for some reason the slideshow never counts the first image so therefore is always one image behind. Somebody pointed out to me it is probably that the array starts at 0 and something else at 1, but I'm not sure where to find this really so just wondered if somebody
jquery-ui sortable “overlapping” flickering issue
Hi, everybody! I'm a frequent jQuery user and has used it for a year or so, but there's one problem which I can't figure out how to deal with except by overriding some sortable-jquertui functions which I would not like to do. Anywho I originally posted on StackOverflow but feel like I need to ask for help from "the source" itself. I'm sorry for using a link to my actual question but it's a pretty heavy post which makes it seem stupid not to just refer to it. The link: http://stackoverflow.com/questions/5204047/jquery-ui-sortable-overlapping-issue
Updating Pluging to work with 1.5+ & namespace issues
I've been maintaining a plugin for a couple years (Orange-J). One of the first things I did was to implement a supporting 'clone' function... with jQuery 1.5's implementation of the clone() function chaos ensued. There are a few other utility functions I've written to support OJ's main focuses (browser side templating and keystroke behaviors). I'm wondering if there's a standardized way for a plugin to implement it's own namespace for functions and methods ex $oj.clone(obj) $('#someid').oj.snippet('<somehtml>',
ajax , .before and button problem
Hello, i have a div where i store some status updates plus i have i have a textbox with a button where i type something and on button click (using ajax) i show what i typed before my div which works great , inside the div with the info i wrote i have a delete button which shows great on hover... at first it is in display:none; mode so on hover i show() it ..when it shows what i typed i cant see the button on hover and i have to refresh to see it.. i guess its because the page has not refreshed to
merge an empty <a> with text in a <span>
I have an empty anchor, and a span that has the text of the URL in it. I need to merge the <span> and the empty anchor into a link. I've set up a demo page that shows the code I have, and the end result I need to get to. Is this possible? IF so, can someone please lend me a hand? Example page is here: http://bit.ly/urlfromspan Thank you in advance!
cannot download jquery
I cannot download jquery. I get this error message when I try to run the download file: Script: C:meuappdatalocalmicrosoftwindows emporary internet filescontentie.5wca9khzmjquery-1.5.1[2].js line: 16 char: 1 error: 'window' is undefined code: 800A1391 source: microsoft JScript runtime error Please help before I kill somebody.
Next Page