Datepicker on mobile devices
Is there any way to get jQuery UI datepicker to have displayed properly on mobile devices (phones)? I saw some kind of "wrappers" for a datepicker, which use jQuery Mobile (example: http://demos.jquerymobile.com/1.4.1/datepicker/), but those wrappers are messing around with "desktop" version of a datepicker. Thanks, -- Adam
Anomalous (? to me...) behavior using getJSON to make async REST calls in SharePoint 2013
Still accessing SharePoint 2013 lists using REST (_vti_bin/ListData.svc), and $.getJSON. I am seeing a behavior that I cannot explain, and was hoping someone here might have some ideas about what the issue is, or how I can (in the code) gather more information about what the issue is. What is happening, is that I am able to retrieve the entire list, but I cannot retrieve just a single list item (which would seem much more efficient, once I know which list item I want...). To give a little more information,
Whats wrong with?
Hi, i'm trying to make my website and, the jqery animation doesn't work, can you people help me? u_u HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Caro Soleno C</title> <link rel="stylesheet" type="text/css" href="estilo.css"> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script type="text/javascript" src="script.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">
Jquery doesn't work?
Hi everyone, i'm new in this stuff, and i can't find what is going on wrong! here are the codes: HTML : <!DOCTYPE html> <html> <head> <title>¡Mira esto!</title> <link rel='stylesheet' type='text/css' href='stylesheet.css'/> <script type='text/javascript' src='script.js'></script> </head> <body> <div></div> <div></div> <div></div> <div></div> </body> </html> CSS: div { height: 100px; width: 100px; background-color: #4ECDC4; border-radius:
jqQuery Toggle with class?
<body> <h3 class="panel-button">Toggle 'em</h3> <div class="panel-content" style="display: none">Hiya<br> Such interesting text, eh?</div> <script> $( "h3" ).click(function() { $( "panel-content" ).toggle( "slow" ); }); </script> Thats my code (without including jQuery in head. It don't work yet,
Using noty plugin (confirm type) with an if statement.
I have a Javascript function that receives one variable, which has two possible values: BT or PP. It calls the JQuery noty plugin and creates a confirmation popup box, but it only works partially. If the passed in variable is BT, everything works as expected. But if the passed in variable is PP, the popup box only displays a portion of the whole box, and then it disappears before the user can click a button to make a selection. The code is below. Any help in figuring this out is greatly appreciated!!
Jquery problem?
Hi! I'm not sure if i'm in the right place for my question but i still try (i'm really new in coding) I bought this template http://ivang-design.com/hypnos/video-dark/ and i'm almost done with editing but i have a final issue with my portfolio / work section. When i deploy my version on a test adress (https://floating-retreat-7474.herokuapp.com/) the projects pages wont open and bug pretty badly as you can see. When inspecting the code with Chrome there seems to be a problem with jquery.js but
function augmentWidthOrHeight( elem, name, extra, isBorderBox ) causes continuous width decrease
On Firefox 33.0.3, with jQuery JavaScript Library v1.8.3, with RichFaces Core Implementation by JBoss by Red Hat, version 4.3.0.Final When moving the rich faces popup lef-right, the popup is shrinking continuously. <div style="position: absolute; z-index: 100; left: 299px; top: 74px; width: 815px;" id="xxxx" class="rf-pp-cntr "><div id="yyyyy" class="rf-pp-shdw" style="opacity: 0.1; left: 5px; top: 5px; bottom: -5px; width: 815px;">.. etc... On the background, the function augmentWidthOrHeight( elem,
Remove Drop-Down arrow
Hi, This drop-down list is bug on firefox how can I fix it? remove the white arrow... See Demo : Test
jQuery iterator to construct array
Hi, I need an example of array of objects for jQuery iterator that would produce the following result with test being a string variable that can be applied to thumbnail, preview, original, and possibly title. What I want is to repeatedly construct an array objects through a .each loop. I only need one option but since it is linked with ',' I included it in. I am new to jQuery. var options = { firstImageIndex: 5, borderWeight: 4 },
Password Strength plugin
I downloaded the password validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/ to show password strength. It seems to work fine in the demo but doesn't show the password-meter-bar (or anything else) when using jquery-1.8.2.js and jquery.validate.js (v1.13.1). Is this a compatibility issue or could I be doing something wrong? thanks.
Can anyone help me with scrolling in different pages? [Resolved]
Hello, I have a website with 3 pages (index, outros and vidaprev) and all the pages have the same menu. The menu has 6 links, 3 of them send to the index, 1 call a sb, and the other 2 are links for the other pages (outros and vidaprev) i need to create a script to make this: - If i'm in the outros or vidaprev page and click on "seguro automovel" will redirect to the index and HIDE "cont-2" div and SHOW "cont-1" div. - if i'm in the outros or vidaprev page and click on "dicas" or "agende sua ligação"
Retain mouse hover (mouse enter) effect after click
Dear All I am styruggling with http://webvikas.net.in/befaft/ba.php Please Click onn any circle to proceed You will find 3 small circles on left hand side mouseenter effect on small circles and ouseleave effect is workig fine (makes that portion reg) I want to retain mouseenter effect after mouse click currently on click , the red area fade-outs when mouse is out of that area pls pls pls help My javascript $('.basesmall').mouseenter(function(){ // small cricel click start $(this).find('img').stop().fadeTo('slow',
Widget issues - need a help
1. I have created a widget (plugin) using jquery mobile and the widget has a button .... var ctrls ="<input type='button' id='button1' value='Test' />"; inputElement.html(ctrl) 2. Widget is working properly on the page with Data-Role ='mywidget' 3. but when I create two widgets on the page, the button event will be triggered for the first widget, but not to second can anybody help to resolve
Show Hide Question based on the response of the previous question
I have 2 pages. In page 1, A user can create a test with multiple questions. Here a user can configure the question, like the particular question should be enabled based on the previous questions. For example : ( In a page there are 3 questions, Question 1, has 2 options, Option 1, Option 2., Question 2 will be enabled only if the use who takes the test, selects Options 1 in the question 1. Question 3 will be enabled only if he selects Option 2 in the Question 1) In page 2, Other user can take
How to Cache DOM Variable in jQuery
Demo Using jquery and highchart.js (+ exporting.js module) I am trying to export the chart by a custom button like below <button type="button" id="chartpdf" data-chart="chart1" class="pdf-download">PDF</button> While the code is exporting the chart in hard-coded format like this chart1.exportChart({type: "application/pdf"}); it is not working when trying to dynamically get the chart1 from the element data attribute data-chart="chart1" $(document).on("click", ".pdf-download", function(){
Set an end date based on start date using datepicker
In few words I need to set a start date using datepicker (allows future dates only) and then set an end date based on chosen day from particular month where end date will be last day of chosen month from Start Date. HTML code looks like: <fieldset> <label for="dataStart">Start Date</label> <input type="text" style="width: 88px;" class="datepicker" id="dataStart" size="10" name="dataStart" /> </fieldset> <fieldset> <label for="dataEnd">End Date</label> <input type="text" style="width:
Changing values of form on action
I need a value to change when the client selects from a SELECT and RADIO GROUP $(document).ready(function() { $('form').change(function(){ var sum = <?php echo $precio_establecido; ?>; $('select :selected').each(function() { sum += Number($(this).val()); sum = Math.round(sum*100)/100; }); $("#sum").html(sum); }); }); I have this HTML <select name='anch1'> <option value='10'>10 ++</option> <option value='20'>20 ++</option> <option value='30'>30 ++</option> <option value='40'>40 ++</option> <option
html().ready event?
Hello, I fill my page, with ajax requests if fill the html of a div. I want to make this content interactive and delegate click-handlers to some buttons. Is there an event like dom.ready? I got the hint to read all about mutation observers. This seems a little bit complicated for me because ther are no examples. Can someone help me? Thanks in advance
Custom submenu icon
Hi, Is there a way of using a custom icon for my submenus? I can change the icon like this $("#mymenu").menu({icons: { submenu: "ui-icon-circle-triangle-e" } but i would like ui-icon-circle-triangle-e to be an image i create myself Thanks.
Button script help
Have a button with id = CLOSE <li><a input type="button" value="Close Net" id="CLOSE"></a></li> Script to run a function when the button is clicked <script> $(function () { $("CLOSE").click(function () { // do some stuff )}}; </script> The problem is that the function with // do some stuff is executed whenever the page loads. What am I doing wrong here? Thanks for any help.
.html() can put an id inside and use it
I have a id inside the .html(<div id="foo"></div>). I trying to use the id to call a function. is suppose to work?
mulit selector with on click and change
hey guys im trying to get two different selectors with different events to execute the same code...is this possible or do i have to duplicate code?...thank you $('.input-file').on('click', function() { {); $('#uploaded-images').on('click', '#remove', function(event){ }); // these two functions to execute if (uploads === 0) { $('#image-status').text("Add up to " + max_uploads + " images."); } else if (uploads === 1) { $('#image-status').text(uploads
Tooltip shows in popup dialog in open
This is the same as this old thread which surprised me as that is quite an old topic now. To recap - if you have the tooltips active on the document and then open a dialog, the very first 'title' attribute on the popup triggers a tooltip to open regardless of where the mouse is. And you have to click to remove it. We make a lot of use of the dialog! As this is happening on the UI libs I downloaded just yesterday this is clearly still an issue. So I don't expect a proper fix. But - can anyone suggest
Duty calendar
I have seen tutorial about jQuery PHP calendar, but have questions about customization this idea. I am making duty worker calendar with administrator interface. The differences between event calendar are: no events, only people->day date correlation, no hours correlation, the duty staff work whole day. I am not sure about my MYSQL database architecture, at current moment there is ID Name 1 <- these day dates, that i fill specific key (coz duty worker could be Sick (S), Weekend(W) ,on Duty(D) for
Keeping Dialog open when form validation fails
have a jQuery UI dialog that contains a small form. When submitting the form it closes the dialog. This would be fine if the form is completed properly but if it isn't the validation messages appear so in the event of this I need the dialog to stay open. The problem I have is that I am using Webassist's Dreamweaver extensions to write the php for the validation and calls to the Database which inserts the form data which is triggered by the SUBMIT button. I somehow need to prevent the submit button
Dropdown menu not styling or behaving like a menu
I have copied this almost exactly out of the demo code: http://jsfiddle.net/mitchsumma/whw7upp8/1/ ...but the dropdown menu items are not styling like menu elements and look and behave just like plain <li> elements. Any ideas on what is going on here? -Mitch mitch@summa-tech.com
Running photocradle with jQuery and Asp.net
I am trying to generate a photocradle slideshow inside the jQuery function by instantiating a div and calling photocradle to generate the photocradle slideshow with the photocradle class in div. It works when I place the code after the closing </form> tag and before the closing </body> tag in the aspx page, but when I wrap the code inside a secondary function such as $(document).ready(function () { function myfunction(){ rest of the code... } });. The photocradle slideshow no longer shows up. What
.data() is empty when using firefox (latest) and jquery 1.11.1
I've this html element <li data-week="20141103" data-year="2014"> <a href="#"> 03/11/2014 </a> </li> When user click on it I log $(this) to the console. And $(this) is the LI html element. As you can see, there is a data-week attrbute If I do console.log ( $(this).data("week") ); nothing will be printed. I added a breakpoint using firebug, and added the expression as control expression and
i want to access jquery from parent
hi , I have one html page in that I have added jquery reference. like <html> <head> <title></title> <script src="jquery-1.11.1.js"></script> <script> </head> <body> <iframe src="iframe.html"> </iframe> </body> </html> in iframe i want to access jquery from parent. i have not added any reference in iframe page. it is possible to access parent jquert in iframe page. I tried it. using window.parent.jquery , window.top.jquery, window.jquery.noConfliction() to search
Div-navigator; not have all Divs displayed by default
So for an articles page on my website, I made a navigation system for users to switch between articles from one month to another. Here is a link to demonstrate: http://www.acespot.net/test.html The complete syntax for this webpage can be found here: http://pastebin.com/pZVTUisy So as you can see for yourself, the navigation system itself works correctly. However, when you first enter the webpage, instead of displaying no divs, or just the November div, it is displaying all divs. As you can understand,
bassistance.de validate plugin. Error messages not showing
I am trying this validate plugin for the first time using a tutorial from 'jQuery for Designers' by Natalie Maclees. I have now got a test form with a custom error message held in a <label> tag but it does not seem to be working. I am only getting the default message of 'This field is required'. Can any one see where I am going wrong. Below is the top part of the page showing the first fieldset of the form with a custom error message for the username field. <title>Test Form</title> <style> form
Timing subscribe popup with jquery
hello guys i new with jquery i there any way to add a new popup with timing for subscribe forms for my users ? i use bootstrap frame work , i wanna add a popup for my user that are coming to my site fdmusic and tell them to subscribe to my newletter ... please just give me a code that is easy , i wanna show popup 1 in 7 days with time for ip , when ip chages i wanna show it again ... thank you so much my website fdmusic.net can any one help me ?
Add/removing classes depending on existing classes.
Hi Folks Basically we have one large image with four thumbnails sitting below (each 25% in width). I've been able to swap out the large images when the corresponding thumbs are clicked. My issue is trying to add/remove the classes 'media-type-picture' and 'media-type-video' to/from #big-image depending on the class of the anchor tag being clicked (.picture or .video). I'm a noob, so please be as gentle as possible. Many Thanks The markup: <div> <h3>Kenya portfolio</h3> <p id="big-image"><a
jCarouselLite: Pause Scrolling on hover
I'm using jCarouselLite and everythig is working fine. However I want that the auto scrolling paused once I hover over the carousel. The jCarouselLite doco is saying that I can use this: $('div.carousel').trigger('pauseCarousel') But I don't understand much about jQuery. How can I implement that pause function in the following code?: <script> jQuery(function() { jQuery(".carousel").jCarouselLite({ auto: 3000, speed: 1000, visible: 1,
on ready jQuery function with javascript function for onclick
I am trying to run the jQuery function with a button call but non of the options seem to be working so I resorted to using javascript function in the end so I can use onclientclick to call it. The problem is. $(document).ready(function () { my_fun(); my_fun1(); }); This works, but $(document).ready(function () { function script2() { my_fun(); my_fun1(); } }); The second one doesn't
get random line from .txt file
Hello everyone... I have a .txt file, with around 754 lines. Each line has a pattern like this: 1st part#2nd part#3rd part. The hashtag is the delimiter! What I'm trying to do is to get() or read() this text file, and pick a random line from it, with all the pattern. But it has to be a random line. So I can print it or append html to a div. It should look something like this: 1st part from a line 2nd part from the same line 3rd part from the same line It has this pattern, cuz maybe I'll have to print
Problem with CSS' :active selector in Firefox
Hello, I found that there is a problem with css' :active pseudo selector when jQuery UI is used (in my case, I use Accordion). This happens only in Firefox, in IE and Chrome there is no problem. I'm not sure if problem happens in jquery UI code or jquery code, but it exists and it's is annoying. Do you have any suggestions what could cause this problem? I tried to debug and comment portion of the code in jquery UI class and jquery css, but without success until now.
jquery mobile on desktop
Hi I've developed application for mobile and want to use same code for desktop. I'm having some display problems and wonder does anyone know of, or can they provide a working template page for using on desktops and 980 px wide display area? Thanks
I am having some trouble.
I am trying to hide a div once the screen size reaches a certain point but it does not seem to be working. Here is my javascript. if($(window).innerWidth <= 768px){ $('#id').hide() }
Next Page