Selector in tooltip widget
Hi, I'm with an issue for a long time and I don't manage to find any solution on the internet. So here is my question : I have a table in which each cell has a different class. But I would like to show a tooltip only on cells which have a specific class. So in 'selector' of the tooltip, I put the corresponding class but nothing happens ! Whereas when I put 'document', it shows a tooltip but for all cells... Here is my code : $('.creature').tooltip({ show: {effect: "slideDown", delay: 100},
The Magnific Popup Plugin Does Not Stick to the Child Items?
For Example: Thread ID: 35 <h1>Title</h1> <p>Caption</p> <div class='parent-container'> 1. <img src=""/> 2. <img src=""/> 3. <img src=""/> </div> Thread ID: 36 <h1>Title</h1> <p>Caption</p> <div class='parent-container'> 1. <img src=""/> 2. <img src=""/> </div> It shows "1 of 5", "2 of 5", etc. I have used the following for Magnific Popup: $('.parent-container').magnificPopup({ delegate: 'a', // child items selector, by clicking on it popup will open type: 'image', gallery:{enabled:true}
Initialize a string.
Hi to all. I have a problem with a js function where I use a string to import some values from a dropdown list (dataGiusti). It works fine at the first execution. If I need to execute it again the string contains the preview values. When I reload the page it works fine againg, but just the first time. This is my function: <script type="text/javascript"> var dG = ''; function salvaGiustificazione(arg1) { var x1 = document.getElementById('dataGiusti'); for (var i = 0; i < x1.length;
GoMap Plugin Json Problem
Hello everyone I'm using goMap plugin.I wanna retrieve data from my json file but when I'm trying I can't see map or anything. I read this topic but it doesn't work and i can't find my problem. I'm sending my jSon file and script Thanks in advance i really appreciate all the help My Json File { "MyMarkers": [ { "latitude" : "40.739228", "longitude" : "30.097307", "group" : "airport", "icon" : "images/marker-airport.png" }, { "latitude" : "40.763301", "longitude" : "29.927779", "group" : "restaurant",
Collapsible headers; In a table? And style it like a regular header?
First question is about the concept of 'groups' in a table, with some form of collapsibility with them? JSFiddle example - http://jsfiddle.net/xh7xeoth/1/ What I'd love to happen is the two "wanted collapsible" rows to become collapsible headers, and show and hide all the rows below them until the next collapsible, or the end of the table. I'd be happy with either option, a TD with full colspan, like a regular header, or a TD with all the rowspan it's covering on the left. Is that currently possible
Jquery UI sortable programmaticaly update DOM positions
I am using jquery ui sortable widgets. I am storing the ids of DOM by this - sortedIDs = $( "#sortable" ).sortable( "toArray" ); I am saving this sortedIDs in mysql database. Now I want to use it when this page loads again. So I want the DOM positions sorted like the last time I did which order is - sortedIDs. Can I use or push that sortedIDs somehow? Thanks.
Embarrassingly basic question: 1.11.2 vs 10.4.2 Development Bundle? UI
Disclaimer: I am a complete newbie to coding so apologies in advance if I'm missing something obvious. Background: I am using Netbeans to start learning to develop websites. I want to use JQuery in my project. The Netbeans documentation on JQuery instructs to download the development bundle to add it to the project library. OK, so far, so good. Here's where I'm confused: if I download JQuery 1.11.2 using the Download Builder at http://jqueryui.com/download/, the extracted files do not appear to include,
Problems getting to json internal data
I've been using jquery for awhile, but am still learning quite a bit of new stuff about it all the time. I am currently working on part of a project that sends an ajax "POST" request to a Python/Django view where its processed successfully and then returns the results of a json.dumps() method in an HttpResponse like this: response_data = json.dumps(str(qrydct),sort_keys=True) return HttpResponse(response_data, content_type = 'application/json') back to a jquery "SUCCESS" handler function. So far
Basic Image Swap on Mouseover
Hello all! I'm pretty new to front UI developement and have been using JQuery for about 6 months. Love it so far! I am trying to get a image to swap out on mouseover and then go back on mouseout. I found a basic example StackTrace but I cannot seem to get it to work. When I mouseover, the image's scr changes to: assets/images/photo1undefined... I'm hoping another set of eyes can spot the issue and provide guidance. Thanks!! <img src="assets/images/photo-1.jpg" id="imgBrand1" /> <script
Expand an image sametime as another event
P { margin-bottom: 0.08in; } Hello All, I have just started with jquery and have successfully implemented the readmore plugin by Jed Foster. I use this this plugin to compress long articles which expand on click. What I want to do now is show a thumbnail with the compressed article that enlarges when readmore fires and the article expands. Can someone point me in the right direction to achieve this? Many thanks.
Security issue about jQuery
We use jQuery library v1.11.1 and v2.1.1 in our applications. But the fortify security code scan reported an issue about jQuery library. The issue is "Standard pseudo-random number generators cannot withstand cryptographic attacks." Will you fix this issue in the next generation? Thank you!
The jQuery Plugin Registry is in read-only mode.
Hi, Since last weekend I've seen the following message on the jQuery Plugin Registry page, The jQuery Plugin Registry is in read-only mode. New plugin releases will not be processed. I want to publish my plugin via a Service Hook on GitHub, but I haven't been able to because of this message. Anyone know when the registry will become available again? Regards,
submitHandler:
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. the script below submitHandler:function(form) { // var data = $("#tracking-form").serialize(); var location =$("#location option:selected").text(); var hwbno =$("#hawbno").val(); $(form).ajaxSubmit({
New Post button
In defense of everyone who has posted it recently, I have trouble finding the new post button myself sometimes. In my mind, where it is currently located is in a navigation bar that is not specific to the current page. When I'm on a page and wanting to do something within that page my eyes naturally look at everything below the line with "JQUERY FORUM" and the search field. To me, since it is pretty static, everything above that line is site wide functionality, not page specific. With all that being
jQuery Accordion, when expanded shows visual artifact in Google Chrome extension's popup window, only on a Mac
I've asked this question on the stackoverflow site but I couldn't get an answer. Please read my detailed account of the issue here . That link also has a screengrab of the issue that I made to illustrate what happens. The question I have for the people on this forum -- does this look like an issue with the jQuery/Accordion or is it a Chrome bug?
Pasting from excel to multiple input fields
Using the following script when pasting rows of data from excel to multiple input fields on a form. It almost works except that it only copies the last value to all the fields. How can I rework the code to copy each column to the appropriate input. $('input').bind('paste', null, function(e){ $this = $(this); setTimeout(function(){ var columns = $this.val().split(/\s+/); var i; for(i=0; i < columns.length; i++){ $('input').val(columns[i]);
jquery validate plugin in combination with other plugin
One plugin I use for input in select boxes is this ...and more specifically I currently use the multiple select feature. The validate plugin works only with form. My aim is to test if the user has entered a value in the select box and if not present a message to him....something the validate plugin can do of course...but only for forms. So...I want to ask what are my alternatives in a case like the above. Currently I just present an alert box to the user by using this type of code: if ($.trim((this.$('#name').val()))==='')
two draggable on single page not working
see below link http://liveweave.com/qddUaX problem with two draggable on single page , last one works, i want to drag images from two areas on both side to one common canvas,
Filter options from a select element.
I want to filter by the name, if the string is anywhere in the option from the select statement I want it to show up in the select element. But I want it to reset to showing all of the options when they hit search and the textbox is empty. Can I have some suggestions on the best way to do this? Here is a jsfiddle http://jsfiddle.net/#&togetherjs=Ats3gVvGNr Edit:: Above jsfiddle no longer works, but this is the solution to the problem for anyone who finds this by searching the net. http://jsfiddle.net/jakecigar/gj655k0m/
How to check if a popup is open?
Is there a way to determine programatically thru methods if a popup is already open on the screen?
Hi Is there a jquery library which supports animation for browserts like this library does for iOS? I mean the smoothness and the different transitions?
I am looking for animation like given on 2nd number from bottom row. Can anyone point me in right direction?
keep options value in each select after click
For now I have script fiddle after click on my li element options change. But after click on my li from second ul, option from first select droped. I need to keep option value in each select.
PHP header location | jqm 1.3.2 multipage
hi, I got the same problem, as desccribed here: https://github.com/jquery/jquery-mobile/issues/6842 the solution of the problem seems to work with jqm 1.4. Is there a chance to realize the php-redirect with jqm1.3.2? best, heinetz
Jquery ui multiple dialogs positioning after deletion?
I am using jquery ui Dialog box to create multiple notes in my Web Application. So there is a add-note button which clicks to open a note (dialog box at center). User can open multiple notes (dialogs) together and fill content save, delete, etc on each. Problem arises when multiple notes are opened and I start deleting some randomly. So on deletion the **positioning** of the opened dialog gets affected. The opened dialogs after deletion of any start moving upwards on the screen. If I add notes in
Phonegap + JQuery Mobile application randomly gets stuck on the current page
Hello, We are developing a Phonegap application with JQuery mobile that randomly gets stuck on the current page. After starting the application, a few minutes it works fine, but after some time it just doesn't navigate to another page (either through direct link, window.history or $("body").pagecontainer). On the current page everything continues to work fine (inputs, buttons, even ajax requests), and it happens on every page, apparently not related to any concrete user interaction. Thank you in
What is the equivalent method for not() for arrays?
The not() method is only for DOM elements. But I need the exact same functionality for simple arrays. What can I take?
Dreamweaver cc jquery mobile with theme
Hi everyone I m trying to create my first mobile site using Dreamweaver cc jquery mobile with theme. First I up date the jquery mobile and jquery files. But after I have done this the icons are no longer available. I have tried several things including: pulling the icons out of the jquery mobile folder titled 'icons-png' and place them in an image folder. But no luck. Dreamweaver installs these files on the starter page <link href="jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
chrome debugger question
Hello, I'm trying to use the chrome debugger. Specifically, I'm trying to search for a text string in all sources that have been loaded in the debugger: 1. ctl-shift-f puts focus on the search window in the debugger. However, this does not appear to search all files. In particular, this approach does not appear to search min.js files. Is there a way to configure the chrome debugger to search min.js files? 2. Also I tried a search of "*.js" as an attempt to view all js files for the website. This
what is meaning jquery
what is meaning use strict jquery
How to Loop Into jQuery UI Restricted DatePicker
I am trying to restrict the jQury UI DatePicket to Current year only and so far it is working fine at This Demo I used the following code to do the job $("#datepicker").datepicker({ minDate: new Date(2013, 12, 1), dateFormat: 'dd/mm/yy', maxDate: new Date(2014, 11, 31) }); As you can see the Previous and Next buttons disable at January (Previous Click) and December (Next click) but just wondering if there is a way to create a circular action(re start) at the end or beginning like ..<-October
only loading jquery and chrome - Uncaught TypeError: undefined is not a function
Hello, i have a strange problem with jquery and chrome, current windows version. i have this bit of code <!DOCTYPE html> <html> <head> <title>test</title> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> </body> </html> and in the error log in chrome i got Uncaught TypeError: undefined is not a function Why ? What is wrong ? test
Buttons not displaying in latest stable version of jquery UI
Hello, New user and first time poster. I am missing my close window X in a dialog box, my incrementing buttons on a spinner, and the calender arrows in datepicker. I can still hover over the area where they should be and they respond and lighten in color, but the actual icon is not present. Here is some simple code. Please note that i have tried changing the .css file to the others included in the .zip file. <!DOCTYPE html> <html> <head> <title>jQuery UI Datepicker</title> <meta charset="utf-8"
A good looking jQuery Mobile Action Sheet implementation?
Is there some easy way to get a good looking Action Sheet implementation? I have looked at the one at serkey.com (http://www.serkey.com/jquery-action-sheet-bb279z.html), but it does not look as good as the implementations in other frameworks (jQt/Zepto). Is there a good option in jQuery Mobile?
where here in source code is the js script import of Google Map lib at HEAD tag?
http://demos.jquerymobile.com/1.4.4/map-geolocation/ where here in source code is the js script import of Google Map lib at HEAD tag?
Radio click event, add value
Hi, The following code works, but I need to add an additional value to the total amount. This value is the tax and is retrieved from the database. Any help greatly appreciated. Thanks! $("input[type=radio]").click(function() { var total = 0; $("input[type=radio]:checked").each(function() { total +=parseFloat($(this).val()); }); $('#total, #total2, #total3').text(total.toFixed(2)).currency({
How to position dialog where the hyperlink is clicked???
The position property makes the dialog to appear in some fixed position. I want the dialog to be opened in the same position where the hyperlink View Profile is clicked. Please help me with this code, Thank You in advance <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">Mrs. Shilpa S</span></td> <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">Assistant Professor</span></td> <td style="background-color: rgb(194, 214, 155);"><span style="color:#000000">B.Sc,M.Sc,
Easing options not working
I have created a horizontal image slider - it shows 3 images and then after a set period of time the images slide to the left. The first image (that just moved off "screen"is then moved to the bottom of the list of images. So the images continue to loop indefinitely which is what i am wanting. What is not working for me is the speed at which the animation occurs - it is too fast and I would like the movement of the images to the left to be slower and smoother. I have tried easing options but they
Looking to move into jQuery having spent last 4 years working with Sencha products
Hi, I keep coming across jQuery and now want to learn what all the fuss is about Most of my dev time has been spent in the Sencha suite of products, and I wondered how one would go about designing and coding a complex nested layout using jQuery. I think I am right in saying there are no jQuery provided UI design tools, but there are some out there which claim to be compatible? I'm so used to using ExtJS config driven components, it just seems a bit alien to me going back but I am keen to find out
$(".myClass").length = 6 but $(".MyClass").each() runs only once - Why?
I have six <a> tags, each with class "myClass" console.log( $(".MyClass").length ); writes 6 to the log file like I expected, but $(".MyClass").each( function() { console.log("test"); }); Only writes one "test" to the console log - why not six times? One for each .MyClass being found... Can someone advise ? Much appreciated!
toggle show and hide div on check box click
I have a group of CheckBox's each one toggle display or hide a special div and if i click on check box is checked then i need to uncheck this check box and undisplay the div. How i can do that i am still new ti jQuery this is my function : $(document).ready(function(){ $("input:checkbox").click(function() { var checkboxgroup = "input:checkbox(name='" + $(this).attr("name") + "')"; $(checkboxgroup).attr("checked", false); $(this).attr("checked", true);
Next Page