Using Jquery calendars to show database results.
Is it possible to use jquery calendars to show a date range in an Access database record. I want to to show when a resourse is booked out graphically. i.e. Name, start, finish Currently as ASP page shows it in Text format but I would like to show it on a calendar as booked .between start and finish.perhaps by changing the colour of the day on the calendar Thanks for you help, even if its "no sorry" you cant do that. Possible?
Getting the id of a page when leaving it.
How can I get the page id of when it is transitioned away from. For example if I transition from page 1 to page 2 on leaving page 1 I grab the page id attribute of page 1? I have tried pagehide and pagebeforehide but I seem to get the id of the second page in this case page 2. Thanks in advance.
jQuery UI showing tabs as list
I am using the jQuery-UI tabs feature and for some reason the tabs are rendered as an unordered list instead of tabs. The markup seems correct, the tabs are functional and I am reading in all appropriate CSS. I have no idea what is going wrong.
Jquery Mobile Site acts Funny
Hi, I want to ask why this site acts funny! The buttons of listviews is jumping up and down...! any reason? http://www.jassimrahma.com/temp/mobile-site-problem.swf This website is at www.mesk.online Thanks, Jassim
Newbie to ajax Need help
I am learning by creating a sample application. As part of it I have used a sample of php pdo crud which I adapted to my sample. I want a code for the following. when I click create in the crud opens a modal form. All these are ok. What I need is the code where In the form, I need to accept a value using a bootstrap select. For example when I select north south east and west in a select it should display the branch address in anther select form element from a mysql table which has branches in north
Jquery Sticky header
Hi, I want to create a simply sticky header when scroll in desktop version. But the sticky header not work in responsive version. How can I create it? Please help me. Thanks
Changing a css property after a certain scroll position.
Hello everyone, So my question is the following : My personnal website is divided into sections that are colored with different contrasts, so as I scroll past a certain section, I need my fixed menu to change its color css property. At first I tried to use boundingClientRect.top this way : $(function(){ var projetTop = $("#projects")[0].getBoundingClientRect().top; var menuTop = $("nav")[0].getBoundingClientRect().top; $(window).scroll(function(){ var calc = projetTop-menuTop; if(calc<0){ $("nav
Simple AJAX Not Working - RESOLVED
Well, here I am again. I cannot get Ajax to work. Firefox debugger shows through the function sometimes but sometimes not. I have been making changes so who knows what I have messed up. The idea is to click on an icon and have the icon send a code to another PHP script. The other script is never called even when the the debugger hows going through the function and going over Ajax. I simplified the code and tried it and it goes through the process of the sendmmnav function and has the correct code.
Setting checked property
Hi, There are two things I'd like to do with the code below https://jsfiddle.net/yh0tao67/39/ Firstly, I don't know how to make the checkboxes "checked". To the best of my knowledge it should be $el.prop('checked', true) but by code doesn't work. Secondly, I can't help but think the I could condense the code down a little. The repetition of end() seems excessive. Does anyone have any ideas? Thanks, Dermot
jquery for textbox with one decimal point
Hi i am new to jquery.And i am assigned with the task now that my textbox has to accept integer values and float values.For floating numbers only one number has to be typed after the decimal point.I tried this code but it didn't work for me.i think my problem is with regex.Please suggest me some solution. $("input.cctxt").keypress(function (evt){ var theNum = $("input.cctxt").val(); // var regExp = /^\d{0,}\.\d{2}$/; //format .## required var regExp = "/^\d+(\.\d+)?$/"; //format
Radio button checked - add class to element
Hi - i have 3 radio buttons each with its own colour - red - white - antique white how do i detect if a certain radio selection is checked and then add a certain class to another element so it can be styled accordingly (not parent div). This is what i have so far http://jsfiddle.net/ung99hxm/4/
Why are the jQuery Mobile meeting minutes not updated any longer?
Why are the jQuery Mobile meeting minutes so out of date? The last one was in August. See this link: jQuery Mobile Meetings
if any checkbox is checked in a checkbox array
Hello and thank you to those who have helped me in the past. I'm having a brain issue in reversing logic that I have successfully used in the past. What I need to do: I have a checkbox array. If any of the checkboxes (freeform_ch_cla_course_preferences_courses_001_1 - freeform_ch_cla_course_preferences_courses_001_5) are checked, I would like to addClass to a textarea (id="101"). Unfortunately, the code I have below, only works to toggle the validation. Thank you for any help in advance. Peter
jQuery Slot machine effect for images
Hi All, I am trying to create a button that would randomise Pictures with a "slot machine effect". Ideally I would need a clever random so that you would have to see all the pictures at least once before seeing an image twice. I was looking at http://jsfiddle.net/jakecigar/aMmhZ/12/ but I could not figure out a way to edit it the right way... the code would be something like this (I am using bootstrap): <div class="container"> <div class="row"> <div class="wrap" style="width: 400px;
Jquery Drop-down, change values inside the table and highcarts when drop-down triggered
Im new to Jquery and highcharts.. So im posting this question I have a jquery drop-down which is multi-dependent. when the page is loaded, values(visitors today, yesterday and past week) under the "Asia" is displayed. and values changes based on the drop-down selected. This value is fetched to a text div. here is the jsfiddle http://jsfiddle.net/binoymat/d9f8t9vj/17/ I want to know if its possible to create the following:- a) when page is loaded, all values has to be displayed in the table like
How to translate jQuery UI
I’m a total beginner. I still hope that somebody will help me. On my site ( http://www.zelenoomrezje.si/novice.html ) jQuery UI - v1.9.0 is used. It is included in 3rd party extension for Joomla. I have changed a string 'Keyword' in file jquery.multiselect.filter.js and it worked. The change is visible on site. options: { label: 'Filter:', width: null, /* override default width set in css file (px). null will inherit */ placeholder: 'Keyword', autoReset: false }, I
How add Prefix to the entered value in SharePoint column using JQuery?
HI All, In SharePoint having fied with name no,i have to enter only 4 digits only in that column,once i tab out to another column the output have to come like extn:9876 can any one help on this,how can i get this functionality using JQuery.
SlideToggle return to initial click
Hey - how's it going? I'm using multiple slidetoggles on a page where the hidden content is quite long. I also have my slide toggle button beneath the hidden content, so when you get to the bottom you can close it. I've made up some code and got pretty close to what I want, very close in fact - but the problem is when the Close (2nd click) of the Toggle is made to hide the content again it always stays at the bottom of the page. What I want to do is return to the initial click event position, or
JQuery UI Dialog content overflowing width of dialog
I created a dialog using the following code: $(document).ready(function () { $( "#sourcesDialog" ).dialog({ autoOpen: false, modal: true, width: 800, height: 600, resizable: false, show: { duration: 500 }, hide: { duration: 500 }, }); }); The code to open the dialog: $("#SomeElement").on("click", "button[data-nj='sourcesButton']", function () { $("#sourcesDialog").dialog("open"); }); The dialog html: <div
Filter with an dropdown function, how?
Hi! I have try to change the code in the link below. It is an filter with buttons in Jquery. I want to use an dropdown function with options, not buttons. I try to change the HTML code, but it doesn't work. Who can help me to change the code? I'm totally new with Jquery. Thank you! Huib Link: http://codepen.io/terf/post/jquery-filter-divs
dependent drop down list remove/add selections
Hello, the code below has worked for me but unfortunately I am not an advanced enough coder to enhance the code the way I need it to be. What I need is the value of each options, to add |~|value_name. For example, if the first option is selected Cohort A, I need the value to be Cohort A|~| Cohort A. Any tips to point me in the right direction would be greatly appreciated. I know I need to improve my coding skills! Oh I forgot to mention, the purpose of the drop down menu is that I have 5 of them.
date sensitive hyperlinks
Hi. Is it possible to create a hyperlink that only works after a certain date? Thanks
body tag class applying later
I have a special class for header and it is properly applied, which has a specific font-type (let's say header-font-type). I have another font type in a class applied to body tag (let's say body-font-type). I need both, and i want to avoid commenting body class and apply another class to each and every controls in the pages (s), it's to much task and will take time. surprisingly header font is overridden by body font. ideally header tag comes after body tag, hence header should be header font and
using animate scrollleft on a div that has css scaling is not working properly
Hi, I got a div with multiple element stacked horizontally with a scrollbar (overflow-x:auto;overflow-y:none) if I don't apply a scale to the div it works find to position an element center but when the div is scaled, the scrollLeft isn't centering my element so I assume that it doesn't take into accound the scale. Any good idea or easy workaround for that ? $("#CalendarId").animate({ scrollLeft: $("#CalendarId").position().left }, 0); // This is necessary to go at the first element in the collection
iPhone 4 Safari - Accordion not scrolling
I have an accordion up at http://mobi.witsstaging.grovegroup.info/contacts On the iPhone 4 using Safari or Chrome, expanding the bottom accordion element will render it's content up to the bottom of the viewport, but after that scrolling on the expanded accordion section is not possible. The user has to scroll using the thin strip of the background element which is visible on either side of the accordion. In my $( "#accordion" ).accordion({}); function I've tried various arguments on various properties,
Get Width of element and Increment
Hi, i need help with getting the width of an element and displaying a value. Basically i have a customer who is building a sign making websites. The sign is just text based but the pricing side is based on the width of the sign. So far i have worked out that every 32px is 5cm. The input field auto resizes based on the text within it. but i need to display on the site the size i.e if its 32px it shows 5cm then every 32pixels it updates in 5cm increments. 5cm (32px), 10cm (64px), 15cm(96px) etc...
Drag and drop prob !!!
My Script i want to move tools between "Part"s after i drag a tool from "Tools" and at the same time they be sortable in each part can any one edit My Script ???
Is there anybody to explain how this code works?
Hello everyone, I am new to Jquery and I need some helps in understanding below codes.(Below codes are part of mind map codes developed by Kenneth Kufluk.) var root = $('body>ul>li').get(0).mynode = $('body').addRootNode($('body>ul>li>a').text(), { href:'/', url:'/', onclick:function(node) { //onclick is a function $(node.obj.activeNode.content).each(function() { this.hide(); }); } } ); So, basically I have three questions regarding the codes. 1.
jQuery hover/click on desktop and mobile devices
I have a menu with two categories: weather and snow. A visible icon and hidden popup menu. After hovering or clicking on the icon from the first div, it shows the second div popup. Hovering reacts on desktop devices, and click it's on mobile devices. Here's a part of my jQuery code: if ($(window).width() > 1025) { $('.weather').hover(function(){ $('.weather-popup').addClass('side-open'); },function(){ $('.weather-popup').removeClass('side-open'); }); $('.snow').hover(function(){ $('.snow-popup').addClass('side-open');
How to avoid this attitude?!
Hi, I have a sign in form wit ajax as per below code but sometimes it doesn't work and it just goes to this URL: http://www.mybluefile.com/m/policies?txtUserID=731004167&txtPassword=xxxxxxx&btnSignin=Sign+in It is is not frequently happening, maybe once or twice a week only... I am not sure why and when exactly it occurs.but I want to avoid it. here is the code: $("#frmSignin").validate({ rules: { txtUserID: { required: true }, txtPassword: { required: true } }, submitHandler: function (form) { $.ajax({
How to get folder path by using jquery
Dear Friends, How to get the folder path by using jquery? I have created tree view structure by using html tag <ul> and <li>. Example : <root folder> <parent Folder 1> <childer Folder> <child 1 folder> <parent> <parent folder 2> <childer Folder 2> <child 1 folder> <child 2 folder> </parent> if i click child 1 folder then the Folder Path should like : root folder/ parent Folder 1/child folder/child 1 folder how to achieve this?
JQuery 1.9.1 dialog pop up not working in 2.1.4 version
HI, I modified from 1.9.1 to 2.1.4 JQuery version. But after modified alert dialog pop up not working ? will 2.1.4 support backward compatibility ? I'm using IE 11 browser. Please help me to resolve. Thanks in advance. Newer: <script src="jquery/jquery-2.1.4.js"></script> Older: <script src="jquery/jquery-1.9.1.js"></script> <script src="jquery/ui/jquery.ui.core.js"></script> <script src="jquery/ui/jquery.ui.widget.js"></script> <script src="jquery/ui/jquery.ui.mouse.js"></script> <script src="jquery/ui/jquery.ui.draggable.js"></script>
Updates/cached files
I'm using jQuery Mobile 1.4.5 and using its pagecontainer("change", "SomePage.html") to navigate the app. At the bottom of each page, like SomePage.html, I have a script tag whose src is SomePage.js. When I update specific pages within my app, how will I ensure that the updated pages are loaded, not a browser cached version? Is it necessary to change the name of these files, like SomePage-1.2.0 when it is updated? Thanks, Tony
Link a JS to a column in a list?
I am trying to I get the ID to attach(link) a JS file to the column. I first need to get the column value (a Date). Is my approach correct? $(document).ready(function () { var myValue = $( 'th:contains:"Title of column' ).val(); // Is this the right approach? function MyCustomFunction(myValue) { // my process to update the date } }
Wait for async call completion in QUnit.testStart() callback
Previously I used start()/ stop() to implement waiting Async callback inside QUnit.testStart() callback. Now start() is partially deprecated and stop() is deprecated. I'm wondering what is the proper way to wait for the async call completion. I tried assert.async() inside QUnit.testStart() callback but It throws error. Uncaught ReferenceError: assert is not defined And document stated that asset.async() should be used inside 'test'. So i'm wondering whether we can use asset.async() inside QUnit.testStart()
POST or GET for Sign in form?
Hi, I wanted to ask what would you use for a jquery ajax sign in form? POST or GET? Thanks, Jassim
Hours drop down loaded with blank on configuring hours step interval as 3
Here is the code: function setMinMaxTime(min, max){ $('#rest_example_1').datetimepicker({ controlType:'select', stepHour:3, hourMin: 1, hourMax: 20, timeFormat: 'hh:mm tt' }).datetimepicker(); } <input type="text" name="rest_example_1" id="rest_example_1" value="" onclick="setMinMaxTime(8,16);"/> if "stepHour:1" then selected hour is populating in hours drop down list and if we change it to "stepHour:3" then selected hour is not selected and showing blank in hours drop down list.
Changing the colour of a div using click, toggle and fade in
Hi folks, I can't quite get this work, I've got the colour change working fine but get the fade in (with about 3000) to work. This what I've have so far. Thanks for help, cheers function toggleClass(el) { if(el.className == "class1"){ el.className = "class2"; } else { el.className = "class1"; } } ---------------------------------------------------------------------------------- <div class="class1" onclick="toggleClass (this)"> jQuery Click to Toggle</div> ------------------------------------------------------------------------------------
How can I use only forms UI?
I'd think you have some neat forms UI, but I don't have any use for the rest of the framework. I used the download builder and selected the Forms group, but I cant get it to work using the same markup as in the demo pages. I found a random instruction about needing to $("#container").trigger("create"); and that does give my select a layout, but it has no functionality and is not working. What are the steps and required resources to use the forms components of JQuery Mobile?
datepicker not showing year scroll bar
Good day. Here is simple code: $("#datepicker").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", minDate: '2003-01-01', maxDate: '2016-01-01' }); <input type="text" id="datepicker"> If click the year combo-box, the scrollbar is not shown. Why? How can I fix it? http://jsfiddle.net/s0u9tahx/
Next Page