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?
blockUI prevents TinyMCE 4 plugins from working
Please see fiddle at http://fiddle.tinymce.com/bzeaab/16 . When TinyMCE 4 (v 4.1.5) is hosted in (malsup's) blockUI display, plugins won't allow text editing. Other, non-text fields in the plugin still work. Is there a way to allow tinymce 4 plugin fields to get focus while under blockUI?
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();
dynamically render select options in a form
hi everyone i want to dynamically render select options in a form, the number of the select tags that are rendered will depend on how many a user has selected.. for example, if a user says they want 3 items. i want to display 3 select options tags. Each of the input tags will have their values fed to them from an array function(its just a simple php array). i am not sure of the best way to dynamically render these tags and would really appreciate some advice. it might help if i show u what i mean.
Trying here to change the value of data-foo
Hi, Im trying here to change the value of data-foo, but it doesn't work.. <li class="jander" data-foo="bar1">Item</li> $( document ).ready(function() { $('li').attr('class','clander'); $('li').data('foo', 'bar2'); });
Popup pluggin
i want to create an effect similar to this website . if you visit This website you will see that , IN the services section , if you click on any of the icons , a popup appears , is there any pluggin the Jquery that can acheive that for me ? Thanks .
Is there anyway to trigger some action on closing multi select window.
close button is highlighted with red square in attached image <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> </head> <body> <div data-role="page" data-theme="b"> <div data-role="header"> <h1>Multi select bubbles in listview</h1> </div> <!-- /header
autosearch text box using jquery like windows 8 search textbox
hi i want to create auto search text box like windows 8 operating system autos earch textbox i have one array,word will be searched from that.
How to parse $(this) into a setTimeout function?!
Hi, I've got a probably rather simple syntax question but I can't seem to find a solution. That I want to do is a adding a class to all ing tags within a servant container. With that class on I apply a transition and the images fade it. Just that would be easy. But to have a nicer effect I want to fade the images in with a slight delay so the effect of a "wave" is created. I idea to archive that is to add the classes (that make the image appear) with a slide delay using a setTimeout function. My
The most popular jQuery plugin which creates the animation of swiping?
Recently I'm about to create a mobile website, in which swiping left and right allows users to navigate between pages (just different <div data-role="page">s, not actually independent html pages). Although jQuery Mobile and its Pagecontainer widget can achieve the change of pages, it doesn't seem to also create the drag-like animation of swiping. I did some search on Google and found a few plugins which create the animation. But I'm new to mobile website development and know nothing about the popularity
How to define 'event' on the page after navigation- getting 'event' undefined while using event.target.id- Firefox Only
I am using `event.target.id` in the click event of a button. I have button on click of which it navigates to a certain page: $("#alert-proceed-button").on("click", function(event){ window.location.href= '#accounts/admin'; } I have passed `event` as a param on the click event function. I added an event listener to that click so that when the page gets navigated, the 'target id' will be captured and i can perform further action using that 'id'. For that i did something like: initialize:
Performance Listview, Hoverdelay, Swipe
Hii It's been a while since I develop on jquery, my application is almost finished but there are some pretty annoying problems on ergonomics and fluidity to a potential user. As you probably know, the first impression will be the user will be the last so long as it is the best possible. Now knowing that all other applications on setting performance, developing on JQM smartphone, we manage to bring this performance but it still lacks a little more. I developed a fairly light application (230ko
how make a condition with events onclick click on button
hello there, i am working with window.pageYOffset. i use to know what is the position on Y to active a class in menu and to do a lot more things. window.onscroll = function () { //null if (window.pageYOffset >= 100){ document.getElementById("menu-Bt1").className = "menu-bt"; document.getElementById("menu-Bt2").className = "menu-bt"; document.getElementById("menu-Bt3").className = "menu-bt"; document.getElementById("menu-Bt4").className = "menu-bt"; document.getElementById("menu-Bt5").className
jQM 1.4.4 icons not showing
I have just started using jQuery Mobile for an ASP.NET site which will have certain pages designed expressly for touch/tablet access. JQM certainly seems the way to go, but for some reason I am unable to get icons to show, even when I keep it very simple and only use CDN hosted JS and CSS, as follows: <!DOCTYPE html> <html> <head> <title>JQM icon test</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
how can i set live method in jquery 50 times?
I am using javascript and ajax and i don't want to use any asp.net control . When user type 50 and focusout from textboxt1 , a table with 50 row is dynamically generated, $("#textbox1").focusout(function () { buildtable(); }); for first row : var i = 1; $("#MyGrid1 tr td.txt2" + i + "").find("input.txt2" + i + "").live('focusout', (function () { // do anything })); and work for first row. but if i use :: for(i=1;i<51;i++){ $("#MyGrid1 tr td.txt33" + i + "").find("input.txt33"
Number of records size jquery can read
Can you please let me know, how many records can $ajax can read from database
different script location not work
<script type="text/javascript"> community = "Javascript Indonesian"; </script> <script type="text/javascript"> alert(community); </script> how to solve that ? thanks fird0s
Redirection URL
Hi All, I have an issue with the redirection url, here is the problem statement I'm in an HTTPS page and i have a hyper link When the user clicks on the link it should enoute to HTTP page, nevertheless by default its redirecting the HTTPS, hence its always returning error code 302 (Moved temporarily exception). $('a.logo').click(function(e){ e.preventDefault(); window.location.href= "http://XYZ.com"; }); But its not working. CAn you please help me out with this issue? Much appreciate all your help
listview truncate text
Hi, I need to make <li> elements to show text without truncation (both if they are just <li> elements or list dividers). I tried a lot of things found in other posts like .myParagraph.ui-li-desc { color:#333; overflow:show; text-overflow:clip; white-space:normal; height:28px; margin-bottom:0px; } and similar but nothing worked for me. Any help? Thank you!
need to pass dynmaic php variable(an array) through the name tag
http://stackoverflow.com/questions/26128809/php-variable-not-recognized-in-jquery
Next Page