jQuery UI Datepicker - Colour-coding dates in a calendar
I am using jQuery UI Datepicker in the conventional way for selecting dates. Now I also want to use it to display a calendar with some dates colour-coded according to certain characteristics. The calendar is called on the page with <div id="calendar"></div> and the script on the page (so far) is $(function() { $( "#calendar" ).datepicker({ numberOfMonths: 4 }); }); The information about each date will come from a mySQL database. How can I put a different background colour on each date to show the
Jquery click event not working in phonegap android
What is the alternate for click event in jquery in phonegap application as the click is not working in phonegap application tried with vclick, click tap, live but not working
Is it posable to pass data to a modal the can be used in a php script to run a query
This script will pass two variable into a modal but I can't figure out how to use one of them in a PHP script. l what to use it like this $call_conf = callconf . How can I pass the data to $call_conf variable. The id I can add it to the modal like using it for <input name="id" id="callId" type="hidden" value=""/> and this works with no problem. You can see where I wont to add this in modal below. Is this even possible? LINK <a data-id="<?=$sid?>" data-conf="<?=$call_conf?>"class="open-AddCallDialog
jquery help
hello, i am using jquery slide down effect on my webpage and it get loaded when my document is ready but i want it should appear when my mouse scroll on particular element, how to do that?? can anyone please help. Any help is appreciated. Thanks
How to give list with href links using $("").html() in jquery
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $("#test").html("<ol><li><a href="">Hello</a></li><li><a href=""> world!</a></li></ol>"); }); }); </script> </head> <body> <button id="btn">Set HTML</button> <p id="test">transforming to a list.</p> </body> </html> It doesn't give any response after executing this code
client side hide appending a server side file (without leave the current page)
I can use file_put_contents($file, $person, FILE_APPEND | LOCK_EX); to add a few lines of text to a server side file and I can post from client side to a php file to do the actual append lines. But I have had no luck on client side without leaving the current page/position. I just want to add a javascript variable string to file. I have tried different ajax scripts that I have found but each had a different problem. Trying to keep it simple. Thanks, Ray
Function declaration in IE10 and Chrome - Why do they have different results?
In APTANA, --------- Code Sample 1 --------------------- $(document).ready(function(){ //init_var(); function init_var(){ alert("start"); } ------------------------------------------------------ I want to do: 1) alert("start") shall not be display without uncommenting //init_var(); But, in Chrome, without regard to commeting or uncommenting //init_var(); alert("start") works. 2) I hope IE10 shall have the same result as in Chrome. ======== Code Sample 2 ============= function alert_start(){
How to make Collapse jQuery multiple level?
My ability of English is not good, now I have a problem is I want to make a menu collapse jQuery or coolapse bootstrap that have a multiple rank or multiple level (>2 or >3 level) sush as a picture below but I don't know how to do it, so I need a guide, link direction, or instruction to make a reference, thank all very much :
Modernizr to detect if values of properties are supported
Hi all Im new using Modernizr and was wondering in what way can I detect if specific values of properties are supported in a browser. For example I use Modernizr.testProp('listStyleType') to check if the property list-style-type is supported, but how can I detect if values of list-style-type such as square, decimal-leading-zero, armenian, etc, are supported or not?, I know for example that most of the values of list-style-type are supported for the latest browsers but I need to check if there
influencing only specific DIV containers
Hi, for my little project I want to switch from query-ui sliders to query mobile sliders because the non mobile version does not allow any slide movement on smartphones. I loaded the query mobile package to my site but then I recognized that it somehow changes the functionality of the complete site. Is this overlay-ui containing and changing the whole site a basic concept of jquery mobile? Or is it possible to have it just activated on each DIV containing a slider? Thanks for the patience :) Spiff
TypeError: 'initMouseEvent'
Getting a strange error when I try to run with some ajax code. I wasn't getting this error before but now when I run it firebug shows me this. " TypeError: 'initMouseEvent' called on an object that does not implement interface MouseEvent." My script is as follows: $('#DialogInventoryPicker').on('click','#InvSearch', PresSearchInventory); function PresSearchInventory(pagesel) { var page = ''; if (typeof pagesel != 'undefined') { page = pagesel; } varsearch = $('.PresInvSearchBar input').val(); $.post('URL
Keyboard navigation in Selectable
At http://wiki.jqueryui.com/w/page/12138039/Selectable it says that I can navigate with keyboard events. Neither in my project nor in http://jqueryui.com/selectable/ can I use the up and down arrows to navigate through a list. I have looked through the API to see if I haven't enabled it but there are no options for keyboard even though my first link says: keyboard (Boolean | default: true) Disables or enables keyboard selection (this does not affect mouse+key combinations). What am I doing wrong
Get only a certain td value with JQuery
Hi all, I would like to get a specific td value with JQuery, here it is my code: $(document).ready(function() { $('table#delTable td a.delete').click(function() { if (confirm("Eliminare il record?")) { var id = $("#unico").text(); var data = 'id=' + id; var parent = $(this).parent().parent(); $.ajax( { type: "POST", url: "Database", data: data, cache:
Why is there no jQuery UI horizontal menu?
I only saw the vertical menu. I thought horizontal menus were the norm, but I think I am behind. I was hoping for comments. Thanks.
if one radio in the list is checked or not
Hello ! How can i know if one radio button is checked or not in a radiobuttonlist name="payment_method" ? <input id="payment_method_1" type="radio" name="payment_method" value="payment_method_1" /> ........ <input id="payment_method_5" type="radio" name="payment_method" value="payment_method_5" /> thank you
Get the Response for the Dynamic form
Hi, I have a requirement like, getting the response of a dynamic form. This form will be rendered based on a json data. a form will have multiple questions types like Single selection, multiple selection, text, number, email. User will select the choices of the questions and click the submit button to finish the test. No i need to get the choices selected by the user, are answers filled in the textbox or a rich text editor. and i need to format the data to form a json obj. I dont want to use serialization
Multiple row edit in JqGrid
Hi, I have a requirement to implement multiple row edit and save the data for all rows at a single go. Could you please help me with some guide or example to perform this. JqGrid version - 3.8.4. Regards, Chiranjeevi.
Blinking z-index postion fixed conflict
Hello, I have a button position fixed in my page with a negative "z-index:-1"; when I scroll my page, images contained in a global div switch/pass over the button (it's what i want) But the problem is that sometimes the button switch over the global div again (very quickly) and switch below after. It causes blinking effect. The problem is only on Safari. Thks for your answers.
Drag & Slide
Hi all, I'm trying to realize a mobile webapp composed of 3 or for pages. For the navigation I'd like to get a "facebook app swipe style" meaning that when i swipe i don't directly go to the other page but i drag the page a little bit and when i release the page "slides" to the next one. Is there a way to do that? I tried hard to google it but coulnd't find a real method to do it...another problem is that one of the pages will have google maps in it...so i'd like to have a kind of footer in every
jQuery Ajax behave strange with delayed responses
Hello! I have problem discussed on stackoverflow.com with no answer. In short, jQuary Ajax behave like synchronous in FF, Windows Chrome and strange in Linux Chrome. Try it here in fiddle. Does anyone have an idea why? And how to force jQuery Ajax to get response every second (after first three seconds delay)? Thanks!
How to validate SelectMenu using Validate plugin?
Hi there I'm having a problem to validate the SelectMenu using Validate plugin (scripts/jquery.validate.js) if there is a blank. The selectmenu is dynamically created: $('#zone_ddl').append('<option>Select Zone</option>'); $.each(result, function(i, row) { $('#zone_ddl').append('<option value=' + row.zoneid + '>' + row.zonename + '</option>'); //zonelistoptions.append($("<option />").val(row.zoneid).text(row.zonename)); }); I believe this something to do with the value is wrap in <span class="required">Select
How to get list of classes in document?
What is the most concise way to return a list of distinct classes within an HTML document? Thanks.
How to initialize autocomplete for multiple dynamically inserted element?
In our Rails 3.2 app, a autocomplete field item_name_autocomplete is inserted onto the form when user clicks Insert button. After insertion, the user can do autocomplete with the field. The id of the inserted item_name_autocomplete is unique and dynamically assigned when the element gets inserted. Here is the Rails view code to create html: <%= f.input :item_name_autocomplete, :label => t("Item Name"), :input_html => { data: {autocomplete_source: SUBURI + base_materialx.autocomplete_parts_path}}
facing issue while moving rows of telerik radgrid up or down
I have radgrid which has some controls like raddatepicker, textbox & combobox in eachrow. I want to give option to user to move complete row up or down on click of arrow in that row only. I am writing below code to resolve my purpose. Code is working fine except the IDs of controls do not change on moving the rows and thus sometimes the controls value is set blank if correct id is found else not. Is there any other way to set the corrosponding row controls to blank instead of finding the ID of that
Onclick open sub menu, Onclick close sub menu?
On this page http://kimcolemanprojects.com/ I need to have a drop down menu that opens on click and closes again on click of same anchor. Like it works on this site http://angela-moore.co.uk/ this is my html for the menu so far: <div class="left" id="nav"> <ul id="menu"> <li id="light"> <a href="lighting_video.html">Lighting + Video</a> <ul style="display: none;"> <li><a href="django_django.html">Django Django</a></li> <li><a href="suntrap.html">Suntrap</a></li> </ul> </li> <li id="photo"> <a href="photograms.html">Photograms</a>
Where are my other .inner elements?
I am brand new to this...just learning this weekend. I have this section in my html: <div class="inner" id="hello">Hello</div> <div class="inner" id="goodbye">Goodbye</div> <div class="inner" id="aloha">Aloha</div> When I run this jquery: $('.inner') ...I only get back the first element with id='hello' Shouldn't I get all three? Thanks
JQuey UI selectmenu goes behind iframe with PDF
I have a page (see attached image) that contains a jquery ui selectmenu along with an iframe below it. The iframe is loaded dynamically via a servlet and can contain either plain HTML or a PDF document. The problem I'm having is when a PDF is loaded into the iframe, the options in the selectmenu go behind the iframe/pdf when dropped-down. When the iframe is loaded with plain HTML, the selectmenu items are displayed correctly over the iframe when dropped down. I'm having this issue on IE 9 and
How can i do this effect?
Hi everyone! i am not very good in the jquery code, i'm still learning, but i want to do a nice effect in side bar of my blog as in this blog. > www.ahnegao.com.br < I found this code in the internet, he is very good and useful, but he hasn't the effect of the side bar of the blog cited above. I want my side bar have the same effect in this blog. Anybody could help me? Thanks. Link of code i found: http://outstando.com/limited-fixed-area-using-jquery/
jqprint is not working in IE10 with JQuery1.11.1 version
I took following files from JQuery for my application development for printing content from <DIV> tag. 1. jquery-1.11.1.js 2. jquery-migrate-1.2.1.min.js 3. jqprint.0.3.js I could able to print content of <DIV> tag in "FireFox", "Google Chrome" browsers. But I could not able to print content of <DIV> tag in IE10 and IE8 with "JQPRINT" with "JQuery1.11.1". Recently, I moved from JQuery1.8.1 to JQuery1.11.1. "JQPRINT" option is working fine in all browsers with JQuery1.8.1. version. But "JQPRINT"
jQuery only animates first two imageflips?!
I need an imageflip to fadeIn() and fadeOut() on a Joomla 2.5.19 site. I animated the fadeIn() and the `imageflip` with jQuery. Strange things are happening on my Joomla site. The template comes with jQuery, nevertheless I installed jQuery Easy jQuery Easy since there are several jQuery versions loaded in the template (dont know why). Strangely, the fadeIn() and fadeOut() effect works on two mapped areas in my imagemap (far on the right, the green and the blue one which are highlighted MySite),
Two chained selectmenu with Jquery UI selectmenu()
two related selectmenu "country and city" without jquery ui styling works perfekt. I read here about refresh, but i Could not get it here is the codes: index.php ------------ <?php $mysqli = new mysqli("localhost", "root", "", "test"); if ($mysqli->connect_errno) { echo "Failed to connect to MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error; } ?> <!doctype html> <html lang="en"> <head> <?php include './head.php'; ?> </head> <body> <select name="country" id="country"> <?php $opt
get ui.prevPage and ui.toPage on data-role="back" button click
Hi!, I'm from Mexico so sorry for my english. :) Some of you know if there are some way to get the ui.prevPage and ui.toPage on the click event of an element button with the attribute data-role="back"? Thanks!
Aptana3 and IE 11 - Some bug??? It works fine in Chrome but why not in IE11
test12.php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2014 Study</title> <script src=" scripts/jquery-2.1.1.min.js"></script> <script src="scripts/tscript12.js"></script> </head> <body> <button id="click">click</button> <div id="num"></div> </body> </html> tscript12.js $(document).ready(function(){ $("#click").click(function(){ alert("haha"); }); });
2 jquery plugins on one html page
Greetings - Very little jquery experience. Trying to use two different jquery plugins on the same page (labeled 'Slider' + 'Carousel'). They work fine individually, but not together. Can you take a look at the code and/or test link below, and let me know how to resolve. Thanks. Test Link <!-- Slider --> <script type="text/javascript"> $(document).ready(function() { var slider = $('#slider').leanSlider({ directionNav: '#slider-direction-nav', controlNav: '#slider-control-nav'
Using datepicker's onClose or onSelect method to populate an alternative field with a different date format
I have a page used for scheduling that requires multiple date fields. The owner wants the dates to be displayed in the M-dd format. The database needs the date to be in the yy-mm-dd format. I have a hidden field to receive the database formatted date, but I'm not getting how to make datepicker populate the hidden altField that ties to the displayed date field. My confusion lies in that I haven't been able to figure out how to pull an attribute value from the displayed date field, and use that value
bug double click with td and div
Hello, i just try a simple code. <div id="test" onclick="$('#txtid').val($('#txtid').val() + 'test/');">
<table>
<tr class="montr">
<td class="montd" id="tdid" onclick="$('#txtid').val($('#txtid').val() + 'toto/');">toto</td>
</tr>
<tr>
<td>titi</td>
</tr>
<tr>
<td>tutu</td>
</tr>
</table>
</div>
<input id="txtid" /> If i use script $("#tdid").click(), the result in input is toto/test/test/. We have 2 click
How to set aria-hidden attribute on JQuery Show/Hide functions
I am working on web accessibility. I need to change(set if not exist) aria-hidden attribute when call JQuery Show()/Hide() functions. This is showHide function from JQuery 1.9.1 I added only 2 lines of code: elem.setAttribute("aria-hidden", "false"); elem.setAttribute("aria-hidden", "true"); This is working but I am not sure will this work in all browsers? http://www.w3schools.com/jsref/met_element_setattribute.asp It looks that IE8 an earlier does not support setAttribute method. function showHide(elements,
jquery drag drop hangs or stucks for android browser
see below link http://liveweave.com/JckSgC [ ^ ] when i try to drag drop items item gets stucked some where on mobile screen without being dropped to droppable area, and when i click somewhere and screen it starts working (this bascially happend one i open page for first time) what could be issue and how to resolve it
Problem with jquery.mobile-1.3.2.min.css when change radio checked
I have this problem with this code it works but if I put label does not work any advice? This code work <script>
function seleziona(idradiochk) {
$("#"+idradiochk).attr('checked',true);
};
</script>
<fieldset data-role="controlgroup">
<input type='radio' name='radiocam' id='radiochoice2525' value='2525' />
<input type='radio' name='radiocam' id='radiochoice2524' value='2524' />
<input type='radio' name='radiocam' id='XXradio-choice-1066' value='XX1066' />
</fieldset>
<a onclick="seleziona('radiochoice2525');">clicca</a>
Linking screen keyboard with Mailchimp form
Hi! Im just getting started with jQuery, and already ran into my first problem. LINK: http://onelan.grafikomudv.dk/keyboard/ I've got this keyboard that fills out the 'Dummy' field perfectly. And I want it to do the same with the Mailchimp form above, so I can delete the 'Dummy' field. Can anyone provide help? I tried change the selector but without any luck. Thanks!
Next Page