How to do changes in Jquery date range picker?
I have created a Jquery date range picker. I am able to select the dates and is able to show it in a textbox. Now what I need is, I need to disable certain dates and assign different classes to those dates. Eg: I must be able to give class A to April 2, class B to April 4 etc. I have tried the results I got while I googled but nothing helped. What I am trying to do is: I will pass some dates and classes to be assigned to those dates. That class should be assigned to those dates and also, I must
jEditable combined with data tables: Too much whitespace on the editable field
I'm using jEditable in combination with Data Tables plugin to make some columns of the table editable, there is one problem though (not a big one). When I click on the column which is editable, and suppose it already contains an existing value (for example, a number), it becomes editable but I see that the whitespace between the existing number and the editable text is a lot. So everytime I have to press backspace to go back to the number to edit it. See the attached image for an example. Does anyone
Is it possible to check if an email input field has validated correctly using jquery?
I have an input form including an HTML5 <input type="email"> field. When the user arrives at the page, the 'submit' button is disabled. When they have entered the information correctly, I'd like to enable the 'submit' button. Is there any way to check the input field has correctly validated without re-checking using a regular expression?
Get accordion to load on document .ready
Hello, below is my code: $(document).ready(function(){ var $group = $('#group-of-seven'); $('#nutrition').click(function(e) { e.preventDefault(); $group.accordion(); }); and my HTML: <div id="accordintable"> <div class="exampleaccordian"> <div id="group-of-seven"> <h1>Breakfast | 1st meal</h1> <div> <p> 1/2 whole wheat bagel, 1 Tbsp. whipped cream cheese, 2oz. smoked salmon (lox), 2 slices tomato and 1/2 grapefruit. Toast half of the bagel and add toppings. <b>291 cal</b> | <b>23 gr protien</b> </p>
What's missing here?
This code doesn't work: $(document).ready(function(){ $('#toggleme').toggle( function() { $('#outputdiv').text('You clicked the image once.'); }, function(){ $('#outputdiv').text('You clicked the image twice.'); }, function(){ $('#outputdiv').text('You clicked the image three times.'); }); }); </script> </head> <body> <img src=”images/home.gif” id=”toggleme”> <div id=”outputdiv”>This text will change.</div> I don't know what
Ajax and GetJson call not workin in IE 8-10
Hello, I have written a Microsoft ASP.Net MVC 4 Web Api service. I have a html file that consumes this web service using ajax and GetJson. It works fine on browsers like Firefox, Chrome and even IE11. But it just refuses to work on IE8 - 10. I have tried with JQuery library version 1.5, 1.10 and 1.11. Is there something I am missing? Please guide me.
Check if collapsible("collapse") exists
Hi I am migrating a framework from jQuery Mobile 1.3.2 to 1.4.2. I want to be able to switch between 1.3 and 1.4 in the same framework, so I need to use feature detection. The problem is, I don't know how to check if the collapsible() method supports the collapse/expand values. Is it possible to check this, so I cann differ between 1.3 and 1.4? Here's a bit code what I've done until now to distinguish between 1.3 and 1.4: var coll = $("#" + id); if (typeof(coll.collapsible) === "function") coll.collapsible("expand");
Setting connectToSortable
Hi, I have two draggables functions which are almost the same except for the connectToSortable function. I tried to set connectToSortable depending on a data attribute, but without success. So is is not possible? Because it would save much of code. Thanks in advance Code example: $('.if-module-drag-to').draggable({ appendTo: 'body', helper:'clone', connectToSortable: '.dg-modules', start: function(event, ui) { $('.drag-box').hide('slow'); //hide Interface menu $('.dg-modules').css({'border':
Jquery Wordpress Issue
Hi all I am working on this site http://tinyurl.com/q3xhufy For some reason there is a dark overlay on the slides. I am not sure why this is happening after spending 5 hours debugging. Any ideas? many thanks! Andy
Numeric Validation
How to validate a TextBox with numeric numbers 1234567890, user cant write A-Z any word. When user type A-Z any word an error message should be appeared and TextBox should be onfocused I hope you got my point...
First image transition in slideshow resize into small square
Hi J-forum, I use JQuery.Cycle.all.js to create a slideshow on this webpage: www.barbroaberg.com, but at first load of the webpage the slideshow begins by resizing the second image to a very small square. Once you refresh the page everything works as supposed, but I would very much like to solve the issue. The relevant code looks like this: <head> <script type="text/javascript" src="../jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="../jquery.cycle.all.js"></script>
cycle pager thumbnail img border color
Hi Forum, I look for a way to add a colored border to the thumbnail images in the pager of a cycle2 slideshow. So far i can only change the border thickness like shown below, but how do I change the color? <div class="cycle-slideshow" data-cycle-pager-template="<a href=# ><img src='{{src}}' height=30 border=3></a>" data-cycle-timeout=0 data-cycle-caption="#adv-custom-caption" data-cycle-caption-template="{{cycleTitle}}" data-cycle-center-horz=true data-cycle-center-vert=true
Circular Progress knob using svg
Hi, I need help in implementing Progress bar which takes percentage as input and draws an arc starting from 90deg. I have done something it is not properly working. Here is the jsfiddle B L Praveen Web Developer
page shows duplicates when back button pressed
Hi , I have a multi page application using jquery mobile ,like page1,page2,page3,page4. Here page3 generates dynamical list which populates on basis of database and when list item is clicked ,it navigates to page4 using "$.mobile.changepage". Until this step everything goes fine,but when i press back button in page4,on page3 listitems are doubled in number and getting added to the existing list. I don't know what to do.Any help regarding this problem for(var i=0;i<result.length;i++){ var li = $('<li/>').html(result[i]+'
form validate by bvalidator
<link href'=>'css/bvalidator.css' type ='text/css'> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.bvalidator.js" type="text/javascript"></script> <form id='myfrm' name='myfrm' action=''> <input type='text' id='nm' name='nm' data-bvalidator='required'> <input type='text' id='mob' name='mob' data-bvalidator='required'> <input type='button' id='btn' name='btn' value='send' > </form> <script> $(document).ready(function(){ $('#myfrm').bValidator(); });
ERROR IN AJAX CHATTING ROUTINE
Error: json_decode() expects parameter 1 to be string, array given <HTML> <HEAD> <STYLE> #CHATBOX{ position : absolute; top : 900px; left : 2%; width : 100%; } </STYLE> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready (function(){ var LLAST = 0; function CHATTING(){ DATACOUNT = { "LLAST" : LLAST }; $.ajax({ type : "POST", url : "http://localhost/AJAXPHP/JQUERY/CHATTING/CHATTING.PHP", data
Jquery resizing table header columns
I am trying to resize jquery table header columns. I can do it with in a single table but I am unable to do that if header is with fixed table header. My trials are here: With Single Table Header: With Fixed Table Header: How can I make fixed table header work with a resizer pointer at end of th text?
Need event to hide tooltip in IOS like mouse out in HTML.
In html we used mouseout function to do something when we out of the element. I want the same type of event in ios to do something? Thanks in advance
How to call onchange on dropdown via jquery plugin
I've a jquery plugin created called 'testInfo'. here is the snippet: $('#loadtest-info').testInfo({ width: 400, title: 'Test Info', data:{ name: nameInfo, status: statusInfo, region: regions, start: starttimeInfo, end: endtimeInfo, selectRegion:function switchRegion(){alert('')} } }); I have a dropdown
Autocomplete: Passing a URL
I am having some trouble with the Autocomplete plugin. In the input box every time the onkeyup event is triggered a script launches. However when you click one of the search results the script doesn't launch. I've tried onchange as a trigger but this doesn't seem to work either. And I haven't been able to find out how to append a href to each of the search results since I guess this will solve my problem. Any ideas on how to fix this?
How to capture browser menu selection events
I have to expand all collapsed rows of a table when user tries to search for a string using Ctrl + F or using menu item Find. I am able to do this when user hits Ctrl + F, but not sure how to achieve the same when user selects menu item Find. Demo: http://jsfiddle.net/R3Jy7/3/. Basically, If I am searching for a string using Ctrl + F or using menu item Find and if any row is hidden/collapsed (and if this hidden row contains the required string), then browser will not be able to find the required
Countdown jQuery trigger New Countdown on End of first Countdown
I am using Keith Wood's Countdown @ http://keith-wood.name/countdown.html to make a countdown that triggers a new Countdown at the end of the first countdown using the Callback function as defined in the Documentation http://keith-wood.name/countdownRef.html but it is not working. Can some one please have a look. My code goes something like this, <script> (function($){ $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear(), 4 - 1, 9, 10 ); $('#defaultCountdown').countdown({until:
datepicker with disabled dates?
I want to show the datepicker but I want only certain dates to be active links and styled accordingly. Think of this as an event calendar and when the calendar pops up, the datepicker only has clickable links on the dates that have events. Once they click on that date, the events for that day will display, but that is the easy part. How do I get my datepicker to only show the active dates as links and the other dates as inactive links.
Strange icons after switching the directory?
Hey guys First, sorry for my bad english, it´s not my motherlanguage ;) I got a problem with the jQuery mobile icons At the moment I´m programming on a webpage about a work I got to do from school. I decided to do a mobile version for my website. So I created a new subfolder in the root direcotry. In there I started saving the files. Everything worked fine until I wanted to implement some php code in the file. Because this code is linked with a direcotry in another subfolder I got to copy the file
Unloading off-screen content for performance (ie. infinite scrolling)
Hi, At EvilTrout's answer at HackerNews, I came across https://github.com/eviltrout/ember-cloaking which will unload off-screen content while ie. infinite scrolling to boost performance. How'd I go about achieving the same thing with jQuery Mobile? Here is my test app using Rails, jQuery Mobile and jQuery Infinite Scroll Helper: https://github.com/frankie-loves-jesus/proper-infinite-scrolling Thanks!
how to reload a page without noticing the effect using jquery mobile
i want to create a clickable button to reload the page without noticing the reload effect in jquery mobile or is there any way to make refresh occur automatically.... I found this code online , here http://scottwb.com/blog/2012/06/29/reload-the-same-page-without-blinking-on-jquery-mobile/ <script> function refreshPage() { $.mobile.changePage( window.location.href, { allowSamePageTransition : true, transition : 'none', showLoadMsg : false,
Need help with the change function
Hey Guys. I have wrote a script that hides to 3 input fields when the drop down "Cash" has been selected. It drop down gets removed but the values are still being grabbed by the POST variables. I would like to completly remove them not only hide. I have looked into the remove function and when I have appended the remove function my fields didn't hide at all. Only hides with show and hide. Do you guys have any ideas on how to make this work.. ??? I would really appreciate it. Thanks! Below is my
Jquery Styles Growing Buttons etc..
Hi, I am using jquery for some tabs & buttons in an asp.net web app. When I have a button that calls a new window/tab to open, the buttons @ the top of the previous screen double in size. Thoughts? Thanks in advance.
Add text into tag
Hi All, I have a textarea or div and when I write something in it, my web be able to detect the characters then if the character is english puts that text into this tag <p dir = "ltr"></p> or if that is other language which is right to left puts that text into this tag <p dir = "rtl"></p> thank you
How to add jqplot pie chart labels with lines? Jqplot Pie Chart, need to show minor data with line ,outside the chart.
I have a pie chart and I can add labels for it normal way.But I want to add labels with line as following. I want to show labels with line outside the jqplot Pie Chart. As per below chart. This is possible in High chart but i am not able to do this in Jqplot Pie chart Thanks in advance. My Code is as following var misplot = jQuery.jqplot('wealthchart', [data], { seriesDefaults: { shadow: false, //equity,
WOW Slider windows internet explorer 11
Hello The wowslider is missing the description background and a bit strange behavior in windows explorer 11 In chroom and firefox works ok. I saw there are diferent JS declaration, maybe thats the reason? website: http://www.demodex.com/vpasp6.5/demodex-faq.asp?faqtype=faqdem Thank you for any sugestions Walter
Autosuggest system but with multiple input search (database field) values
I didn’t quite know how I could easily describe my question in the title, in a way you guys would immedialty understand my question, so ill try to be a bit more specific below. Recently i downloaded a jquery autosuggest system with which I can search for persons by typing in their first name, last name and/or town. For testing purpose i created 1 'fake' person. I gave my own touch to the autosuggest system but I can’t seem to fix the following problem because i am lacking the jquery skills: When
Tool tip not hiding in IOS brower but working in firefox,chrome ,IE and safari
hi.. I used jquery tooltip plugin to show tooltip in my application, on mouseover that tooltip will visibles, on mouseout that tooltip hides.This is working fine in firefox,chrome ,IE and safari browsers. But in IOS browser that tooltip opening properly but not closing on mouseout. But in IOS browser Tapping/Onmouseover on the one text causes a tool tip to appear, which does not close on tapping elsewhere. The tool tip does not close even after tapping on somewhere which causes another
Drappable area
Hi! I trying use jQuery UI Draggable, but an element didn't dragging obove him area. How can drag an element over other elements? Example http://i33.fastpic.ru/big/2014/0326/e6/137fdc06696f15dc36c17d506b4998e6.png
different function styles
Hello, the standard js function structure looks like this: function Test() { alert('Test'); } However, I'm seeing some functions in code with this style: Test = function() { alert('Test'); } What's the difference between these 2 different styles and in what scenarios would you implement the second style instead of the first style?
Sliding with animate
Hello, I'm doing a website and I want the name of the author of the post to slide when the users hovers on the post. Unfortunately, nothing happens, this is the code, could you please tell me where the error is? Thanks. var isHovering = true; $(document).ready(function(){ $(".posts").hover(function(){ if(isHovering == true) { $("p.author ").animate({ left: '200px', border: '0px' }) isHovering = false; } else { $("p.author").animate({ left: '0px', border: '2px'; }) isHovering = true; } }) });
line animation onLoad
Hi all, In fact, I see this animation here ,and I try to modify it where the line animation for .progress span moves vertically and the two div tags ,div.left slides to left and div.right slides to right after the line animation complete. here the code. where the output is nothing appear ,Although the height of the span Increased. and I get this error "Property '#<Object>' of object #<Object> is not a function ". Thanks
List active button color
Hi all, I have a list with links like below, <div data-role="content"> <ul data-role="listview" data-theme="d"> <li><a href="example1.html">First</a></li> <li><a href="example2.html">Second</a></li> <li><a href="example3.html">Third</a></li> </ul> </div> I tried changing the color when I click on it, so I did it on .ui-btn-active, but text color remains white whatsoever. Please help me to change text color. Note: I am using jQM 1.3.2. Thanks in
Place button in div
I start use jQuery yesterday and I find it very nice and useful and now I'm trying to work with to get experience. I have a problem to place a button in the bottom side of a div. All I want to do is to place the "Show types" at the bottom of div with id #left_panel. Maybe an image worth more than words. [moderator edited]
how to set layout in theme roller
I am new to theme roller. I had experience of bootstrap where I use span to adjust the layout.. what should I do to adjust layout in theme roller? for example.. I want to make left side bar width: 25% then right side bar width:75% same as in bootstrap I use to do. <div class="row-fluid span12"> <div class="span3" asdfsa </div> <div class="span9"> asdf </div> </div> thanks
Next Page