Setting programmatically max value of slider
Hi all, depending on which radio button is pressed, I want to set the max value of a slider dynamically. It seems, that: - when I click a radio button, setSlider is called twice - the max value does not change at all Here's the code: $(document).ready(function() { $("input[name='Periode']").click(function() { setSlider($("input[name=Periode]:radio:checked").attr("value")); }) }); function setSlider(id) { var intHours = new Array(24, 24 * 365/12, 24 * 365/4, 24 * 365); alert(id); $('#page').page();
Latest require.js Not Working with the Latest jQuery Mobile and knockout.js
I have an ASP.NET Web API single page application (all HTML5/CSS3/JavaScript talking to the Web API only to transfer JSON data) that was working with require.js v2.0.4, knockout.js v2.2.0, and jQuery Mobile v1.2.0. Using Nuget, I upgraded to the latest version of require.js (v2.1.1). (Note: I’m using only require.js. I removed r.js. I never needed it in the past, which was just a day ago.) And, now my application doesn’t work correctly. On the Network tab of the browser’s tools, I can see that
Sortable on ul - dragging an item does not make list scroll in IE9
I am seeing an issue with Sortable in IE9 that list does not scroll as an item is being dragged down. Is it a bug or am I missing something here? Here is the sample that I am working with - <style type="text/css"> .sortable { border: 1px solid black; height: 200px; width: 368px; list-style-type: none; margin: 0px ; overflow-y:scroll; padding:0px 0px 0px 0px; font-family: Verdana; } </style> <body> <ul id="sortable"
Class functionality does not carry over when loaded dynamically
So I have the following code: <div data-role="content"> <div id="droppable" class="product_canvas"></div> <div class="customization_selection"> <div class="ui-grid-a"> <div class="ui-block-a" id="first_column"></div> <div class="ui-block-b" id="second_column"></div> </div> </div> </div> When I load an image and set the class attribute, the js method for the draggableImage works fine. It looks like this when all is well in the world: <div class="ui-block-a" id="first_column">
'Shake' effect every 5 seconds ?
how would i make the shake effect run every 5 seconds? do not want it clickable, just to start right away with 5 sec intervals of shaking. heres what i have now: <script> $( document ).ready(function() { $( "#toggle" ).effect( "shake" ); }); </script> thanks
Apply preset format to input field
Apply preset format to input field 1. How can I set the input to reflect this structure "999-999-9999" The "-" must be preset. (The user only need to type the digits). 2. The total number of digits will always be 10 digits. Any other command that I can use to replace the "rangelength" Thank you. Copy code phoneno: { required: true, digits: true, rangelength: [10,10] // numeric always 10 digits },
datepicker UI beforeshowday equivalent in keith-wood datepick
Hi All, I am currently using keith-wood's datepicker for multidate selection. Also i saw many features added in this datepicker. Now i need "datepicker UI beforeshowday equivalent in keith-wood datepick". I googled regarding this. some say that we can use onDate function. but how to use it.? can i please have an example for that..? i need this to enable only specifics dates in array. please help me on this.. Solution: I should have worked out this way before. But anyway i got a
how to do this menu?
Hi I am using the following sample. Please select a number: http://jquery.bassistance.de/accordion/demo/?p=1.1.2.4 Second Menu when user go to bass to menu and select electric, page loaded with selected menu;exmaple electric. but user mouse over other top menu, top menu is opened.but i'm user remove mouse over, selected top menu showed. how to do???
Update TextBox With More Than 1 Date From JQuery Calendar
Hey Guys, So i've used a DateTime textbox to allow the user to enter a date and click create, it will add this date to the DB. This works fine, So i've added a Jquery datePicker calendar to select multiple dates, (which works) but when I close the calendar it only adds the last selected date to the DateTime text box.... How can I go about where it will add all of the dates to the text box and save them to the DB? <script> $("#HolidayDate").addClass('date-pick'); $('.date-pick').datePicker ( { createButton:
Jquery Date Picker arrow key should be prevented
I want to force the user to only use the drop down and calendar to select a date in the DatetimePicker control. I do NOT want them to select the control, then use the up and down arrow keys to change the date. How can I prevent them using the arrow keys? Any help much appreciated. <script type="text/javascript"> $(function () { $(".datepicker").datepicker({ changeMonth: true, changeYear: true }); }); $(function () { $(".datepickerApplyyear").datepicker({ changeMonth: true, changeYear: true, yearRange:
Radio buttons with different names using JQuery.
Hi, I have created radio buttons with different names and make it working. If we select one Milk radio then Butter and Cheese not select and vice-versa I want to do same using JQuery. Following example using Javascript. <!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> <title>My Page</title> <script language="javascript" type="text/javascript"> function radiobuttons(checked)
jQuery Post to webservice
Hello, I'm looking for a way to post to my webservice. I've tested this via SOAPUI and it works like a charm. Now I want to code it but this does not seem to work. I'm using the following code: var aData = jQuery.ajax({ type: "POST", contentType: "application/xml", url: "http://delyo001.you.local:8000/sap/bc/youconsulting/ws/rest/anonymous/z_names_post?firstname=testz&lastname=zefzef", // for different servers cross-domain restrictions need to be handled //dataType: "json" success: function(xml)
accordion content cut off at bottom of page
here is the site http://patti-bee2.dcccd.edu/tank/gen6.html selecting the cyrix link opens the content but as you scroll to the bottom of the page, you'll see that it gets cut off. How can I fix this so the page will automatically extend downward to show all the content?
jQuery Pagination plugin 'page' option
I am having trouble with the jQuery Pagination plugin 'page' option (http://www.xarg.org/2011/09/jquery-pagination-revised/). It still fetches page 1 even when it is set as 'null'. Any help would be appreciated $('#SpamShortcutForm').ajaxForm({ //submit shortcut form success: function(results){ //console.log('<?php echo $this->Paginator->counter(array('format' => '{:count}')); ?>'); $(".pagination").paging(results.pcount, { format: '[< ncnnnnnnnn! >]', // define how the navigation should look
SF 2013 Conference
I missed 2012 because it was on the same days as Google I/O. I would really like to attend the 2013 conference. Google I/O will be on May 15-17, 2013 Thanks Alvin
I am writing my first JQuery script, I'm using the CDN and I'm not seeing any button images. I will paste the code below.
<html lang="en"> <head> <meta charset=UTF-8" /> <title>View Source</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"> </script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> </head> <body> <div id="home" data-roll="page"> <div data roll="header"> <h1>Home</h1>
A Very Simple and Open Carousel
live demo: justinmccandless.com/demos/jQuery-Open-Carousel/index.html the code: github.com/justinmc/jQuery-Open-Carousel It's a carousel that is super easy to implement in HTML without touching any javascript, while also trying to be as flexible as possible. After including the js and css, you can implement it as easily as this: <div class="ocarousel"> <div class="ocarousel_window"> <!-- Your Content Here --> </div> </div> A bunch of more detailed features are easy to set up, like
Make draggable contianment array use the parent div coordinates instead of the window
I was playing around with the draggable containment array [x1, y1, x2, y2] and it seems that it uses the coordinates of the window instead of the coordinates of the parent div. Is there any way to make the containment use coordinates of the parent div. The problem being my draggable item is larger than the parent div so I can't have it contained to just the parent. Basically what I'm going for is creating a window (div 1) with overflow set to hidden. Then placing an image in that div that is larger
Resizable div in a resizable div issue
Hi all, i'm new about jqueryui but i'm having a lot of fun with it. Until now... :-) I cannot understand why i cannot have a resizable div in a resizable div. This is the example. <style> .demo { width: 150px; height: 150px; padding: 5px; position: absolute; top: 150px; left: 200px; } .fence { width: 350px; height: 450px; padding: 5px;
sortable with <span> causes target placeholder to misbehave
I made some <ul>'s and made them sortable in the usual way. I gave them a common class and connected them so I could move items between the lists. I wanted to put a label on the lists (e.g. list 1 , list 2, etc.) I did that by typing text after the opening <ul> tag, and it worked fine. Then I wanted to style the labels, so I put them in a <span> tag and gave the span a class so I could style them all the same. That breaks the way the sortable objects work: a target only opens on the fist or last
Resize the image to fill screen when users rotate mobile device
Hi, How do I resize the image to fit the phone screen when users rotate between portrait and landscape modes? I want the image width to be about 100% of the screen width and maintain the aspect ratio. Thanks
Combine jQm with Backbone.js / ember / Spine / AngularJS / ... ?
Hi, what do you think about using one of the mentioned MVC frameworks together with jQuery Mobile? Some tried to integrate Backbone.js and there is a "proof-of-concept" with ember. Seems to me like most guys use jQuery Mobile w/out those libraries / frameworks. What do you think about it? Is there any experience (good/bad) you can tell us about? -- hgoebl
Using scrollLeft with percentages instead of pixels.
Is this possible?
JQM + PhoneGap app won't rotate to landscape on iOS
Does anyone know what would cause this and how to fix it? It rotates fine on Android. Thanks!
Question : Can you combine A document.ready function like so
Can this be done. I want to call this script below <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> then Let it do what it does, and then end the function (Kill it) so that i can then call this <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> with out one canceling out the other.or Can these be conbined. also : same question having this in the head <script src="http://code.jquery.com/jquery-latest.js"></script>
Using larger icons (30x30) in listviews?
Hello, I've found those icons I'd like to use in listviews. The icons have got a size of 30x30px. If I use the class "ui-li-icon" for the images, they gonna be resized to 16x16. <ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="b"> <li data-role="list-divider">Menu</li> <li><a href="/link1"/><img src="/images/icons/icon-mail.png" class="ui-li-icon" alt="" />Link1</a></li> </ul> If I don't use that class, the item will have a double height. How can I fix that problem?
How to use a select list to update a mysql db table
OK, I have a web page that has 2 select lists: select1 and select2. Using jQuery I can allow the user to put a selected list item in select1 list to the select2 list. Everything is ok. What I need is one of these possibilities: When the user clicks the Add button/link on the Attendees list. an event is fired that then gets the option value and puts that value into a MySQL db table. OR A button is at the bottom of the form and when clicked, some jQuery code is called that iterates over the select2
stopPropagation and preventDefault events do not work on mousedown events for form in inputs in IE7 & IE8
Greetings, See this jsFiddle: http://jsfiddle.net/RvvjX/11/. Internet Explorer 7 & 8 (and apparently 5&6) do not prevent defaults on form inputs and text areas. I don't expect jQuery to fix the browser in this circumstance, but I would expect the stopPropagation documentation to advise of this reality. Can this be added to the stopProp page? The discussion thread of the documentation page was closed 2 years ago...
Passing dynamic data with Jquery Form Plugin
I'm using the Jquery Form Plugin to submit a form with ajax on my wordpress site. I grab most of the fields from input data which is easy enough to process using $_POST but I need to add an extra array of data that I populate with jquery and then I need to send it with the formData so I can grab it in my php function that processes the form. So something like this. var options = { url: ajaxurl, beforeSubmit: validatePost, success: showResponse, type: 'post', data: { action:'process_'+ editType +'_edit_form',
what does greater than mean in this function?
what does greater then = ">" mean in this function ? $(function() { $('#tabs').tabs('#tabs_panes > div',{initialIndex:0}); });
JQM -display different html pages based on values in dropdown
Here is my code -http://jsfiddle.net/aVkgp/201/. I have a menu bar with 2 dropdowns in header - one dropdown to left and one dropdown to right. Now , left-dropdown has 5 options in it and right-dropdown has 5 options . I want condition somethign like this - if (left dropdown=="LD1") && (right dropdown=="RD1") - create an link to 11.html if (left dropdown=="LD2") && (right dropdown=="RD2") - create an link to 21.html if (left dropdown=="LD2") && (right dropdown=="RD3") - create an link to 23.html
Keep same layout for iPad when users rotate
Hi, Is there a way to prevent iPad to change the layout when user rotate it? I want to keep iPad in landscape mode even if user rotates it to portrait. Thanks
Content of page cut
Here you should see 2 identical pages. One of them will be cutted when I scroll down. The rounded end of the last listview element is not visible. I have no idea where the error is. Do you?
One time sliding nav
I have a requirement for a project that I am not sure I have ever seen before but basically I need to have a nav bar across the bottom of the screen on the home page, when the user clicks on a link the nav bar slides up the page locks into place and scrolls the content underneath to the appropriate page ( it's a vertical scrolling site ). The rest of the session it doesn't move. Any idea how I can achieve this or has anyone seen this? Thanks! Sam
Connect .html(), .append() and .prepend() to nested element within target
Hi All, is it possible to connect all the methods concerning adding/removing/appending html to an element to a nested element residing in the target? To give you some background, i'm using a jQuery plugin to enhance a DIV with nice scrollbars. The best one actually adds itself IN the DIV it needs to scroll, this works best if the DIV is removed from the DOM without jQuery knowing this. The only setback is when i use .html(), .append() and such the construction is broken. So i looked at the construction
How to trigger selected event of combobox ???
Hi All, I have implemented below function for selected index changed... $("#YOJ_TEMPLATENAME1_dropdownlist_YOJ_TEMPLATENAME1").combobox({selected: function(event, ui) I need to trigger this 'Selected' event at the end of my script.. How should i trigger this event...???? I have tried $('#YOJ_TEMPLATENAME1_dropdownlist_YOJ_TEMPLATENAME1').trigger('change'); But its not working....
jQuery Facebook Feeds XML Reading Problem...
Hello, My English is bad. I'm sorry if I write wrong. Facebook notifications, I want to take with jquery. Facebook RSS Link: http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20 I can do it with php. $dosya = xmlyukle('http://www.facebook.com/feeds/notifications.php?id=135499233146253&viewer=100003775509758&key=AWi04GZM2EZSzqTY&format=rss20'); $dosya = new SimpleXMLElement($dosya); foreach($dosya->channel->item as $yaz){ echo
jquery ui accordion need different actions for link vs. icon
I'm trying to use JQuery UI Accordion for a multi-level menu, like a Superfish menu, but with vertical accordion presentation instead. For example:- Home - Products - - product category 1 - - product category 2 The 'main menu' level items are linked to the corresponding page, so in this example, 'products' is linked to the 'products' page. In the accordion menu, if you click the '+' to open the 'products' menu, the 'products' link is activated and you are taken to the 'products' page. This seems
combining lazy loader and animated scroll to anchor
Hi, I am new to jquery and I really need help. I am using lazy loader from this site http://andersonferminiano.com/jqueryscrollpagination/ ,and I want to add animated scroll to anchor to this. It means that I have to jump to a div that's not has been loaded yet, and I can't make it work. Can any one can help me out? Any help will be appreciated!!
Error when calling popup("open")
I have a very simple single page JQM on Cordova(PhoneGap) app I'm "prototyping". In my index.html, I have this basic layout: <head> <script type="text/javascript" src="script/cordova-2.0.0.js"></script> <script type="text/javascript" src="script/jquery-1.8.0.js"></script> <script type="text/javascript" src="script/jquery.mobile-1.2.0-alpha.1.min.js"></script> </head> <body> <div id="homePage" data-role="page"> {content for this div} </div> <div id="nestedPage1" data-role="page"> {content
Next Page