Keith Wood date picker, consecutive dates validation
Hi, I've started using this amazing datepicker by Keith Wood for my web project and was wondering if anyone could help me out. I am trying to make it so when the user selects a day in any week, they can only choose 3 days more consecutively. What I have tried was using the multiselect however this allowed me to select any 4 days. I have also tried using the custom range method, which got me closer, when I tried to add an onselect function to the custom range method where the end-date selection have
Event handler inside of event handler
This is php string with is echoed out: $('.$name input').on( 'blur', function(e){ $('span.$name div ul').on('click', 'li', function(ev){ var value = $(this).attr('value'); var html = $(this).html(); console.log(value); $('span.$name select').val( value ); $('span.$name input').val( html ); $('span.$name div').hide(); }); }); So I have a handler when its input loses focus
jQuery 2.1.0 | Delete variable-length substrings in delimited string
I need to delete all substrings ending with a $ symbol within a semi-colon delimited string. Sample string may look like this (spaces between semi-colon delimiters only for code clarity). Substrings are of variable lengths: dgtrs534u$hi874hbf45 ; kk4746hghf ; 86dgdhdt65jdbsgdb254sf $277dhcbh74 ; re6hdgf554 Final string should look like this: hi874hbf45 ; kk4746hghf ; 277dhcbh74 ; re6hdgf554 (these values are always same length each) I'll use code below. It's the "replace" method I can't figure out.
Image slideshow
What I'm trying to make is a slideshow of 3 images that repeats itself over and over again. Let me start from HTML code: <img src="panoramas\panorama1.jpg" class="slides active-img" /> <img src="panoramas\panorama2.jpg" class="slides inactive-img"/> <img src="panoramas\panorama3.jpg" class="slides inactive-img" /> CSS: .active-img{ height: 500px; width: 100%; } .inactive-img{ display:none; } Finally, jQuery: var currentImage =$('.active-img'); var nextImage = currentImage.next();
manage the events of mouse and selection on iframe
I have a big problem and I don't know if it can be resolved or not. I want to manage the behavior of a user in the iframe (when he move mouse or click or select a text from this iframe) but the problem that I must do some treatment in my the session of the user so I must manage the mouse events via servlets but it seems impossible . Know i'm trying to use JQuery but I'm not sure if i can get the session from the servlet and also transmit it to the servlet. please have you any idea about this problem
Need a simple function to store/get a variable/element value to/from a cookie
Hi, I have a jquiry/javascript the first line of which is : document.writeln('<div class="dc-rnav"><a href="javascript:history.go(-1)" title="Go Back">Go Back</a> | <a href="login.pl" title="This will log you out">Log out</a> | <a href="" title="" >$user</a></div>'); You would have spoted $user which does not fit there, therefore what I would like to do is to add a function to this scrip which which will get the user name from the cookie as long as the session last. I believe it will be
Page visible to specific member category
Hi folks, My site has three member categories here http://richinvestor.ning.com/members SUCCESS, VIP and WEALTH. I want to make this page http://richinvestor.ning.com/forum visible to WEALTH members only. Can anyone help me with the Jquery code? Thanks
zooming problem in safari ipad
Hello Jquery mobile experts, I am facing a problem with zooming in Ipad web application. The problem is when we zoom in a page after some extent the safari is getting closed. What to could be wrong? Is there any solution for this? plz help? Thank you
.trigger.click button(div) in parent window without ad-block issues, HOW?
I want a button in my Iframe to click a button in its parent window. I got this to work with a few lines of code, but the adblocker blocked that code in some browsers, now I am looking for an alternative. I was thinking about something like this: the button in the iframe: Symbol.bindElementAction(compId,symbolName,"${_Rectangle }","click",function(sym,e){ window.parent.functionid (); }); the script in the parent page: <script> $(document).ready(function functionid (){ $('#u181' ).trigger('click');
how can i get the value/text of an input field embedded in a column(td) ?
hi, i have tried searching around about this topic but i couldnt find solutions so far. here is my problem, initially i have a table with only tds, when one clicks the edit button, all contents are turned into input fields but with the table contents reserved, now i am trying to get the content of the input fields when one clicks the save button. below is the initial table code: <table border="1" cellpadding="1" cellspacing="2" id="mytable"> <tr> <th>Title</th> <th>Genre</th>
$("#menu-categories").animate({height: "toggle", width: "toggle"} - Problem
Heyho! i got a problem with a selfcoded Wordpress theme in which i use JQuery for all that nice stuff. And i got a problem, where i do not know where it is nor how toe fix it. Maybe you can help me? :) First of all, the problem is here on that homepage: http://nick.jaussi.eu/portfolio/ If you move the mouse too fast over the menu (sometimes several times in a row) the menu does not slide open anymore. Or it opens half or just some pixeles. Only a refresh of the page resolve the problem temporarily.
have a problem with fullscreen in video tag
my problem is when the video is paused and i want to press play . the play on the screen is work, but the play in the bar of the player doesn't meaning is not respond . how can i fix it ? (My main goal is to go to fullscreen when user press on the play on the player so if someone have another suggestion insted of my script happy to hear) $("#my_video").on("click", function(){ if (this.paused) { this.play(); // go full-screen if (this.requestFullscreen) {
custom slider - previous next buttons not working
I am learning jQuery and this is my first project.. so sorry for any silly mistake you may found. I have two problems [1] Previous and next buttons not working. I have been trying since last 2 days! [2] Slider is not looping properly This is live url This is HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Slider</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="slider"> <div id="slides"> <img src="images/image1.jpg" height="400" width="600" alt="" id="1"> <img
How to use jQuery to modify phone extension
Our phone extension has been changed from 3 digits to 4 digits. All 3 digits extension need to add number 5 For instance Ext. 234 should be Ext. 5234 I am not sure how to use the following RegEx in jQuery to replace extension (( |x|ext|ext.|extension|Ext|Ext.|Extension|#){1}[ ]?([0-9]){4}){0,1}$
detect mouse click
Hello, I want to detect mouse clicks on all .selectall:not(. desactivated ) elements. I have tried the 2 different solutions here : [code]$(document).on('click', ".selectall:not(.desactivated)", function(){ [/code] [code]$('.selectall:not(.desactivated)').unbind('click').click(function(){ [/code] The first solution works on some elements only : it does not apply to some elements in the page. The second solution works on all .selectall elements, even if they have the . desactivated class. Could someone
Looking for Delphi's TDataSet equivalent
Hello. I am evaluating the chances for replacing our Delphi based application by a JS based version. Data aware components and a TDataSet equivalent are essential for this. To my surprise I was not able to find much in this respect: http://misoproject.com/dataset/ Here my questions: Q1: Can anybody give me a hint where to search? Q2: Is the lack of the components possibly the result of the insight that the concept does not work with JS? Regards, Richard
Why is autocomplete slower in 1.4 than 1.3??
Hi All, I'm making a simple web app and i want to use the autocomplete feature of list view. I noticed that for some reason the JQM 1.3 demo is much faster than the JQM 1.4 demo for local data. What i mean by this is when you type in the 'search box' in 1.3 there is no noticible lag in filtering down the search results, but in 1.4 there is quite a big lag in populating the exact same list (of cars, in this case). Check it out http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/autocomplete/index.html
How to use this animated header?
Hello guys, I'm very new to Jquery, still learning Java/Jquery and also learning how to use it's plugin within WebDesign. So, sorry if this is the wrong section or something like this. I've trying to make a animated header using a "OnePage Scroll" plugin, but it just doesn't work. This is the plugin i'm using: http://www.thepetedesign.com/demos/zepto_onepage_scroll_demo.html And this is the effect i'm looking for: http://www.apple.com/iphone-5s/ Can anyone help me with it?
Using jQuery Accordion and Tooltips
Hello All, http://www.nalcbranch25.com I am reworking the home page of this site, placing the calendars into an accordion to save space. As you mouseover any of the shaded dates, a tooltip pops up with info. After putting the calendar code into the accordion, I got the calendars to display and work to my satisfaction. The only problem is that I can't format the tooltip data properly. I had been using <br /> tags to format line space, but now the <br /> tags show up as simple characters in the tooltip
What are these textnode?
I am using jQuery to get all strings on my web page, I use the following code but gets a lot of objects, it does not make sense because there are only 20 strings on my page, after looking into details, I found strange elements are also treated as textnode, please see screenshot attached, do you know how i can get rid of them? jQuery(":not(:empty):visible()").contents().filter(function(){return this.nodeType===3})
jquery.min.map cause 404 in jquery#1.10.2
I'm using jquery#1.10.2 from bower, because jQuery mobile requests this version. In the jquery.min.map, there is a "sources":["jquery-1.10.2.js"], which is not exist in the dir, and it'll cause a 404 error in console of Chrome's developer tools. Will you please change it to "sources":["jquery.js"] to prevent this error? Thanks!
The example code for jQuery UI not working.
Hi, As i have just started using the jQuery and moved on to jQuery UI but when I have used the example code the code is not working . pls help me.. Thanks in advance --Dipesh
How to have a function fire when collision & returns occur
I've been messing around with jQuery Collision for some time now but still cannot figure out how to make use of it in a simple way, despite having examples to try to help. http://sourceforge.net/p/jquerycollision/wiki/Home/#usage says this: Basic usage returns the obstacles that are hit by the colliders: var colliders_selector = ".collider"; var obstacles_selector = ".obstacle"; var hits = $(colliders_selector).collision(obstacles_selector) How can I craft a statement that has a function fire when
Specifying yearRange on datepicker causes it to stop showing month/year dropdown lists
By default datepicker shows lists for month and year (see Capture1.png) I need to limit the year range, so I specify: $( "#PurchaseDate" ).datepicker({ yearRange: "-0:+20" }); But when I do, the datepicker no longer shows the drop-down lists, but instead only has left/right scroll buttons (see Capture2.png) ??? DadCat
Beginner.
I am new comer :) . " www.jqueryui.com " how to utilize this site?? Suppose i go to a Effects. and click "view image source" and get the source. But where i will get the .css file, .js file? to activate this particular effect?? Thanks in advance :)
Blue highlight over Popup
Hi, As shown in the screenshots attached, a blue highlight appears over popups when the page is viewed in Android 4.2.1 (tested with Dolphin and Next browser). The screenshots are from the JQM 1.4.3 Demo page. Is there any way to remove/disable this blue cast/highlight? Thanks
unary (+) or number() for text-to-number conversion?
Hello, I was reading a standards doc at an IT shop that recommended using the unary for number conversion like this: var myInt = +'1'; If the unary operation fails then it returns NaN so does the unary operation have any advantage over the Number() function? The Number() function seems more readable.
SyntaxError (code: 12; nsresult: 0x3053000c) possibly with $('#id option.select').text()
I've got a change handler in which the line 6 (t = $('#Club...)) seems to be causing a problem for which I would dearly appreciate assistance and/or advice. I believe this line to be the cause because the problem disappears when I remove it. With it in place, I get the first two alerts and then the error notice. clubSelectChangeHandler = function () { var v, t alert( '001 - Entering clubSelectChangeHandler') v = $('#ClubSelectRestrictor').val()
how to disable jQuery.Mobile.MVC?
I building a mobile version for my site and i have created mobile views for my website and i am still in process of creating them. i want to test how it would look on live device. so i would like to disable the .Mobile files and i tired running some scripts to disable but no luck. jQuery Mobile in ASP.NET MVC 4, i am using these package here https://www.nuget.org/packages/jQuery.Mobile.MVC.
Curious Behavior
A junior member of my team was just implementing something that requires a string in the configuration (doesn't allow a callback at execution time), and he discovered a curious behavior with the way the document ready event can be used that I could not explain. The issue revolves around function execution scheduling, such as when the document ready event gets fired based on the placement of the $(function() { ... }) call. In the two jsfiddles below, the $(document).on('ready', ....) call is made
Table Sorter ( Filter Date column)
Hi All, i want to give filter in date column and have 2 dates in same column like (04/08/2014 To 31/08/2014 ). how can i give a filter from date - to date for filter. Thanks, Dhaval.
Fire event for new rows added to a table
I am new to jQuery, but can find my way around if someone can please help me. I have a table where user can add rows on button click. That button calls controller method, so I cannot implement onclick there. Each row would have input fields qty and price. Formula field total price (qty * price). I have a function which calculates the total price when user changes the fields. I would like to call that function when any new row is added to a table. Any idea?
Why is jquery dropdown menu opening when off-line but not opening up on-line on real server?
Why is jquery dropdown menu opening when off-line but not opening up on-line on real server? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQuery.ptTimeSelect Sample</title> <!-- Copyright (c) 2007-2012 Paul T. (purtuga.com) $Date: 2012/08/05 19:40:25 $ $Author: paulinho4u $ $Revision: 1.1 $ --> <!-- Prerequisites: jQuery and jQuery UI Stylesheet --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
jQuery Cycle images in anchors not displaying using slideExpr
Hello - I have tried for hours to find an answer to this. I have a slideshow working perfectly, if I don't wrap my slides (images) in anchor tags. Problem is, I need them in anchor tags. I also have some functionality to use my images' alt as the navigation and to put each instance of navigation in it's own div for control over placement (this will be implemented into a CMS at some point) Any thoughts on how to get the images WITH anchors to display would be greatly appreciated. The HTML - The
Add to shortlist
Hi, Im trying to setup a add to shortlist script and using the following code: <script> function submitForm() { $.ajax({type:'POST', url: 'addtoshortlist.php', data:$('#ContactForm').serialize(), success: function(response) { $('#ContactForm').find('.form_result_2','.data-postid').html(response); $("#form_result2").load("addtoshortlist2.php"); }}); return false; } </script> //HTML <form id="ContactForm" onsubmit="return submitForm();"> <input type="hidden" name="id" value="12344"
How to add multiple datepickers on same page?
I want to add 2 datepickers on the same page , kindly help me regarding this . I have been trying for a long time now and with no success. Thank you
filter data - filter json - display filtered data
Hello guys, Which plugins/methods/ways of doing this would you recommend? Some examples? 1) I want to have some information, a json obj. And I want to display it, and have the possibility of applying some filters to it, and display it. Different filters can be (what I have in mind now, without thinking a lot): a value, of a key:value pair in the json. Or some word into a description, i.e. in the json : "description": " Some text describing the red element". And then filter with red word. 2) what's
Need jquery/javascript web page persistant stickynotes
Hello Everyone, I want to make one web page with persistant sticky notes. That sticky notes should have following features. 1). It allows max 5 stickies 2). each sticky should draggable anywhere on the page. 3). each sticky should persistant on webpage until and unless user logoff. 4). i am getting notifications in marquee format. whenever user clicks on notification it would added to sticky with non editable format. 5). when user refresh the page these stickys will staly alive. If anyboday
What does "e" refers to ?
Hi Here is the code : <div style="background: red; height: 40px; "></div> <div style="background: green; height: 70px;"></div> <div style="background: blue; height: 50px; "></div> <script> $.fn.equalizeHeights = function() { var maxHeight = this.map(function( i, e ) { return $( e ).height(); }).get(); return this.height( Math.max.apply( this, maxHeight ) ); }; $( "input" ).click(function() { $( "div" ).equalizeHeights(); }); </script> Waiting for your response!!! Thanks Varun
jQuery Resizing Issue
I'm using jQuery to make some adjustments to the position of a menu on a site. I've been at this thing all day when it should be a pretty simple fix. Originally I had a simple jQuery onScroll() script locking the menu to the top of the browser window when people scrolled past 140px. It worked great. Well in attempting to add some functions to it so the design is more responsive has caused a bunch of problems. I know how to use @media for responsive design but the original jQuery script for scroll
Next Page