jquery mobile 1.4.4 custom build css
Hi: Has anyone tried to build custom jquery mobile? As I understand that one needs two css files theme and structure. If that's true, the combined theme and structure css files should be around the same size as the one in the jquery mobile non-custom build version. But I looked at the non-custom built jquery mobile. the jquery.mobile-1.4.4.css is a lot larger than the sum of jquery.mobile.theme-1.4.4.css and jquery.mobile.structure-1.4.4.css. Am I missing something? So far I have not been able to
Slide Effect Question
Ive been looking at the slide effect in the UI demo. Is there a way to make the slide effect instead of left-right toggle, use a right-left toggle? Thank You
custom page event
hi, i'me developing a small web app with jam 1.3.2 at the moment. i use the page events to define some query. but i also change the content of the pages via ajax in some cases and I need a new pageevent for it ;) I would like to define s.t. like 'pagescontentchange'. is it hard to define such a event? thank you for tips and best, heinetz
OAuth
I'm needing to ajax call Yahoo's Placefinder api with jQuery, I signed up for an api key but none of their examples show the use with jQuery, there is php, C#, ruby etc. I can't use the C# example I need to call it client side. Has anyone done this or is their an example anywhere? I cant find any on google. Thanks, Sam
How to Query Json data in Jquery
Hi, I have Json file in below format. I want to query this file based on datetime field and pick that particular event.can some help me. Thanks in Advance { "events": [ { "title": "Hi", "description": "Event1", "datetime": "new Date(2014,10,29)" }, { "title": "Hi", "description": "Event2", "datetime": "new Date(2014,10,1)" }, { "title": "Hi", "description": "Event3",
.not() not working as expected
I have a function that looks at a table and gets tr based on checkbox being checked. I then want to read the text in td's for each row, but skip the checkbox, which I added the class "checkbox" to something like this: addToPlan : function(){ var activeSites = ''; $('tr').has(':checkbox:checked').each(function(){ $(this).find('td').not($('.checkbox')).each(function(){ activeSites +='"'; activeSites += $(this).text()
Passing jQuey array
Hello I'm working on a control panel form. One of those fields is a selection of images from a gallery. I'd like to open the gallery in another page and do everything I want (upload, edit, delete images) and then, select the images I'd like to include in my post. I put all the selected files into a jQuery array called 'selectedItems'. Everything is fine here, the problem is, I don't know how to pass that array to the parent page... I mean, I have the post data into the page A (title, content, etc),
modified To Do List
I recently Modified My to do list , to look something like this . Find it here . You can enter an item and u'll see it appears below the Input area , now i'd like to add a small functionality to this thats , when ever i double lick any on the text To Do list , it would allow me to edit The text inside it . Possible ? would i have to use a Library or a framework to accomplish this ?. Thanks . Gautam.
highlight effect...display none problem
I have made a dropdown menu and when the user makes a specific selection I want this to be highlighted with a background color. So what I do is to addClass(with a background color) to the specific element and from there use toggle('highlight'). Here is the code: $('#timesfrom').addClass('tslothighlight').toggle( "highlight" ); #timesfrom is the ID of the drop menu. The problem is that when highlighting ends,jquery adds display:none which means the menu simply disappears-something I do not want.
Date picker in jquery mobile
Hi, Can anyone can give an example for datepicker for jquery mobile.? I have taken <input type="date"> (html5 control )to add in my application. But the problem is, I am unable to update the value in to that textbox. Usually we do as document.geElementById('textboxID').value= our result; But when I am updating the <input type="date"> textbox its not updating. Any help.
Change background image of the site for each navigation menu smoothly using jquery
I use javascript function for each menu and call that function onClick event. What i face is the image is not changing smoothly, Some times its loading slowly. Lets consider 2 links each link calls a function for changing the background of the body This is how i change now function events(){ $("body").css('background-image','url(./wp-content/Uploads/img3.jpg)'); } function projects(){ $("body").css('background-image','url(./wp-content/Uploads/img2.jpg)'); return false; } Projects Events
How to Have Code Not Get Rendered Inside the Textarea?
How to have code not get rendered inside the textarea? When using <pre></pre>, <code></code>
Event for text box for coming value from date picker
Hello I am new member of this forum, and this is my first post here.. :-) i have one problem.. i have one date picker by selecting date, that date is coming into text box. Now i need to update span text when value coming into text box of date. i used <input type="text" id="start_date" value="start_date"> <span id="StartDate"></span> $('#start_date').on('change keyup keydown click paste', function() { if ($('#start_date').val() == '') { $('#StartDate').text(Date');
initialize on jquery
what is mean initialize jquery
Using button to change value
Hi folks, i'm currently working on a 360° view using the reel.js plugin (reel360.org) - i'm trying to use a simple button to change the image folder or range.. the button does not do anything, what am i doing wrong? Code: <html> <head> <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script> <script src='images/jquery.reel.js' type='text/javascript'></script> <script> $(function () { $(document).ready("#change").click(function () { $("#image").attr("data-images",
Droppable tolerance touch problem
I didn't know how to formulate the question, so suggestions about the name of the question is advised :D. So basically I have a grid(the main droppable container), consisting from elements 20x20px and in order to snap the draggable in the conrainer according to this 20x20 elements I need to use the SnapTolerance to correct their positioning inside the grid. for(var i=1; i<=15; i++){ $('#box-' + i).draggable({ revert: "invalid", stop: function(){ $(this).draggable('option',
Selecting forms in divs
Hello all, given a selection of divs: $divs ..can I do this: $divs.find("form").submit(function (q) {...}); ? Thanks in advance! jQuery Ajaxify Plugin: http://4nf.org/
Jquery BlockUI plugin adding Detach DOM elements in Document Fragmentation
While investigating a memory leak in IE11, using the developer tools I found some DOM Detach elements. After doing further investigation, inside I found Document fragment sections where some HTML nodes were still retaining memory and not being garbage collected. Here's code from the BlockUI plugin var s = "Some Div tags" var lyr2 = $(s); $() is adding in document fragment I am using jquery 1.7.2 version, assistance appreciated Please find line numbers . https://github.com/malsup/blockui/blob/master/jquery.blockUI.js#L293-L326
Datepicker and Radio Buttons
Hello, i use for my website the datepicker plugin, works good. <form action="<?=$_SERVER [ 'SCRIPT_NAME' ] ?>" method="post"> Datum: <input id="datepicker" name="datepicker" type="text" readonly="readonly"/> <input type="submit" value="press button" /> But now i need also 3 Radio Buttons between date field and submit-button. but i dont know how, perhaps anyone can help. <?php if( $_POST [ 'radiobutton' ] == "1" ) { echo '...' ; } ?> <?php if( $_POST [ 'radiobutton' ] == "2" ) { echo '...' ; } ?>
scrollTop not working on chrome
Hello, im using what supossly is the solution for this issue, but still only works on IE and Firefox and fails in Chrome. I'm using $('#imgArribaCarrito').on("click", function () { $('html, body').animate({ scrollTop: 810 }, 2000); }); But nothing happens in Chrome....I guess there must be a conflict...but not sure what. Any ideas of possible causes? Site is (already live) at http://pranavyana.com.ar/ Thanks!
backbone view inside a jquery ui dialog
I have a backbone view and in it I have a button click event. When the event fires, I want to launch another view inside a jquery ui dialog wher user can enter information which would be saved to the database. I have no issue launching a .html page inside the jquery ui dialog, however its launching a view inside a dialog i am having issues with
StopWatch functionality in jQuery
Could you please help me with a jQuery control to display stop watch in a page. I want to specify a date internally in the code and it will display hte countdown of days + hours + mins to the date specified may be by using system date andtime.
datepicker accessibility - want to trigger event when using arrow keys to move through dates
Hi all - first post to the forums. I've been tasked with finding the best option for an accessible datepicker. The key is to make a screen reader announce the new date as the user presses <ctrl> + arrow keys to move forward/backward through the dates in the datepicker. I'm testing with NVDA. I've created a test page following the information in this article: http://www.deque.com/blog/accessible-jquery-ui-datepicker/. One of the benefits of the jQuery datepicker, as stated by the author, is that
Jquery Full Calendar width problem shows scroll bar
any way to solve the problem? I want it to be responsive but when i minimize the calendar shows scroll bar
[SOLVED] Accordion
I want to put inside each section of my accordion one file html (one for each header). I set $( "#accordion" ).accordion({header: "h3", collapsible: true}); and the body of my html file is typically like the following: <BODY LANG="it-IT" TEXT="#000000" LINK="#0000ff" DIR="LTR"> <P CLASS="western" ALIGN=JUSTIFY STYLE="margin-bottom: 0cm; line-height: 115%"> <FONT FACE="Times New Roman, serif"> Bla Bla Bla Bla .... .... .... Bla Bla.</FONT></P> <P CLASS="western" ALIGN=JUSTIFY STYLE="margin-bottom:
Dialog text only showing when using $(document).ready
I have a dialog that is showing just the text embedded in the page, I think it has to do with the fact that I am checking the status of Geolocation right off the bat in a document.ready function. I assume that the issue is jQuery UI isn't loaded up yet. How do I handle this? Do I load jQuery.UI first then check location?
Tabs
I'm using tabs . The problem is that one need to implement a next and previous option , so that the application reload the tab and change the url of it. I used a script , but only sometimes works for me and I have to click twice on link to perform the action below and above. Can someone help me ??? Here you have the piece of code I use. function myFunction(linkUrl) { var $tabs = $('#tabs').tabs(); var selected = $tabs.tabs('option', 'active'); $($tabs.data('uiTabs').tabs[selected]).find('.ui-tabs-anchor').attr('href',
popup not work when page loaded with ajax
hello i have problem when i load new page with ajax popups not work anylonger but if i open that page with new tab and not ajax all popups work perfectly what is my problem? its framework bug? i use latest version and when i use caching pages or data-prefetch sidebar panel's stop working for those page loaded with data-prefetch or cached pages
how to disable <a> tag links in jquery??
I am using jquery version 10. need to disable all "Anchor links" in my project my code: Jquery: function Example(){ $("a.sample").off("click"); } html: <a href="JavaScript:void(0);" id="sample" class="sample"> <img src="/Content/Images/editIcon.png" title="click">click </a> Please reply for this... am expecting valuable reply... thank you
Code needed to reset top of page after swipe
Hi. I'm new to this. I'm having problems sourcing some code for a page on my site. What I want is when leaving the panel for the way back to set to the top of the page and not to the same dtstance I am down the panel. In essence. At this time when I swipe the panel I have to swipe to the top of the starting page. Anyone help Jim Airdrie Scotland
Insert Delete Icon Inside "jqxGrid"
Is that anyone knw how to insert Delete Icon in end of the table which the table created using jqxGrid!? What is the method to get such design? The delete icon should clickable and able to delete entry row data. Any Ideas?
Changing Views Based On Mode
I am developing a widget using jquery ui. This widget is a survey creator. On one side, admin will be using this widget to create survey and the other end the same widget will be used by the end user to take the survey. So it will have multiple questions and choices. Data will be in the form of JSON. With the Data, I am rendering a lot of html on the page (just like a dynamic form). My requirement is, I just need to change the view(html) of the widget based on a property called mode. ie., The JSON
hide default navmenu-panel when at >960 resolution
Howdy, I'd like to take the left navmenu links that display on the homepage by default on resolutions over 960px... and hide it, and make it function like the panel that has to be called by the menu bars button that appears when under the resolution of 960px. In other words, I want the navmenu-panel functionality called by the menu bars no matter the resolution. I can remove display:none; from .jqm-demos .jqm-navmenu-link { display: none;}, and then the menu bars show in the header, but I can't open
After crossing a certain point, the elements moves out of the screen revert to the original place
Dear all For private use I'd like to know how the "The Survival Kit" sideways works. http://agencysurvivalkits.com/ Click on the kit and move it left or right. After the survival kit has passed/moved over a specific point to the left or to right side, the "The Survival Kit" moves out of the screen, shows up on the other side of the screen edge and moves back to the original place. How the the moves back to the original back works isn't so a problem.... http://jqueryui.com/draggable/#revert...but
BlockUI problems only in Safari when button is contained in a form element
I have been struggling with an issue for a couple days and I am at an loss so I figured I would post here. On all browsers (Yes even opera) my BlockUI behaves as expected. Not in Safari though. When in safari the screen never renders the fade or message in the center.. Very perplexing. Here is the relevant code: <script type="text/javascript"> $.ajaxSetup({ type: 'POST', headers: { "cache-control": "no-cache" } }); $(document).ready(function
Hide Div tag using jquery
We have requirement like below. <div class="content_block service_detail_block" style="display: none"> <h3></h3> <div class="servive_description"></div> <div class="service_requests"></div> <div class="service_articles"></div> <div class="mbutton"> <a class="button submit_service_request" href="make_request.do?">Report a problem with this Service ></a> </div> </div> we need to hide div class with mbutton when condition (temp == ' 1234') i have tried like $('.mbutton').hide(); but it didn't work
Make a draggable element snap to the vertices around it with a high snapTolerance
I just wanted to make a grid with a dragged element and make it snap to the vertices around the element I'm dragging but having a high snapTolerance to avoid too much movement of the dragged element. Let's say we got a 20x20 physical DOM grid. Then we got a 50x50 image (or any other not divisible by 20) Let's call the image vertices x1, x2, y1 and y2. Here's a detailed image: Where you can see the black and green lines representing the physical DOM grid... Now, taking into consideration that the
jQuery 1.x and jQuery 2.x
I just learned that jQuery 1.x supports IE 6+ and 2.x supports IE9+, Is it possible to check browser to run different jQuery? For example, if user has IE 8 and earlier to use jQuery 1.x and use jQuery 2.x when users use IE 9 +. Your help and information is great appreciated, Regards, iccsi,
Vertical tab/text styling
Hello, Is there anyway I could make the vertical tabs to be styled to appear in a up/down type style instead of the horizontal look in the vertical tabs example? Where the text would also appear vertical to match? I should just have to override the width and length maybe? Thank You
Accordion menu in Wordpress keeps not expanded after clicking
Currently i'm working on this site: goo.gl/NUD31R The problem is the submenu keeps not expanded after clicking on links and reloading the page. This the code which is, of course, placed in the header.php I guess it's just a small thing and i really appreciate your help! thanks! $(document).ready(function(){ $('.menu .dropdown a').click(function(e){ if ($(this).parent().children('.sub-menu').is(':visible')) { } else { $(this).parent().children('.sub-menu').toggle();
Next Page