map is not showing correctly
sorry my english is basic,can help me on this I can not find the solution,attached image and code code
selectmenu() undefined is not a function
Hi, I am trying to use : $('select').selectmenu(); but I got : I think select menu is a function from jquery ui.
Problems creating url with query string
Hi all, I'm tring to create a url with query string data using a form with multiple dropdown options. I'm using the first dropdown to select the url and the second dropdown to add the query string to the selected url. The change method updates variable values and the click event merges those variables to form the url. The problem is that I can't seem to tag anything onto the end of the url. I've read about using the $.param function but I have yet to find an example where the output is appended to
Can't enter reply on my post
I have a question at http://forum.jquery.com/topic/jquery-ui-mutiselect-widget I have entered multiple replies to the post. Then last night when trying to make the definitive reply, the reply refused to post. Instead some page opened saying "One More Step" Then "enter text above". but there was no text above. I tried closing Firefox. I tried rebooting. None of this has worked. Meanwhile I am left hanging. What is going on?
Dialog modal form
Hi, I am trying to use jquery modal : I copied the source code of the this link : http://jqueryui.com/dialog/#modal-form I don't understand why the button got overwritten from my style to Jquery Dialog style : The button "CREATE RENAME RULE TYPE" should look green like the other one, but it does not : Thanks, your help is appreciated.
[Ques] how to express a selector with a variable
Animation doesn't work. var large_s = '#b' + last_value doesn't work. I tried var large_s = 'b' + last_value, $('#' + large_s). But it also failed. <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ var now = ["tre", "men", "dous", 2]; var last_num = now.length - 1; var last_value = now[last_num]; var large_s = '#b' + last_value; $("#b1").text('#b1' + now[1]);
Injected radio controlgroup does not get styling
I'm trying to take a JSON response array and turn this in to a radio controlgroup. I have the following function: function ControlView(parent, control_name, data) { this.control = control_name; this.container = $( '<form><fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"></fieldset></form>') var option_char = 'a'; for (var key in data['options']) { var input = $( '<input type="radio" name="radio-choice-h-2" id="radio-choice-h-6' + option_char + '" value="'
Problem with DST timings.
Hi, I have problem with jquery weekly calendar,if I select availability in the calendar for 03/09 and 02/11 (as per DST standards 03/09 and 02/11 has 23 hours )dates not getting availability for 24 hours,getting availability for 23 hours.so how can I avoid this problem.please help me. Thanks in advance. Thanks & Regards, Nani.
New to jquery; Odd behavior using $.getJSON to access SharePoint 2013 list using REST
Got a SharePoint 2013 script editor webpart executing some javascript (and jquery) to pull data from SharePoint lists on the same site. I want data from multiple lists. Accessing the first list works exactly as hoped. When I subsequently try to pull data from a second list, it fails the first time. When I try it a second (or third, or fourth, or ...) time, it works. Will jquery retain some information from the calls to retrieve the first list, or something? Can't figure out why the code would not
datepicker keyboard input enables all disabled dates
Hello, I am using jquery datepicker for simple checkin, checkout dates case. I have two input boxes which are attached to a datepicker. I am also blocking the dates in datepicker using my backend calendar data. This entire setup works perfectly when user selects dates by clicking/selecting checkin and checkout dates using mouse. All validation like User cannot select blocked/disabled dates in calendar etc. function properly with mouse interactions. Below is the code which is in Place in my JS file:
Lightbox inside Accordion
I have an inline lightbox that I have placed inside a jquery accordion. For some reason, when I click to open the lightbox, the accordion closes automatically (I'm sure the lightbox is removing the "active" class from the accordion tab) Any suggestions on how to get the lightbox not to do this and just appear over the open accordion tab? Thanks! Here's the page: http://www.wiu.edu/student_services/housing/apply_for_housing/index.php
Result of offset().top returning wrong value in Safari
Using WordPress Twenty Fourteen theme, edited to add a banner image, the menu bar is supposed to scroll until reaching the top of the page, then stick. In Safari 7 (Mac) alone among my browsers, the menu bar jumps to the top of the page after scrolling a very little. If you have Safari 7, you can see the odd effect here: hucklesby.com Using the dev tools I traced it to this code (in functions.js): mastheadOffset = $('#masthead').offset().top - toolbarOffset;The value of toolbarOffset is zero. But
iscrollview + collapsible-set + Android
Hi folks, I'm having a weird behavior with iscrollview + collapsible-set on Android 4.1.1. That doesn't happen on my PC with Firefox, for example. If I try to expand a collapsible item, it expands but immediately closes itself automatically. The issue can be seen on the following link: http://easytef.com/mobile/collapsible.html If I take iscrollview off the problem disappears. I honestly don't know what I'm doing wrong. Any suggestions?
can't see themeroller custom theme (css) after download
I have created a custom theme with themeroller. I downloaded the package and then opened the index.html file. I do not see any of the custom css. I actually don't see any of the css at all :( Any suggestions would be greatly appreciated!
Mouse down trigger and draggable cause following exception Uncaught TypeError: Illegal invocation
Synopsis - Trying to create a ghost div image and attach draggable , mousedown event trigger on it .But fails :(. Details :- I have a div in the body tag which embeds a div image and an image within it. The html for it is <div class="dragElement" id="8793" style="width: 177.0499793539861px; height: 177.0499793539861px; position: absolute; background-color: rgb(100, 100, 100);"> <div class="image"> <img src="50.png" style="width: 177.0499793539861px; height: 177.0499793539861px"> </div> </div> When
addClass and removeClass not working for me - not rocket science but I'm stuck
Hi all. I am trying to do something that should be a no brainer, and I just can't get it right. I have 3 buttons on my app. When I click one, it shows the content for that button and the other div that was showing vanishes. That works fine. What DOESN'T work fine is the button doesn't get the class of active_button applied to it. (The inactive buttons are class=inactive_button). So clicking a button to see that content should RemoveClass(active_button) from the active button and addClass to
How clear selected option at once in jquery multi autocomplete text box.
Hi Experts, How clear selected option at once in jquery multi autocomplete text box. for example, in the attached image how to delete entire word when user presses backspace button. and is there event for that Thank you Kailas
How to show time format from 00:00 to 24:00 for day view/week view at Jquery FullCalendar
In Jquery Full Calendar getting some issues showing time format at day view and week view. I am unable to show time format 00:00 to 24:00 in day view and week view, all the time getting 00:00 to 23:00 whereas it is actually 00:00 to 24:00 . I used code below to show time format (00:00 - 24:00): ( defaultView: 'month', header: { left: 'title', center: '', right: 'prev,next,month,weekList,agendaDay' }, axisFormat: 'HH:mm', timeFormat: 'HH:mm{ - HH:mm}', minTime: 0, maxTime: 24,
My first script. what to put in the html?
I have just written my first jquery script using jsfiddle (see links below) http://jsfiddle.net/karlhonda/vsm1x8yp/1/embedded/result/ http://jsfiddle.net/karlhonda/vsm1x8yp/1/ This works fine in the jsfiddle environment but when I create my HTML, CSS and JS files from this and launch in a browser the script doesn't work. All the collapsed sections are open when they should be closed by default. I am assuming it has something to do with the naming convention and / or the way I am referencing the script.
Nesting a jquery slide cycle with controls
Now that I got my jquery slider up and running I am trying to nest it into my content div on the page I am building. But I put it into the content <div> it does go exactly where I want it to but the comtrols are way out of the <div to the top right of the screen... This site is a work in progress but I just want the Slider to be in the middle of the page under the nav bar and in between thne side bars... How is this done? Thanks for any help. I am just glad I got the slider working now I need to
From Modal window on close checked a checkbox in a page
Hi all, I'm new here... I've a problem with a modal window... From my page on a tag open a modal #DatiPersonali. In this when I click "<button type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Autorizzo il trattamento</button>" I need window close (and ok close it) but checkbox on my page must be checked ( <input type="checkbox" aria-required="true" required value="1" name="AutorizzoTrattamento" /> ) Thanks ALEN, Italy --------- HTML --------- <div id="mc_embed_signup"> <form
Flex Slider and Layering images
This is not so much an issue as a question of "is this possible"? Using ver 2.1 of flex slider. Would like to have the images slide BEHIND a foreground image - it is a picture frame where the area that would show the flexslider slide (like a picture of The Mona Lisa :-) is transparent. Would like the slides, to slide behind the foreground image, without sliding over the side of the picture frame. I assume some sort of z-order magic could be employed, but not familiar enough with the flexslider code
Usability feedback on Freeciv-web HTML5 game which uses jQuery UI
Hello everyone, Freeciv-web is a HTML5 version of the strategy game Freeciv which uses jQuery UI v1.11.2. I've been developing this game for quite some time now as an open source project on Github . When asking for feedback from users, most of the users say that the user-interface is very bad. Some say that the UI is clunky and unintuitive. However, experienced Freeciv players are able to withstand the UI. Since jQuery UI is a very important part of the UI in Freeciv-web, I wonder if users in this
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.
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({
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/
Next Page