select label text
I have 2 label <label> label 1 </label> <label> label 2 </label> how I can select the label that have label 1 text?
Pure JS Quiz Programme
Ok So here's the quiz programme i created . it works all fine . check the fiddle below. Jsfiddle basically the structure is 1. An array declared with all the questions and answers. 2. A function to ask all the questions and update the score. 3. Loop to loop through the array . all very clean and simple to understand . now heres the problem , now i want ask the user what level of difficulty he wants the questions to be . so say for example i have two levels of difficulty easy and hard . so
how to get id value with respect to class attribute.
php. <table border="1" cellspacing="5" id="mytable"> <tr id="main_menu" class="main_menu"> <td id="4" class="main_category"> something </td> <td id="6" class="main_category"> something </td> <td id="7" class="main_category"> something </td> <td id="3" class="main_category"> something </td> </tr> </table> jquery. $(".main_category").mouseover(function(){ var menu_id = $(".main_category").attr("id");
select elements
hi, I create a list from data in db, then I would get the text in the list by click on mouse for(var i in data){ reparto = data[i]; $('#list ul').append('<li class="list-group-item">'+reparto[1]+'</li>'); } } }); $('#list li').click(function() { alert( $(this).text() ); }); But when I click on a element of the list don't catch it, if I write in html code an element in the list I can catch why? thanks a lot
JQuery File Tree - How to implement the search in the file tree
Hey everybody, I'm brand new to jQuery, but I've managed to implement the jQuery File Tree in my project. I'm now trying to create the search in the file tree... is there anyone know how to implement this functions? thank you for your response...
jQuery mobile - pagecontainerload event ui parameter empty
$('body').pagecontainer({ load : function(a,jq){ console.log($.isEmptyObject(jq)) } }); Returns true. That definitely shouldn't be the case, according to the documentation Any ideas what's going on? Stackoverflow link to those who feel like earning some points: http://stackoverflow.com/questions/25335776/jquery-mobile-pagecontainerloader-event-ui-parameter-empty
Set each parent .element to the size of its child img?
Hello, I have a couple of parent DIVs, each of them containing an img. All images have diverse max-width/max-height values and each parent DIV should take the exact same size as its child img. Afterwards, the child IMGs should be set to 100% max-width/max-height. So far, I have this, which doesn't work: $("article.item").css({ 'height':($(this).children("img").height()+'px'), 'width':($(this).children("img").width()+'px') }); $("article.item").children("img").css({ 'max-height':'100%',
Can't scroll down in my “fancybox” and also in my “sidr side left menu” on mobile (in some browsers)
I'm using two jQuery plugins: sidr ( for a side left menu) and fancybox ( to show some articles content). These two plugins are working fine in desktop versions, but I have a mobile version for my website and in this mobile version in some browsers I'm having a problem. I'm not able to scroll down my content inside fancybox, and I'm not also able to scroll down my menu items inside my sidr side left menu. Do you know why this can be happening? I already tried to use -webkit-overflow-scrolling: touch; but
Binding Autocomplete Widget to Multiple Inputs
4 3 1 A A- B+ B B- C+ C C- D F A A- B+ B B- C+ C C- D F $(function(){ $(".courseTitle").each(function(){ $(this).autocomplete({ source: function(request, response){ $.ajax({ url: 'courses.json', dataType: 'json', success: function(data){ var re = $.ui.autocomplete.escapeRegex(request.term); var matcher = new RegExp("^" + re,
How to select anchor tag text within table with multiple anchors
I have the following table. I need only the text within the anchor in comma delimited format. How can we do this with jquery? <table> <tbody> <tr> <td class = "CourseModels" > <A style = " BORDER-BOTTOM : #0077cc 1px solid ; BORDER-LEFT : #0077cc 1px solid ; PADDING-BOTTOM : 1px ; LINE-HEIGHT : 1.6em ; BACKGROUND-COLOR : #0077cc ; MARGIN : 3px ; PADDING-LEFT : 3px ; PADDING-RIGHT : 3px ; COLOR : #dedede ; FONT-SIZE : 1.2em ; BORDER-TOP : #0077cc 1px solid ; FONT-WEIGHT : bold ; BORDER-RIGHT : #0077cc
Need to make a few adjustments to navmenu for bootstrap theme
Hi, I am using a bootstrap theme for my portfolio website (www.inspired-evolution.com). I added a few sections (resume, social media). For some reason when you scroll to the resume section, in the menu, portfolio is active, and when you are at the top, about me is active instead of home. I am not sure where this is controlled, but I think it is JQuery. Any ideas on troubleshooting?
jQuery UI NuGet package
Hello everyone -- I see that the current jQuery UI version is 1.11.1. However, the current version of the NuGet package is only 1.10.4. I am wondering if the NuGet package is "official", and if there are plans to refresh it with 1.11.1. If not, for those of us living in the .NET world, is the recommended approach to not install jQuery UI via NuGet but instead install manually? Thanks in advance! James
loop through a table rows with start row index
Hi, Is it possible to loop through a table rows with start row index? Thanks, Jing
help with show/hide text on hover
I am not sure the best or most elegant way to do this. What I am trying now isn't working. Essentially, I have a horizontal row of icons and when a user hovers over the icons I want text to display in a div to the right of the icons with the text being unique per each icon. My solution isn't very elegant (and doesn't work), because for each icon I would need to write a separate function, and also a separate paragraph ID, so I am hoping for suggestions to a better solution. Here is what I have attempted:
Click on Image not working. going crazy
$("#imgname").click(function() { alert("test");}) is absolutely not working....it remains silent. tried on div and works perfect....please someone help. i'm going crazy here :D (tried jquery 2.0 and 1.11)
Jquery ui autocompleter not poped up with min characters in ipad
Hello, I have use jquery ui autocompleter. It is working fine with on PC. but when I check my web with IPAD 2 mini autocompleter not properly working. My autocompleter have minchar set as 3. so in PC autocompleter show result when I enter 3 characters. But in IPAD 2 (IOS 7)( safari) it didn't open with 3 characters. for example If i write hel in my iPAD it didnt show me anything.if i enter anything after "hel" then it shows all results starting with "hel". so how can i fix this so that i get
$post 404 NOT FOUND why?
Hello all I have this problem where just I can't find why is not working the following code makes me mad In the first .external I got 404 NOT found file1.php the second where is exactly the same working and finds file2.php // This not working $('.external').bind('click', function () { var value = $(this).attr('href'); $(this).attr('target', '_blank'); $('#number').val(value); $.post('file1.php', $('#numbers').serialize(), function (data) { $('.rea').html(data); }); });
Does jQuery have a paid support service?
Can I ask it questions that may not particularly be about jQuery. But just regular javascript/html questions?
ANN: jQuery-i18n An internationalization plugin for jQuery and jQuery plugins
jquery-i18n is a simple plugin I have created that helps you internationalize your web application. You can also use it to extend other jQuery plugins to support internationalization. I have already used it for applying internationalization to jQuery UI plugins. I think it has a lot of relevance to plugins like Datepicker. jQuery-i18n copies a lot of the GNU C Library's internationalization API but differs in significant ways I would very much appreciate comments on this plugin. I have to support
save as div to image
hey guys how are you >>> today i want ask you about some thing and please help me i have div and that div content it's from database so i want to convert that div to image when i want to save that div such image ... how can i do that .....
2 ajax query that exuces second after first.
how to create 2 ajax request that second one will wait until first finish execution. $.ajax({ ... }).done(function() { //here created new thread // "then" part start without waiting of "done" part uploadObj.startUpload(); }).then(function() { ... });
Jquery Form Builder Help
Hi I am trying to create a form builder that is drag gable and sortablethe features I need are to highlight the drop zone once the control is on the area that is drop able. To be able to set the required max length attributes and also to be able to portable I have it working in a crude way Except for the property inspector and was wanting advice or code samples. In the below example I am using just li's which I am sure is not the way to go, as <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
Change an element's background if another is visble
I have multiples of ".container" and They're all shown one at a time. I'm trying to get the backgroundof the parent DIV to change depending on the visible ".container" . but it doesn't work. Any ideas on how this can be achieved? HTML <div id="main"> <div class="prev">Previous</div> <div class="next">Next</div> <div class="container active">One</div> <div class="container">Two</div> <div class="container">Three</div> <div class="container">Four</div> </div> CSS .prev, .next { float: left; color:blue;
Slick Quiz Plugin - audio tags/playing audio
Hi all, I have been tinkering around with the Slick Quiz plugin (www.github.com/QuickenLoans/SlickQuiz). Apparently it can be modified to output sound files as well as text and images. The js outputs a question (and also answers) from the json file (js extension) in the following manner(this works): var question = questions[i]; var questionHTML = $('<li class="question" id="question' + (count - 1) + '"></li>'); questionHTML.append('<div
Parsing list of lists in jQuery
I have a list of lists (e.g. [[1,2],[3,4]]) passed from a Django view, stored in a hidden input of an html form, and submitted with jQuery. I need to parse that variable to pull indices. I have other lists passed between Django and html without a problem, but this list is posted by jQuery. HTML: <input type="hidden" name="resultMsgList" id="resultMsgList" value="[['View "S03_2005_TAZ_140813_160946_with_geom" was successfully created!', 'taz_mapfile_scen_tdm_140813_160946',
How can detect left and right click in chrome/FF/IE
Hello, How would I safely detect a left/right click in Chrome/FF/IE? Using jquery, that is ... Thanx
problem with jquery ui
Hallo I have implemented Jquery Ui. I used the widget selectmenu, like this <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Selectmenu - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
DATE PICKER J QUERY
I have downloaded the Jquery datepicker but is not working can someone clarify which files to include in the editor all the files that I have are listed below: jquery-ui css jquery ui js jquery ui theme jquery ui structure
Building menus and contextual event binding/unbinding
I'm not sure I titled this correctly; I'm trying to build a custom menu. I know there are plenty of contrib menus that work, but without heavy modification, they won't in my application. In the example I'm giving, I've really simplified things to avoid confusion and to hopefully make the answer simpler. Given the following html. I would like like to write a script that makes the second DIV visible when hovering over the first DIV... OK, So far, that is easy. If I simply use .hover(), I can easily
JQUERY MULTIPLE VERSION CONFLICT
I am using the following versions of Jquery and would like to know if I can deal with the version conflict that I have. All replies will be gratefully appreciated. <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
Hiding items vs. SEO
does anyone know how is hiding items in jquery to seo? I know that in html not be used to hide text or blocks because you can get a penalty for it but if anyone knows what it's like in the case of jquery? react to do it is the same?
jquery Mobile aand Asp.net Button click event not firing and redirecting to back url
I have follwing code on asp.net master page <div class="main" data-role="content"> <div class="choice_list menuwrapper" > <ul data-role="listview" data-inset="true"> <li><a href="CreateUser.aspx" data-transition="slidedown" > Create User </a></li> <li><a href="WebForm1.aspx" data-transition="slidedown"> Manage User </a></li> <li><a href="Default.aspx" data-transition="slidedown"> Upload File </a></li> </ul> </div> <asp:ContentPlaceHolder ID="MainContent" runat="server" /> </div> but when i try
Js doesn't work with jQ mobile correct?
Hello. When I have php page like index.php with structure: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="language" content="en"/> <title>Mobile Stats</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" /> <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script> ... </head>
Getting jQuery to work on a private network
Hi All, I am working on upgrading the GUI for a system that users access via their browser. I found that using jQuery was an excellent upgrade to the GUI and it works seamlessly for users on computers that can access the world wide web. However, some of the computers that use this browser-based interface are restricted to a private intranet, and do not have access to the web. On these computers, the jQuery scripts do not work because they can't access the jQuery library--the tag I'm using:
FileTree - I want to be able to download files shown in the File Tree
Hi JAKE, I have downloaded a File Tree plugin, the links for which are as under : http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/ http://labs.abeautifulsite.net/archived/jquery-fileTree/demo/ What I want is to be able to download the file by clicking on it as shown in the picture attached. According to the documentation is says : QUOTE When a file is selected, jQuery File Tree passes the filename back as a string. The easiest way to capture and handle this is by using an anonymous
jquery block ui for elements
I am trying to block certain part of the page.I am following the http://jquery.malsup.com/block/#element tutorial, but i am not able to map the element . My js: $('div.repoDisplay').blockUI({ message: '' ,overlayCSS: { backgroundColor: '#fff' }}); My html : <div class="container-sc" style="display: table;"> <div id='repoDisplay' > <div style="display: table-cell;width:150px"> \\\\\\\\\\\ </div> </div> <div style="display: table-cell;padding:10px;width:85%""> {{outlet}}
a lot of plugins with different version of jquery
i have a problem with some plugins in jquery. If them use a different version sometimes only few of them does work. can i use any universal version? or excluded depending on the version of the plugin?
my arrows to change images aren´t working on internet explorer (unslider plugin)
Im trying to use unslider jQuery plugin but Im having one issue. Unslider is already working fine, but my arrows to change images aren´t working on internet explorer. On google chrome is working perfectly. Do you see why this can be happening? I have my example here: http://jsfiddle.net/bdmU4/7/ This is my jQuery script to start this plugin: $(function (){ var unslider = $('.banner').unslider({ speed: 3000, delay: 10000, pause: true,
Hover() and position() Function to Multiple Different By ID DIVS but Same CLASS
Hi, i have another question. This code: var a = $('p a').hover(function() { $('#div1').toggle(); }); $('#div1').position({my: 'left top', at: 'left bottom', of: 'a', collision: 'fit flip'}).hide(); }); shows / hides and positions a specific DIV (by ID ) to the text link. If i have more than one DIV , how can i globalise the hover and position function to apply for ALL DIVS with the SAME CLASS, but DIfferent ID's? For ex. i have 2 DIVS: <div id="div1" class="ThisDIV"> and <div id="div2"
ui-state=dialog Problem
Hello. I'm using JQ Mobile and PHP. So I have a form with method = get. When i submit it my url is changed but i saw &ui-state=dialog And when i try to post other data in the form i can't - just the form is blocked. Thank you!
Next Page