Written-Out Countdown-Timer
Howdy Folks! Does anybody know if there is some code for making a countdown-timer, which is displayed in the written-out (like spoken) form? Example (1 Day 15 Hours) would be: "one day fifteen hours" I really hope you guys (n girls) know some advice :) Greets, Michelle
CAN you tell a way for a very big listview get height eg only 300px?
JQM 1.4.2 CAN you tell a way for a very big listview get height eg only 300px? In other words to contain a vertical scroll bar? listview will be search enabled. I wrapped inside the below div the list view - but is it jQm way? <div style="height:300px; overflow:scroll; overflow-y:scroll; overflow-x:hidden; text-align:center; -webkit-overflow-scrolling:touch;">
Right alignment of Collapsible Header with ui-li-count
I construct a Collapsible ListView with the following in v1.4.2 <li data-role="collapsible" data-iconpos="left" data-inset="false" data-theme="a"> <h6> Header <span class="ui-li-count">1</span> </h6> <ul data-role="listview"> ** EditorFor() to create the ListItem with Checkbox ** </ul> </li> When adding the ui-li-count class, the items are incorrectly aligned to the Right, notice the white block. It works correctly when removing the ui-li-count
Why jQuery's own websites not using feature detection or modernizr library for the same.
Why jQuery's own websites not using feature detection or modernizr library for the same. They are using multiple html tags in conditional comments. Like : <!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
need help with animate function
I have this close to what I want, but not quite there.What I am seeking is for the div to appear when hovering over the image, then animate 15 pixels up and disappear on mouse-out. Right now the animate happens every time you hover over the image, incrementing upward 15 pixels each time from the previous mouseover, and I only want the animation to occur once, unless the browser is refreshed. any ideas? Here is the code: <a id="FullBio"><img src="/Management-Team/VP_of_Sales.jpg" /></a> <div id="Show_Hide">View
Trying to prevent the script from getting submitted at page load
My script seem to execute with the page load so i added e.preventDefault() hoping it would stop the page from loading but its not working.. any ideas as to what im doing wrong? <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() { $("#send").click(function(e) { e.preventDefault(); e.unbind(); $.ajax( { type: "POST",
Sticky header ignoring offset when smooth scrolling anchor link is clicked
I'm using smooth scrolling anchor links in a sticky header that is fixed to the top of the page when it scrolls to the top of the screen, otherwise it is positioned statically on the page. The problem I'm having is the anchor links in the sticky header (the header being static at this stage) when clicked scroll you down correctly but ignore the offset on the page (offset being placed so it compensated for the height of the fixed header), scrolling you past the desired content. This doesn't happen
Slide Left-to-Right a DIV
Hi, I have the following DIV which I am using for a slide menu. <div id="categories_menu" data-transition="pop" style="display: none;"> categories list </div> I want to know how can I use this linkCategories click to show the DIV with a Slide Left-to-Right over the existing content (without sliding other contents) but with just have an effect show the DIV as modal (I mean make the content covered with gray for example) <script type="text/javascript"> $('#linkCategories').click(function() { }); </script>
How to do grouping concept on JqGrid when we are using addRowData
Hi All, My Requirement is Grouping functionality on Jqgrid 4.6.I have Data with multiple Names.Please check the code below,and tel me If any changes i need to make.Guide me,Thanks in advance <script type="text/javascript"> $(document).ready(function () { var lastsel = 0; $("#jqTable").jqGrid("clearGridData"); var url = '@Url.Action("BindGrid", "Systems")'; $.ajax({ url: url, cache: false, type: "GET",
Fancybox plugging with PDF
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Fancybox</title> <link href="../_css/site.css" rel="stylesheet"> <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"> <script src="../_js/jquery-1.7.2.min.js"></script> <script src="../_js/jquery.easing.1.3.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.min.js"></script> <script> $(document).ready(function() { $('#gallery a').fancybox({ overlayColor: '#060', overlayOpacity: .3, transitionIn: 'elastic', transitionOut:
submit specific jquery tabs
I have jquery tab with 4 tabs. When user clicks on submit to go between tabs or clicks on a tab, i want to submit data from tab user is currently on to a specific rest endpoint How can i achieve this?
is there a page back event or something similar to it?
I dynamically create a page. what i want is that when people navigate to another page, this page stays in the dom, so people can go back to it from the other pages. so i set data-dom-cache="true". but when people move back the the page before it, i want to remove the div from the dom. here is an example page1 -> page2 -> page3 i dynamically create page2. on page3, the div for page2 is in the dom. but returning to page1, i want to remove the page2 div. is that possible? or do i need to track all the
Switching themes causes jQuery stops working properly
Hey, I hope this is the right place for this question. I've created my website and design with the smoothness theme, and have used the standard jQuery scripts for creating buttons, menus etc. I wanted to change to a new theme, and thus I went an downloaded through the theme roller new themes. I added those themes to the css folder of my site and unfortunately the theme does get picked up, but the jQuery standard scripts stopped working. The only change I've made in my theme choosing is this: <link
Button Selector problem
Hello, I am trying to set a class on a jquery button to change the background color, but the UI styles override my css. My html is here: <button class="pull-right js-disable-cursor-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-disabled" id="insertSmsPlaceholder" role="button" aria-disabled="false" style="cursor: auto; background-color: rgb(204, 204, 204);"> <span class="ui-button-text"> <span class="ui-button-text">Insert</span> </span> </button> My CSS which
jQuery ajax .load resets page layout
Hi All, I am new to jQuery and Ajax, but not to web design and development in html, css, flash and swish etc. I have a standard css/html web page and I am using .load to load an html page into a container. The html page is stripped of everything except content and relevant resource links (no meta etc.). My main website is centred in the browser, but when I load the html page into the container, the whole thing moves to the left of the browser. What am I missing? Main html: <!DOCTYPE html PUBLIC>
Are you limited to how many times you can allow jQuery AJAX on-click actions?
I have list of firms to which I want to add a MAP icon that is clickble to load an external IFRAMED map. I want to use the jQuery AJAX .load process to provide the process to load external blocks of HTML code that when activated for a specific firm with an on-click action loads and displays that specific block of code. The code being loaded is an Iframed Google map for that firm. Only ONE load is being done at a time. I have this working for up to ten firms. When I try more than ten firms to the
Event, Api: correct usage for a simple use case. Feeback needed.
Goal: I try to do learn JQUERY and apply the correct api for a use case. 1. I did according my little understanding See html/javascript code. See below attached picture // dynamically create a list of select/options (Quantity) , textbox (Price of an item), label (Total) // when a select/option is selected, calculate Total = Quantity * Price for each Item and Grand total. 2. How would you code and which aspect of my html/javascript code should be changed to reflect the correct usage of Jquery api
PDF support
hallo i have search forum about PDF inapp support but there is nothing newe then 1 or 2 years old post. is there a (new) way in Jquery mobile to view a PDF file inapp without "leaving the web app" ???? thanks
Writing functions as variables
I am new to jQuary and although I can write functions I can only seem to write a function for everything! One of the methods people use at work is writing functions as variables to cut down on code. However I just can’t grasp this – I find it confusing. Are there any tutorials for doing this particular method? Example below $('.PatchyTopPopUpDiv').click (function () { var ToolTipLink = "#"; var ToolTipImage = $(this).attr('id'); var ToolTipDiv = "Div"; var EmailTool = "-Email"; var ShowToolTip =ToolTipLink+ToolTipImage+EmailTool
jQuery or Plugin to layout dynamic content?
I am using a jQuery Slider Plugin to show different contents. I am using 3-4 Sliders in the same page but these slider contents have different heights, So I am unable space them out consistently. I thought setting div height="auto" would fix it but it does not. Is there a Plugin to do this? For Example I want a consistent spacing of 10px between each slider: <Wrapper> <div Slider1> <item1 height="100px"> </item> <item1 height="300px"> </item> <item1 height="600px">
Superfish Dropdown Menu Problem
Some people in our office are telling me that when they roll over either the "pricing" or "resources" nav items, they can't click on any of the dropdown items without it disappearing before they get the chance. It works fine on my iMac 10.8, but on a lot of Windows machines it seems to be malfunctioning, regardless of the browser. I tested it in Firefox 29.0.1 on my Mac and then in the exact same browser version on Windows and it was screwy in Windows. I guess some of you will not be able to replicate
.click (function() event problem with text()
Hello. I noticed that when i use the click event for a button... a strange thing happend. I use text() to post a text on the screen but the text disapears after a second. What I can do to show the text all the time.... $('#but').click(function() { $('#err').text("OK"): });
One big "Concertina" page - nearly working . .
People, I have managed to get started with: http://philiprhoades.org and it is _almost_ doing what I want - which is: when someone expands one section, I would like any other expanded section(s) to be collapsed, so the total page length is always minimised. I guess this must be possible but I have no clue about how to start modifying the code to get it to do this . . Pointers to code where this behaviour is already available or how to get it done are appreciated! Regards, Phil.
jquery ui icon
When i use these icon in my project (development-bundle\themes\ui-lightness\images) Do i need to add any special text on my website ? These icon are completely free to use ?
feedek plugin get feeds
Hello all :) I'm using the feedek plugin to get rss feeds. It's very easy to use to get all the feeds available from any rss source. My question is about how to get these feeds individually: <script> $('#my_div').FeedEk({ FeedUrl:'http://www.my_feed_soource.com/news.feed', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:300, TitleLinkTarget:'_blank' }); </script> This is great when i need all rss in a 'sigle div' . I need to get , for example, the first and the
Nothing showing up on Jquery. Pls Help.
Excuse the cheezy photo, it's just a placeholder for now. My site is www.TdsJr82.com . I enter the script for my jquery, but nothing is showing up. When I click on the link though while inspecting the page, it does take me to the jquery link file. Any help would be much appreciated, so I could get this to work. sorry, a bit of a newb here.
PLC Siemens S7-1200 web server
Good morning everyone. I'm newbie and it's first time I use JQuery scripts, and I get a problem with server's compatibility: when I load into PLC the file "jquery-2.0.2.min.js", PLC does not accept the " ]]" sequence of characters and stops uploading. I tried to change the code in HTML page, writing <script src="https://code.jquery.com/jquery-2.0.2.min.js"></script> and I can load code in PLC and use web page correctly, but when I try to browse the page in offline mode, it doesn't work... (the PLC
maintain proper width for popover outside the parent container
Hi. I am trying to develop a popover such as Bootstrap popover The thing is though the popover gets deformed as it is moved to the end of its parent container as shown in the image. I would like to keep its proper width even if the popover appears OUTSIDE the parent. Of course, setting css 'width' can help a bit, but it does not flexibly alter the width according to the inner text. I would like to maintain minimum width so that the inner texts do not get forcibly go to a new line. any idea?
Set a cookie on navigation item
Hello! I Think I've Close to a solution but I need help with the final touch of my code.. The thing is that I need to set a cookie on a navigation that is data driven.. the reason is that I want to set a select class because the page reloads after a click. The markup is given and I cannot change that. <div class="test" id="1">Link 1</div> <div class="test" id="2">Link 2</div> The following jQuery set a 'clicked' class on a div I click (that's great), but if I click on a let's say the next div (navigation
BlockUI - unblock some elements on a page?
Hi, I need to unblock some specific input elements (INPUT, SELECT, BUTTON) on a blocked page. I would assume using ids. It's to be able to open a second dialog (my own) on top of a BlockUI (page) dialog. Now all controls in the second dialog are blocked. I want to selectively unblock them, while all other controls on the page are still blocked. Is that possible? Thx
Highlight dates happened in cycled period?
Dear all, I am a newbie to jquery ui. I know how to highlight special days with events. However, now I want to expand this highlight to events which happen in cycled periods but I don't know how. My projects about: - Periods: 35days (continuous periods) - Speed: 4 levels: low, medium, high, very high - each period has 4 phases: 1st 5 days, then 10 days, 15 days, and last 5 days. When this period ends, next period continue. Please guide me to do this. Thanks
Can't get a value
Hi I have a credit card payment form in which I need to automatically calculate 2% of an entered payment value, show that calculated value in its own field and also show the total payment value including the 2% in a third field. This problem is beyond my very basic knowledge of jQuery. Is someone able to help me with a script to achieve the required outcome? Living in hope Peter I have included a block diagramme below to help explain the process as well as an excerpt with the relevant markup, taken
How many parameters can we parse into jQuery function?
Good day everybody, I'm a newbie in javascript and jquery. Currently i am studying a course from codecademy.com . In one lesson, i use function "hover()". I realize that it can take 2 function concurrently. My question is: How many parameters (such as function(){} ) can we parse to jQuery function? Is it possible to parse 3, 4 parameters to jQuery function generally? Is it possible to parse 3,4 parameters to jQuery function typically? Thanks a lot!
Custom Search URL using jQuery and Joomla 3.0
I am new to this forum. The goal is to create a text box and eventually insert the data into a URL. For example: We need to create a text box and have a button that when clicked takes the data in the text field and inserts it into the "variable" part of this URL (then takes you to the URL site): https://forexample.com/storefront/search.do;jsessionid=CD66CBFCC5658D6C9327AA269764EBB2?searchType=keyword&keyword="variable" I wrote this jQuery: $("button").click(function() { var variable = $("#textbox").val();
Popup with form text inputs: avoid redraw when onscreen keyboard closes
To reproduce, open a form with text inputs in a JQM popup and click one of the text inputs. iOS will display its keyboard widget, and if that would cover the text input element it will push the screen up to ensure the element remains visible. Now click the iOS keyboard widget "done" button. The screen slides back down to its former position. The JQM popup handles the resulting resize event with a very jarring flash as the popup is hidden and redisplayed. I'd like to avoid that popup flash if possible.
Need to disable the selected drop down items
Needed to disable few items from a HTML drop down box, with a 'Submit' button not just normal click or normal button. Reason of doing this: I have, a jsp page where I need to perform operations that needs a page to re-load from servlet. Thus have submit button, so once a user is on the page, the drop down having item disabled should remain disabled for the entire session. Any one who could help me doing that using Jquery or Javascript would be great. I know to do the normal disable in JQuery can
Only allowing a Sortable to be dragged from and not dragged to
I have 2 sortable columns. The first is a column with current issues and the second is a column with new issues. I only want to be able to drag from the second column to the first, but not from the first to the second. I dynamically build the portlets in my code behind. Everything is working I just would like to "enhance" my application to not allow drag and drop from column 1 to column 2. I would like to be able to still drag and drop the first column, sort, etc.. Here is my JQuery: $(function () {
why closest select with attribute filter class name no work
My html has nest table, when click anywhere inside the table I like to get the top level table(table1) code: $(document).on('click', function(event) { var target = event.target; var test = $(target).closest('table[class=table1]'); but it find nothing. if I change to $(target).closest('table[onclick=myclick]'), it works. Can someone tell me why? <table class="table1" onclick="myclick"> <table ......> <table...><tr><td>click happen here</td><tr/>.......
How can I prevent two datapickers from being displayed after a successful ajax call?
Hi everyone, I’m doing an ajax call in a partial with a datepicker that loads data in a div container. Everything works fine except when it returns I have two datepickers on the form. One with the select button and the other without. I would like to only one datepicker on the form. How can I prevent two datapickers from being displayed after a successful ajax call? Here’s the script I’m using. <script type="text/javascript"> $(document).ready(function () { $("#datep").datepicker({
Dialog positioning bug when viewport is scrolled (IE and FF)
When a jQuery UI dialog is opened (centered in viewport as per the default settings) in a viewport that is scrolled down, trying to move the dialog by dragging causes the dialog to jump down quite a bit and it might even disappear off screen. The "jump" seems to be proportional to the amount the viewport is scrolled. I've encountered this bug (?) in Firefox and Internet Explorer, but not in Chrome or Safari (tested with current versions on Windows 7). I have not performed extensive testing or debugging,
Next Page