How to set DatePicker so that when it get focus it doesn't show Calendar Window?
Hello, I have tried both jQuery UI DatePicker and Bootstarp-DateTimePicker so, that when they get focus e.g. using TAB-key their Calendar window is NOT shown. Only click to DatePicker or DateTimePicker should open Calendar Window. How should I implement this? Thanks, Michael
Attempting to open a certain option on a css / jquery menu during page load
Hello, I am trying to get Sub Category 1 to open on page load in a CSS Jquery driven vertical menu but have been failing to do so over 4 hours. Would an expert be so kind to please assist? http://jsfiddle.net/mttw5y9q/ Thanks in advance and kind regards - M
Dynamically populate dropdown list with jquery
Hello I'm using SharePoint 2010 and have an issue with ASP dropdown list. Based on user's AD groups, some users should have anywhere from 2 to 4 items in the drop-down list and it could be different combination of items for each user. Then the value that user choses from drop-down is passed to multiple web parts on the page. I'd like to setup that dropdown list dynamically, using jquery. I already have the code to get the items based on the AD groups. I'm new to jquery and not quite sure how to assign
VERY new to jQuery-UI!
Hello my people! I am about to start using the jQuery-ui and downloaded it about an hour ago but it is not working. I specifically wanted to try the datePicker and accordion widgets to experiment but they are both not working. I beleive the problem is that I connect to the regular jQuery through Google by using the following scripts: <script type = "text/javascript" src = "http://www.google.com/jsapi"> </script> <script type = "text/javascript"> //<! [CDATA[ google.load("jquery",
JQUI Newb, Accordian unable to finish when appending..
Greetings, I am a newb with Jquery UI. Trying a side project that pulls in some JSON data, formats it, and displays it. I have a working demo here (no JqueryUI): http://majorgeek.azurewebsites.net/ajaxjson.html I want to play with an accordian on the page. Here is a demo: http://majorgeek.azurewebsites.net/ajaxjsonaccord.html My accordian Div is created in the DoM, and I have Jquery creating the content and appending it to the Div. It appears jQueryUI is firing, and styling the accordian DIV,
hi I am using jquery cycle plugin with srollHorz effect but it is not showing my images plz help me! below is my entire code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery Slider</title> <script type="text/javascript" src="jquery-2.1.3.min.js"></script> <script type="text/javascript" src="jquery.cycle.all.js"></script> <script type="text/javascript"> $('#slider').cycle({ fx: 'scrollHorz', next: '#next',
bind accordion to API XML
I have an API that is returning data as Accounting -- Accountant Accounting -- book keeper IT -- Developer IT -- Architect IT -- Jr . Developer Marketing -- Sales Marketing -- Sales Manager and in my accordion I want to see the data as Accounting -- Accountant -- book keeper IT -- Developer -- Architect -- Jr . Developer Marketing -- Sales --Sales Manager I'm able to show the header, however, when I add the roles, its not grouped, how can I show the data in the accordion correctly? I need to
Jquery bug
jqueryui version 1.11.3 doesnot work with internet explorer
JSON making on basis of drag and drop
Reference from Subhranild dalal fiddle Drag and drop I have created AngularJS based drag and drop UI with the using Jquery. There are modules which are draggable and droppable. I have made these modules draggable and droppable but, I have to make some JSON for every module after dropping that. There are modules like Menu, User, Device and so on. When I will drag a Menu and drag further module under the Menu module that will be drag as per user sequence like on "1" drag device module, on "2" drag
Draggable droppable resizable and clone
Having a error when i try to resize element after i'v been dragged it inside of container. And another thing is that i cant send right width and height after element is resized. It sent element last size. http://jsfiddle.net/pqxmbcdh/
animation
hi to all. i facing small problem in animation this is my example <html> <head> <style> #mydiv { border: 1px solid green; background-color: lime; height: 46px; width: 121px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("#mydiv").click(function() { $(this).animate({height:"300px",width:"200px",'backgroundColor':'red'}); }); }); </script> </head> <body> <div id="mydiv"> hi this is inside div </div> </body>
JQuery, not mobile: make an ajax call, ignore if it comes back or not, and load a new document. Can it be done?
I am using JQuery. Not JQuery mobile. Please pardon the inaccuracy of the term page, which I generally use to refer to an HTML document. It will probably show up several times in this post. Watusiware says there are no pages, only documents. OK by me. I hope this clarification will help, whatever term I use, and that you will understand that I intend document. In a given page/document, I'd like to fire off an AJAX call and completely ignore the results. No callback. No dealing with the answer. I
.effect('slide'… not showing next object
I was browsing around for slider and found this one http://jsfiddle.net/skram/tHZLY/2/ (Somehow I can't find the topic...) but I want to replace .animate with .effect here I wrote another jsfiddle with effect : http://jsfiddle.net/tHZLY/12/ but somehow the next div that is suppose to show is not showing. code : var $pages = $('.page'); $('#nxt').click( function() { var $cur = $('.active'); var $next = $cur.next(); if ($next.length == 0) return; $cur.removeClass('active'); $next.addClass('active');
validation of name
hey guys, I am trying to work on that code which will validate any name that are typing in name's registeration box and I have included php file which will connect to the mysql database,I tried to run the code but it doesn't work as I try to typing a name that exists in database it says it's registered,but when I tried to type any other name that doesn't exist should appear name available but it doesn't..I don't know what's wrong with my code That's my index.php file: <html> <head> <link type="text/css"
timestamp difference
hey guys im tring to get a difference between 2 timestamps, now here's the first timestamp string i have: 2000-12-15 21:51:45 and i've tried to use the following to create a timestamp today = new Date(); var dateString = today.format("yyyy-mm-dd hh:mm:ss"); console.log(dateString); but its not working =/ basically i'd like to know how many days difference between the timestamp string and todays date. if anyone can help or know a article on this, that would be great. thank you
Click Event Not Firing on Dynamic Table Row w/ Button
I have a table that loads just fine. Each row has an ID matching the database. The last row in the table is there to insert a new row. When the user clicks the Add button the data is added to the database and the row is displayed in the table. Each row in the table contains a button for deleting that row. Here is the button markup: <button class="btn btn-default delete-increment" aria-label="Delete" data-id="1"> <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> <span class="sr-only">Delete</span>
How to only show toggle when More Clicked and not any links nested in <li>
When I click anything nested in the li it toggle opens. How do I make it so only when I click "More"? url: http://198.12.124.155/meixicn/test/ $('.ajax-filters-li ul').each(function(){ var $this = $(this), lis = $this.find('li:gt(7)').hide(); if(lis.length>0){ $this.append($('<a class="more">').text('More').click(function(){ lis.slideToggle();$(this).text($(this).text() === 'More' ? 'Less' : 'More'); }));}});
Using jquery with sharepoint 2010
Hi guys, So I get the basic concept on loading jquery via a CEWP in Sharepoint, but thats about where my understanding ends. I don't understand how to use the plug-ins you download from the internet. I downloaded a few and there are 3-4 folders plus a couple .js files included with the plugins. Where do I put all those files and how do I call them inside a CEWP? I tried putting them inside a document library, but what .js file do you call? I know its probably something simple, but I'm just not
Returning from href
Hi ... I have a multipage web application, in which I utilise Jquery. The first page (index) specifies all javascript libraries I am using. Variables are passed between pages utilising "window.xxxxx"). all works fine. Now, when I click on an href, which directs me to a different site, and want to return, using the browser back button, all my definitions of javascript libraries are lost, and all window.xxx variables. It looks like I am returning to a new window. I have tried the _self, _parent etc
Jquery help on div
Hi, I am trying to build client side Grid. i will be pulling the values from db and making it on the div box. . let us take an example of i have 1000 records in my backend and on the grid i will diaply 1000 boxes by filling it's values. I just gven one box detail on this post. Am struggling to create dynamic box and add it to the grid shows in the example link along with pagination. Can you please help on creating the box dynamically and addding to the placeholder using client side code. Any
jQuery ui selectmenu vertical position offset (relatively to buttons in this line)
In my form I place control elements in a line: button, select box, checkbox. It looks logically right. But since I've started using jQuery UI I see strange vertical of select box. Here's the example from jquery-ui site, a little bit shortened: https://jsfiddle.net/Tertium/z829pay7 $(function() { $( "#speed" ).selectmenu( { width: 200}); $( "#files" ).selectmenu({ width: 200}); $( "#but1" ).button(); $( "#but2" ).button(); }); Tested on jquery 1.11.2
need help!
I am trying to working on uploading pages and I managed to do it except when I define the path which the file would go to,the file is not saved there and I tried many times but with no use This is my code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.uploadify.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="uploadify.css"> <script> $(document).ready(function(){
Banner Fixed Floating in the sidebar through the footer
Hello everybody , I'm doing a floating banner for my blog in the sidebar , the more the banner is exceeding the footer , the blog is : http://www.aisenhor.com.br My Code JS: jQuery(document).ready(function ($) { $('[data-toggle="tooltip"]').tooltip(); $('ul.nav li.dropdown, ul.nav li.dropdown-submenu').hover(function() { $(this).find(' > .dropdown-menu').stop(true, true).delay(200).fadeIn(); }, function() { $(this).find(' > .dropdown-menu').stop(true, true).delay(200).fadeOut(); });
Where do I put my jquery files
OK So I finally got jquery loaded for my site, but I'm still confused as to how do I load an actual plugin. For instance, I just downloaded the slidebar jquery plugin (http://plugins.adchsm.me/slidebars/). When I download it there are the following files: slidebars.css slidebars.js slidebars.min.css slidebars.min.js slidebars.jquery.json So now what do I do with all those files? I didn't see an html file or anything like that. Do I have to compile a separate .js file and reference them all in
rpjquery infinite photo carousel not working on explorer and on chrome
Hello I followed this tutorial that I will link, I got it looking and working perfectly on Firefox, I am very pleased with the result, I a different look as the one on the video, because the guy make some changes that I didn't, he changed the buttons, original are more discreet. The problem I have is that it doesn't work on explorer, obviously, but also it doesn't work on chrome. On this web browser the image is still and the little squares bellow the main pictures that indicate the pictures and
help guys I am stuck on this
That's my jquery code..I am trying to set cookie for that code but in vain,I don't know really how that's my code: <html> <head> <link rel="stylesheet" href="jqueryui/jquery-ui.min.css"> <script src="jqueryui/external/jquery/jquery.js"></script> <script src="jqueryui/jquery-ui.min.js"></script> <script src="jqueryui/jquery.cookie.js"></script> <style> #tabs{ font-size: 12px; width: 300px; } </style> <script type="text/javascript"> $(document).ready(function(){ $("#tabs").tabs({ ajaxOptions:{ error:
Show/hide Div
Hello, i have downloaded the new jQuery 1.11.3 so i can use the show/hide effect on my webpage, but it doesn't work, this is codes i used. <html> <head> <title>test</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen"> </head> <body> <Div id="buttons"><input type="button" id="hide" value="hide"> <input type="button" id="show" value="show"> </Div> <Div id="content"> <h2> This is the text i want to Show/hide by clicking on the hide show
checking if e.target is a child of a constant element
Hey guys , i am trying to basically write a Jquery programme that tells me when i click on an element weather that element is a child of another element(parent element , and in my programme , the parent element is a constant ). so heres what i got so far . HTML code : <div> <p>lalalalalalalalalalal</p> <span>blaaaaaaaaaaaaaaaaa</span> </div> now the Jquery : $(document).ready(function(){ var str_dv = $('#la'); $('p').on('click' , function(e){ if (!str_dv.has(e.target).length)
Trying to replace a CSS rule dependant on the current winow size.
I've been trying to create a script that loads an appropriately sized background image dependant on the window size. I am able to confirm the screen resize is being registered but the CSS doesn't seem to be updating, at least the image is not being replaced ! Can any one see where I am going wrong ? css #bg { background:url(img/backgrounds/1920.jpg) no-repeat center center fixed; /* default image to load */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:
Help with Basic JQuery slider - markers
Hi, I am using the "Basic jQuery Slider plug-in v.1.3" to show rotating images in my aspx webpage. This works fine. There are markers oval shaped in the left of the page. I want the currently active image marker to be highlighted and the rest be transparent. There is a function as below in the plugin: var conf_markers = function () { // create a wrapper for our markers $m_wrapper = $('<ol class="bjqs-markers" style="position:absolute; width:31%; left:0px !important;bottom:10px
Load Image from another URL
Hello, i want to ask if it is possible to load a image from another URL with jquery? My Problem is, i have a picture on my index page, and if i wan't to show this image, i need to klick on it and it loads in another page. If don't want it so, i want to have a popup and load the popup with jquery. Now i need to load the image url from the another page, it is possible? If yes, how? Best Regards Slexout
problem with my dialogbox code
hey guys, I am trying to work on this dialogbox,I managed to do it,but still got some problems with position property even I use normal direction like top and left and use coordinates,but still both of them don't work here is my code: <html> <head> <html> <head> <link rel="stylesheet" href="jqueryui/jquery-ui.min.css"> <script src="jqueryui/external/jquery/jquery.js"></script> <script src="jqueryui/jquery-ui.min.js"></script> <style> </style> <script type="text/javascript"> $(document).ready(function(){
simple show function for DateTimePicker
Hi I'm using this datepicker with the following code which works great <script type="text/javascript"> $(function () { $('#end_time').datetimepicker({ format: 'LT' }); }); </script> but how do i use the show function so it shows on the page without me having to click on the input field.
lazy-load-xt no picture are loaded
Hello I'm using the lazy-load-xt plugin with the responsive extension. In Some cases no pictures are loaded. But why? <img class="img-responsive" sizes="(min-width: 36em) 50vw, 100vw" data-srcset="http://lorempixel.com/375/275/ 375w, http://lorempixel.com/350/350/ 480w, http://lorempixel.com/384/384/ 768w, http://lorempixel.com/720/480/ 800w" alt="a picture" /> Or the hole website http://fewo-bronner.de/bootstrap/temp.html
What is the difference between "data-role" and "role" in the following example ?
http://api.jquerymobile.com/page/ ------------------- <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>page demo</title> <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header">
Using CSS To Make <a> tag bold in example code snippets.
Hi. I working through the examples provided at http://learn.jquery.com/about-jquery/how-jquery-works/, but I cannot seem to get $( "a" ).addClass( "test" ); where <style> a .test { font-weight: bold; } </style> Is the complete source file available so I can compare it to what I'm doing locally please? Thanks In Advance for your response.
How create a folder in local system from client side using jquery?
Hi All, How create a folder in local system and create files in that folder and need to open that files using Jquery from client side.There is any option or sample code or any idea about it?
I honestly don't know which forum I have to post this so let me know...
If you go to this site http://jqueryui.com/selectable/ as an example since any component selected there do the same thing, you'll find a VIEW SOURCE link for every component. Now when you look at the source and want to copy this source you end up with extra line feed between each line when pasted anywhere VS, Notepad++, Word, anywhere I paste what I copied from there has an extra line feed between each line. Could someone point me in the right direction to advise the site master that this is wrong
How do I send form name variable?
I am jQuery/Javascript-noob and farily good at PHP. I would like to make a generel Jquery function where when I enter something in a form-field (text, textarea, etc.) and leave form-field, e.g click outside formfield the function sends data from form field to PHP. My problem is that all examples allready have form-name in the jQuery-function which is annoying! example....I could in same screen have: <input type="text" name="firstname" value=""> <input type="text" name="lastname" value=""> <input
Proper way to implement the decorator pattern in js?
Let's say you you were using a 3rd-party library that had a Hammer object as part of its api, and you wanted to decorate the swing() method to log every time it's called. What is the proper way to do this in js?
Next Page