Whats the difference between these selectors?
I noticed 2 different selector patterns but can't work out what the difference is. Parent Div = ".mydiv" 1) - $(a, .myDiv) 2) - $(.myDiv a) Anyone?
collapse and expand (jquery or javascript)
Hi everybody, I have several images one next to the other and I would like to be able to create a expand and collapse text under this line of images, but when clicked, each image should display a different text. How can I do that ? Thanks for your reply. As I am a new Jquery / JavaScript user a detail answer would be very much appreciated ;) , avoiding me to struggle hours !! Bye and thanks again
[jQuery Mobile] text refresh not working on Blackberry
Hi! I have a small listview in my html: <ul data-role="listview"> <li id="@Local_Time_Formated" data-obfunc="sValues">Local Time: {SVALUE}</li> </ul> I request some svalues from a server in the onload html function. So the {SVALUE} text should be replaced by the response from the server. First I select the right 'li' element in the HTML (actObject). After this I set the new text: jQuery(actObject).text(jQuery(actObject).text().replace('{SVALUE}',varNewStringValue)); jQuery(actObject.parentNode).listview('refresh');
Show a class within a class
I have the following html: <ul> <li><img src="./images/ccp.jpg" id="image"></li> <div class="acj" > <li class="gec">text</li> <li class="gec">text</li> <li class="gec">text</li> <li class="gec">text</li> </div> </ul> I have a style which hides the list to begin with: <style> .gec{ display:none; } </style> I want to show the list when the image is clicked on and I'm using the following code: $(document).ready(function () { $("#image").click( function () { $(".ccp
how to populate below data in datatable
How to display data in data table from the blow data: {"total_rows":3,"offset":2,"rows":[{"id":"3ad9918b550cd179ce9ec353b6f1776e","key":"lenin","value":{"_id":"3ad9918b550cd179ce9ec353b6f1776e","_rev":"1-9745c8f6da4d0e8e80a1c20f09f316ec","email":"leningovi@gmai..com","dob":"16/10/2012","lastname":"Govi","remarks":"testing","firstname":"Lenin","doj":"16/10/2012"}}]}
JQuery debugging on winXP ie7 ?
Hi there, I am using drupal.org/projects/quicktabs which is working fine on every thing but Windows XP with Internet Explorer 7. It only fails on this browser/system! I have set up a virtual machine with Vistual Studio Express Webdeveloper edition. Are there any other guides on how to debug on that system? Are there a list of known compatibility issues with jquery and IE7? I hope to get some pointers on how to get on! :-)
<script> tag issue - double submission of form in FF
Yesterday, I ran into a strange issue regarding script tag in a JSP. Here is the issue I had multiple script tags connecting to external source js files in the JSP and one of which is empty source like <script type="text/javascript" src="file.js"></script> <script type="text/javascript" src="file1.js"></script> <script type="text/javascript" src="file2.js"></script> <script type="text/javascript" src="file3.js"></script> <script type="text/javascript" src=" "></script> <script type="text/javascript"
jquery slider only displays images after refresh using IE9
New to forum, I am having some issues with my website: http://orangecounty-hometheaterinstallation-tvinstallation.com/ I have a jquery slider which works with all browsers and all versions except internet explorer 9. Tried forcing IE8 and IE7 emulation but have same result. Strange that it works just fine after I hit the refresh...almost like it is a timing issue...images not ready to load on initial webpage load. Has anyone else come across this issue or know of a ie9 bug type fix?
Trigger with bxGallery and fancybox
We have site here: http://www.ifg-spb.ru/product_info.php?cPath=24&products_id=218&osCsid=3faca77667fbd661b7694623c2fc5a0d We add bxGallery and fancybox. At first we set fancybox only for primary image of bxGallery. But now we want click other images from gallery and open fancybox. And we add this code: <script type="text/javascript"> $(function() { $("#piGal .thumbs img").click(function() { $("#piGal a img[src="+this.src+"]").parent().trigger('click'); }); }); </script> And from time to time all
Multiple divs with separate hover
Hi all, I'm new to jQuery and I'm not very familiar yet with Javascript, my area is more PHP. I have in my html several divs like this: <div id="container1"> <div id="hidden1">hidden text</div> </div> <div id="container2"> <div id="hidden2">hidden text</div> </div> <div id="container3"> <div id="hidden3">hidden text</div> </div> When I hover one of those divs, I want to display the hidden texts. I'm using this: $(document).ready ( function() {
Reseting DIVs with new Selection
My jQuery is a filter system that takes a pre-made & displayed set of DIVs tb.container and can filter then by selecting an item from the drop down filter box. How can I make it so when a person selects WINDOWS and it filters them and then the person decides to choose MAC it will reset all tb.containers to SHOW and then HIDE al tb.containers that do not run on MAC. My Code: //#filterBox1 Starts $('#filterBox1').change(function() { // when value of filterBox1 changes var selection = $(this).val();
Problem downtown event images on demand
Hello, I am new to jquery and would like to, if possible, solve my problem. Sorry the mistakes, I'm brazilian is not very familiar with English. Come on! I have an event of low demand for images. I do not know for what reason, when the roll scroll to load images, the images start flashing before charging. This happens in Mozilla and Chrome, IE9 does not. my code follows: lazy: (function($, window) { var $window = $(window); $.fn.lazy = function(options) { var elements = this;
How to display div if form selection makes a choice that is for a lack of better term wrong?
Ok so I might be pushing it but I got such a great response on my last question I figure I will give it one more shot for the last piece I need to wrap this up. I have two form choices that if the user selects one option "single channel" then in the next set of questions they should only choose one of the channels available. But if they choose "multi channel" then they should choose more than one selection in the next set of questions. The html of the first choice questions: <div class="form-radios"><div
A session cookie for jquery script?
Hello, I new to jquery and cookies and I'm trying to write a session script for a jquery lightbox script that way it only pops up once a session. Any ideas?
Deleting <div> rows Using JQuery and adding loading.gif
Hi guys,... can anyone help me please,... How can I add class loading.gif I'm not to good with jquery,... but delete php function is working I have a <div> with id="photo_<?php echo $photo['Photo']['id'] ?>" <div id="photo_<?php echo $photo['Photo']['id'] ?>"> // I need to add class loading.gif into this div ----- here is my photo with link to delete ----- and here is the link to delete: with 'id' => 'photo_delete_' . $photo['Photo']['id'] <?php echo $html->link(__('delete',
Using jQuery To Present/Format Data
Hi guys, I have a web application that reads data from a CSV .txt file. Example of data: OrderNum, Importance, Date, Summary, WithinTime 11111, 1, 01-09-2012, blah blah blah, OutOfTime 22222, 3, 14-08-2012, xxx xxx xxx, InTime 33333, 2, 27-09-2012, yyyy yyyy yyyy, Other 44444, 1, 03-10-2012, abc abc abc, OutOfTime 55555, 4, 01-10-2012, zzz zzz zzzz zzzzz, NearTime Currently, when a particular WithinTime button is selected, for example OutOfTime, my code searches through all the records that have
Passing array via ajax - a simple solution
Can anyone help me with this problem. I can not pass an array via ajax. The thing is I have a form that sends three fields with the following structure: <input type="hidden" name="produtoq[1]" value="25" size="3" maxlength="3" /> <input type="hidden" name="produtoq[2]" value="20" size="3" maxlength="3" /> <input type="hidden" name="produtoq[3]" value="14" size="3" maxlength="3" /> How to pass these values via ajax with jquery?
Optimization
I am new with JQuery and want optimizing the following segment of code. Thanks $('body').bind('keydown', function (e) { var key = e.which; if (key == 13) { var inputs = $('.zeusTabEnter').find('input,textarea,select').filter(function () { return !($(this).css('visibility') == 'hidden' || $(this).css('display') == 'none' || $(this).css('opacity') == '0') && $(this).is(':visible') && !$(this).is(':disabled') && $(this).attr('name').indexOf('ExpandColumn')
Dropdown menu
I'm developing a menu that has dropdown options on it. Basically on click, the menu pushes the page down to extend the submenu which is always partially open. The submenu could be a different height for each option. At the moment I'm fixing the open and close height. The close height is fixed but the open height is variable and I'm struggling to find a solution that will just open to the required height. Of course I could select 1 dropdown, then another, so the menu would need to adjust its height
jQuery not Working in Fire Fox
I have been to a few Web Development forums, but no one seems to be able to help me. Fire Fox is not running jQuery in any form or fashion. It gives me the following errors: Timestamp: 10/15/12 11:14:21 AM Error: ReferenceError: $ is not defined Source File: http://zanime.net/test/js/filter.js Line: 3 Timestamp: 10/15/12 11:14:21 AM Error: ReferenceError: $ is not defined Source File: http://zanime.net/test/js/reset.js Line: 2 Here is my code: $(document).ready(function(){ $('#filterBox1').change(function()
jquery interview questions
pls any one send jquery interview questions to my mail id deepthi7580@gmail.com can any one suggest which type of questions are asked in interview on jquery
.on() selector and load event not triggering
Firstly, here's my code: scrollTop = { init: function () { scrollTop.attachHandlers(); }, attachHandlers: function () { $('body').on('load', goToTop); function goToTop() { if ($(document).height() > $(window).height()) { $('body a.nav-top').show(); } } } }; I need to call gotoTop on initial page load and postbacks because its is comparing the size of the current page, however, the line $('body').on('load', goToTop);
How to add class depending on value of number?
Hello, I have found a piece of code that has worked for me quite nicely. But I want to see how I can have the output of the code change the class of the outputted number depending on if the number is greater than or less than 100. The code I have is this: $(document).ready(function(){ $('#div1,#div2,#div3,#div4').change(function(){ var total = 0; $(#div1,#div2,#div3,#div4).each(function(){ if($(this).val() != '') { total += parseInt($(this).val());
want to select an option(with jquery) and show it in jquery autocomplete
Hi all. I want to set an option using jquery. I did something like this. $('#item').val('some value in list'); When i use alert it shows the set value(new one). But its not changing on gui. I am using IE 8. NOTE: The value is changing if i click on the select and again clicking it somewhere else. The code is below. var $col= $(this).closest('tr').find('td'); $('#item :selected').val($col.eq(2).text()); $('#item :selected').text($col.eq(2).text());
How do I upgrade?
Hi, completely new to JQuery, so apologies if this is super-basic. I have bought an existing website that uses v1.4.2 and I want /need to upgrade this. Bearing in mind I know nothing about JQuery, how do I do this? Thanks
Calander widgets
Where can I get full list and image of HTML 5 mobile widgets ? specifically I need a Calander widget that can present dayley , weekly, monthly view of events and show the list of events within the box of each day in the calander.
JCarousel Lite Fade Effect
Hi, I'm newbie on forum, on my website: http://nonstopit.pl, I have JCarousel Lite. It's possible to add effect fade with delay for each photo?I want to each picture showed a 0.5 second delay to the preceding: img1 - 0 sec, img2 - 0.5 sec, img3 - 1 sec, img4 - 1.5 sec
selectors problem
both this structure comes in same page how to target this div <div id="box_go"> in css only difference is ul class.... i wanted to give two different border colors yellow and pink color this div <div id="box_go"> http://jsfiddle.net/LWutU/5/ zpass-current <ul class="zpass-current zpass-homepage logo-med-whttxt clearfix"> <li> <a href=""> <div class="entitlement"> <div id="box_go"> </div> </div> </a> <li> </ul> zpass-header <ul class="zpass-header zpass-homepage logo-med-whttxt clearfix"> <li> <a
Firefox Animate Problem
Hello All, New to jQuery. Anyone out there know why the below code would not be working properly in Firefox? I have a right sidebar with a partially transparent background and I want it to stretch to be the height of the browser. Also, he sidebar slides into the page after 1 second. Everything is working perfectly on Safari and Chrome, but Firefox does not stretch the item to the height of the window, rather it is only also tall as its contents, and it also does not complete any slide animation,
how to display text from any one select box from multiple select box using Jquery
Hello I am learing Jquery I want to display the Text from select box using the Jquery code. When will I click option from hotel1 then only selected text from hotel1 shall be printed and when I will select any option from hotel2 then only select option from hotel2 shall be printed. But ths is not happening with my code given below. It is printing from both the select box. And It also print when page is loaded. Where is my logic failed? Please guide. <!DOCTYPE html> <html> <head> <style> div
hover
I am trying to load this image on mouse hover dont know why its working pls help http://jsfiddle.net/LWutU/ http://www.clker.com/clipart-no-sign-x.html
parsererror in ajax jquery calling a webservice
I have written a webservice like below: [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json, XmlSerializeString = false, UseHttpGet = true)] public string GetNews(int tes) { return tes.ToString(); } and I want to use this function in client so I wrote this lines: $.ajax({ dataType: "jsonp", success: function (d) { $('.widget.yellow').html(d.d); }, error: function (xhr, textStatus, errorThrown) {
Joined dropdown: not working when dropdown changed again or another value selected from main dropdown for 2nd time
resolved html code <select name="subjectid" is="subjectid" > <option value="">Select Subject</option> <?php $query= sprintf("SELECT * FROM subject where status=1 order by srno"); echo $query; mysql_select_db($database_DBconnect, $DBconnect); $Result = mysql_query($query, $DBconnect) or die(mysql_error()); $rows = mysql_fetch_assoc($Result); $totalrows=mysql_num_rows($Result); $i=0; ?> <?php do { $i++; echo $i."<br>"; ?> <option value="<?php echo $rows['id'];?>"><?php echo $rows['name'];?></option>
Link colors within JQuery tabs
When I put html code into a JQuery tab either directly or via ajax, any links are black, rather than the default link colors (blue/purple). I've looked through the jquery css files, but I haven't been able to find where this is controlled. Any assistance on returning <A HREF...> links back to their default colors would be appreciated. Thanks, David
accessing field value after append.
I am hoping someone can help me with this problem. I am using append to add a row with several cells to a table. These cells contain form fields one of which has a value. $.get(url, function(data){ $('#fieldContainer').append(data); This appears to work fine. When I highlight the new row in the browser and view the source it shows all of the data that is supposed to be there including one field with a stored value. My problem is I tried to add a javascript validation to the function that
Adding a jQuery instance as a link item
Hi All, this is the first time ive ever used jQuery and im trying to manipulate a slider that ive downloaded into a template. I dont know if i can do this but my slider is set up with items for example: 1. <div class="oneByOne_item"> 2. <span class="ob1_title"> 3. Multiple layouts 4. </span> 5. <span class="ob1_description"> 6. Tyrum in modo invenit iuvenem quasi plena violatam videt. 7. </span> 8. <span class="ob1_button"> 9. <a href="#" class="default_button"> 10. Get it now</a> 11. </span> 12.
Inline stylesh generated code
Hi everyones, I need to fix this: it's inline auto-generated code from a slide jquery menù. I need to set to zero margin-bottom: 56px; (orange box dimension) Please folks i need this badly.. Thanks in advance
How to Run a Javascript function on Page Load first time and Maintain it through out Session
Hi, How to Run a Javascript function on Page Load first time and Maintain it through out Session. can anyone please suggest me? Thanks!!!
Element Resizing Images
Hiya, I apologize if this has already been asked but I am having a trouble with a Gallery that I am building. The idea is that there is a jCarousel under an Element known as largeImg, when a thumbnail is clicked in the carousel, largeImg changes to the original, larger photograph. My problem occurs when a thumbnail is clicked that is not of the same ratio as some of the others, this disproportions the image and makes it look stretched. I was wondering if there is a way to resize the largeImg to
Understanding Demo CSS?
I'm working with the Accordian widget with ASP.NET MVC 2. I know how to use CSS in ASP.NET Web Forms, unsure about JQuery css. The projects default stylesheet can be found here : <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> The JQuery UI demo stylesheet (including Accordian css) can be found here: <link rel="stylesheet" href="../../Content/themes/base/jquery-ui.css"/> Here is the Accordian header code: <script type="text/javascript" > $(function () { $("#accordion").accordion({
Next Page