How to retrieve data from Json and display on page using HTML5
Hi, I have a json data that are on the database and I want to render the results on the page using jquery and html5. How should I do that? In order to make things easier for now, let's assume I have a json file right now instead the database. Thanks.
toggle-slide element sideways....
I found this thread somewhat useful for sliding elements sideways... http://stackoverflow.com/questions/9864305/sliding-divs-horizontally-with-jquery esp this fiddle, http://jsfiddle.net/sg3s/rs2QK/ but it uses $('div').animate({width: 'toggle'}); can this be applied for when element is initially hidden then apply slide sideways to reveal it? (oh man, just realized you get a 404 on this fiddle now... it was posted on SO thread mentioned above.. was able to see it yesterday..) basically what
Jquery UI Links
Hi, I use the Google API host to load my UI themes when a user loads my site. One of the user settings is that the theme to be used can be chosen from a list. Then in my pages I have the line: <link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/<?=$theme?>/jquery-ui.css" /> where $theme is the theme name. What I would like to know is how I can find out which of the themes are available for download from there. The default (smoothness) is as is choc-mint,
How can I activate datepicker only on a textbox click
Hello, Im trying use my tabs to jump to different fields. But when I tab over a datepicker field it activates the datepicker and I lose my tab sequence. I want to just activate the datepicker when I click on a datepicker field. How do I do this? Thank You
Problems with modal dialog and aspx undesired postbacks / page load on close
Hi all, I'm having strange behaviours using jqueryui modal dialogs. I have a parent page that opens up popup, inside the popups, i load another page (the popups is an iframe). The popup page is a webform page. All works great, but when popup closes, either with 'X' or calling the .close() function, i have an undesired postback on the page. In addition to this, only on firefox, i have another page_load event, the same event as page loads the first time. This causes strange and uncontrolled problems
Help comparing 2 arrays in jquery
// I'VE GOT two arrays. I want to iterate through itms in the second array to see if an item from the second arry is present in the first array. If it is present I want to effect a function ( alert("jjjj")) and then iterate to the next item and so forth. tx -dave jsfiddle: http://jsfiddle.net/vhabhsrosed/4h9Ef/ $(document).ready(function () { alert("wtfH"); var arr1 = ["red", "blue", "green"]; var arr2 = ["yellow", "blue", "black", "red", "teal", "green"]; $(arr2).each(function
Conserve custom ratio img
I'm trying to conserve a custom ratio in all the images. The ratio is width/height = 7/5. ¿How could I do it? Here you have a exampe: http://jsfiddle.net/Z3LT5/
set date before 1week from todays date runtime
hi .... I am using datebox control. In that , I want set date before 1week from todays date runtime.Please prove me solution for that.
jquery countdown plugin help
hey guys im not sure if you are aware of the countdown plugin but what im trying to do is select the number of days...so instance some like like this: //example if (days > 2) { // show days and hrs }else { // show hours, mins, seconds } here is my working code below...I have looked in the documentation but Im unable to find the sytax if anyone can help please...thank you $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#countdown').countdown(
Parsing XML
I am at a loss. How do I parse this xml? I cannot seem to be able to loop through the "results". What I want as output is: id name description label value label value label value label value ... Please help I am going bald. Warren <?xml version="1.0" encoding="utf-8"?> <tests> <test id="test 1"> <id>test 1</id> <name>Device Testing KPI</name> <description>A summarized Device testing KPI for dates between 01/01/2014 and 06/15/2014 which omits a count of tests conducted.</description> <results> <label_1>Commercial
Using a variable as part of a selctor or attribute?
Hi all - I have a var called seashell that starts at 0, and grows by one number every time someone generates a new form on my page. These forms are generated with the id questionseashell - so if this is the third question the user has generated, the form has the id 'question3'. I'm trying to pick up when these forms are submitted with jquery, but I don't know how to include the var in the selector the way I need to. Here's the code I've tried: $("#question"+seashell).submit(function(event) { event.preventDefault
Help upgrading a Jquery map plugin
Hi! I'm trying to modify a jQuery plugin to populate a div on my site. The plugin consists of a map with different tabs that show store locations. When you click on a location, a dialog pops up with information. See it live HERE I would like to modify the plugin to not only show a popup inside the map with information on a specific store, but also populate a DIV on the left of the maps, under the text. Look at the following image for an idea of what I'm trying to do: When a user clicks on a location
Format plugins stopped working
I use formatcurrency and a phone number formatting for this form: http://youradminpartners.com/sales-contact-entry/ Everything worked fine. I added a checkbox field and suddenly the formatcurrency and phone formatting stopped working. I took out the checkbox field but no good. I had saved a copy of the file before I added the field and went back to it. No good. What the hell happened?
Navigating Forward in Browser Displays Uncached Pages
I am using jQuery Mobile 1.4.2. I have 3 pages where Page1 performs a pagecontainer "change" to Page2 and Page2 performs a "change" to Page 3 while discarding the cache for Page2 using: $.mobile.pageContainer.pagecontainer("change", "Page3.html", { changeHash: false }); When testing in IE or FireFox, navigating back from Page3 successfully displays Page1 as desired. But, if I then press the browser's forward navigation button, Page2 reappears. How can I prevent this? Thanks, Tony
jQuery Ui Selectable with a list of checkboxes
I'm having an issue with Selectable when applied to a list of checkboxes. I have set up my list as follows: <ul id="multiSelect"> <li><input type="checkbox" id="c1" /><label for="c1">Label text</label></li> <li><input type="checkbox" id="c2" /><label for="c2">Label text</label></li> <li><input type="checkbox" id="c3" /><label for="c3">Label text</label></li> </ul> I am calling Selectable() as follows (drag to multi-select, CMD + drag to multi-unselect): $("#multiSelect").selectable({
how can we write jquery only for apple OS X Snow Leopard with some css ?
Hi all, I use some jquery for a simple height maintain for all width resolution. but in this particular operating system of apple that is not working after 1600*1200px. please give me any idea for fix it . this is my script which i am using in page. $(document).ready(function () { $(window).resize(function () { var current_height = $('.home_slider').height(); var mgbottom = ""; if (current_height >= 300) { mgbottom = (current_height - 300) + 15; } else {
Get timezone from address
Hello, I use this code for auto-completing address. Can someone help populate a hidden field with the time zone of that address when address is selected? Thanks JAke
Making divs or HTML input controls read-only
I have a problem trying to make an entire div or individual HTML input controls on the div read only. I have a div that looks like to included HTML code and I late call a JavaScript function which runs the included jQuery statements, but it does not work. Does anyone have ideas. <!-- from "benefits_application_page.htm" --> <!-- start: divReadOnlyFields --> <div id="divReadOnlyFields "> Last Name: <input name="last_name" type="text" id = "last_name" required/><label id="Label4"> Other Names:</label>
Views Slideshow with JQuery Cycle worked correctly before, but now skips images in same set
In a site that's now Drupal 7.28, Views Slideshow 7.x-3.1 with JQuery Cycle had been working successfully for a long time, displaying a cycling set of 8 photos with cross-dissolve transitions (meaning, the transition "fade" and with "sync" on). It is set to display a content type "photo_frontpage_slideshow." At some point recently during the course of various updates, it has stopped working correctly. Now – depending on the exact slideshow settings – it either displays a blank screen between each
jQuery Cycle 2 Activate Slider on Hover ?
Is it possible to activate the cycle plugin only on hover? By default the plugin is always active. It has a pause on hover feature But I was wondering if it is possible to activate the slider only on hover. Example:http://jsfiddle.net/Vxvzq/ <div class="cycle-slideshow" > <img src="https://dl.dropboxusercontent.com/u/7940498/IMPORTANT/testImgs/womensStore_015July2014_row01_01z.jpg" width="279" height="363" /> <img src="https://dl.dropboxusercontent.com/u/7940498/IMPORTANT/testImgs/womensStore_015July2014_row01_02.jpg"
Jquery popup help
I created a jquery popup from a utube tutorial. it is not working correctly. The mask will not append. (I think this is the main problem). I would also like to adjust it to execute off of the actual page load and not the click event but my attempts to change it have not worked. Any help will be great. <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="./Embedded_Vids/html_files/jquery-1.8.0.min.js"></script> </head> <style> body{ background: #e2e2e2; margin: 0px; padding:0px;
JQM 1.4.2 dynamic popup positioning wrong
Using JQM 1.4.2 and JQ 1.7.2 I'm loading the content of a popup dynamically by taping on a button element. Ideally the popup should be positioned relative to the button, but relative to the window will do. However, on both IOS and Android the page scrolls to the very top to display the popup there. I read about IOS scrolling bugs with popups ON CLOSE, but not on open. It works just fine on a desktop computer (linux, any browser will work) Code is simple and looks like this: html: don't mind the $()
jQuery UI tabs external linking disables default behaviour
I am using jQuery tabs and everything is fine. But when i link to one of the tabs externally, the default navigation stops working actually the contents of the tabs are there but hidden. Example : http://jsfiddle.net/J6bnL/4/ But if i disable the external links - it of course works fine. http://jsfiddle.net/J6bnL/2/ I was playing around with it and I believe the culprit is the function that disables the Keyboard navigation for UI tab. " > activate: function(e, ui) { e.currentTarget.blur();
how to validate the "moviesEditor" or "movieTemplate" bit confused
<header>Tickets</header> <fieldset> @if (Model.Tickets == null || Model.Tickets.Count == 0) { } <ul id="moviesEditor" style="list-style-type: none"> @if (Model.Tickets != null) { foreach (Events.Models.Ticket movie in Model.Tickets)
JQuery how to hide whole div and containing table when href is null or empty
Hi, I have below structure:- '<div class="LinksDiv" style="display: inline-block;width: 400px;">' + '<div><table><tr><td><a href=' + (LinkDictionary[linkKey])[0].Url + '> <img src=' + (LinkDictionary[linkKey])[0].ImageUrl + '></img></a></td>' + '<td><a href=' + (LinkDictionary[linkKey])[0].Url + '>' + (LinkDictionary[linkKey])[0].Title + '</a></td></tr></table></div>' + '<div><table><tr><td><a href=' + (LinkDictionary[linkKey])[1].Url + '> <img src=' + (LinkDictionary[linkKey])[1].ImageUrl + '></img></a></td>'
Sortable Issue
Anyone have any thoughts why the draggable line in this fiddle won't go between the sortables? Seems like it makes space for it but the line is placed differently? http://jsfiddle.net/bribar/GNF8Z/
Stop on final slide
Hi there I have 28 slides in total but I need it to stop on the final one Can someone give me the script for this... Thankyou
form wizard without using a plugin
I am in process of building a form wizard. Would like to do this without using a 3rd party plug in like jquery steps etc. Is there a way that I could use what the jquery lib has and with HTML and javascript to build a form wizard?
JQuery add/remove class?
So I have been creating a simple coming soon page for a site. One of the things I want to be possible id that the form button changes class (colour and background image essentially). These scripts that it uses being process.php do work and I have validated that with the end collection of the emails once they have been put correctly into the form. I can say that all of the JQuery works up until the point where the user errors the form first and then gets a successful entering of the email. Heres my
Does it exist an open file dialog with JQuery Mobile ?
Hello, I would like to get a component that when I click on, a dialog box opens to choose a file on the mobile operating system. Does it exist this kind of component and compatible with the most mobile platforms ? Thank you
$.post getting "No Javascript on this page ..."
I am getting a "No JavaScript on this page ..." error on the following jQuery code - <script type="text/javascript"> // Wait until the doc structure is parsed and the browser has created the DOM tree. $(function() { // Ajax capability detecting javascript var xhr; if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); // alert("Using Windows ActiveX for Ajax"); } else if (window.XMLHttpRequest) {
how to pass information to server_processing datatables
Hello friends. Someone could help me to send information to server_processing.php, something like server_processing.php?id=data I found that with aoData.push but my code does not work for me This is my code <script> function fnFilterGlobal (){ $('#example').dataTable().fnFilter( $("#global_filter").val(),null, $("#global_regex")[0].checked, $("#global_smart")[0].checked ); } function fnFilterColumn ( i ) { $('#example').dataTable().fnFilter( $("#col"+(i+1)+"_filter").val(),i,
Javascript is off kindly enable it
Hello i have problem i receive error hi your javascript is off.. for optimal results on this site please enable javascript in your browser .i have installed latest one but also i have issue
jquery hover any element changes img in one element
I really cannot see why this shouldnt work, comments please? <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script> $document.ready(function(){ $('.doit').hover(function(){ $('#cy > img').attr('src', '/images/7.png'); }); }); </script> </head> <body> <div id="tasc" class="doit"><a href=""><img src="/images/1.jpg" alt="tasc"/></a></div> <div id="dsc" class="doit"><a href=""><img
Remaining padding between an <li> tag and an image
Hello, I've a problem. Actually, I think that I've removed all padding and margin for every "li" tag in order to haven't anymore gaps but it's not the case. Between an image and the border of the "li" tag(the line), there is a gap of a few pixels. http://jsfiddle.net/dark0502/mCaNZ/ Do you have any solutions ? Thank you
Ajax Loading Bar?
$(document).ready(function() { $("select[name='month']").change(function() { var infom = $("select[name='month']").val(); $.ajax({ url: "documents/getinfo", type: "POST", data: "infom=" + infom, success: function(likeResult) { $("#likeResult").html(likeResult).fadeIn("slow"); } }); }); }); I have image
tbody display:none with a if condition (Jquery)
Hi, I want to show columns A,B,C if X === North America (accessing a mobile app) or show D,E,F,G if X ===Europe. Both columns will bring data. What is the way to perform this? Should I create the code for North America and Europe in the same index.htm and show/hide depends on the result of X or is there a better division of files I could do? I have seen tbody display:none could be a good solution for my requirement, but not sure how I could implement it using a if condition. Examples are welcome.
menu widget broken (?) after update to 1.11.0
Hi everybody, I'm looking for some help for an issue I am facing: I have just updated jQuery UI in our web app, and the menu widget started behaving differently than before: 1. the menu no longer has rounded border 2. when a menu has a submenu opened on hover, the submenu text is white/hidden I am attaching two images that display the same menu before and after the update. The menu itself is a nested set of <ul/> which contain <li/> which contain <a/> tags. I'd like to stress that I made no change
Need Feedback for a new book - "jQuery 2.0 Development Cookbook"
Hi guys, I'm looking for some feedback on a recently published book on jQuery, namely, jQuery 2.0 Development Cookbook. Link to the book page: http://www.packtpub.com/jquery-2-development-cookbook/book If anybody is interested, please send a mail to me on paushalim@packtpub.com OR You can comment below this post stating your interest (for e.g., your email id and where would you like to share your feedback - Amazon, Goodreads, your own blog, etc.) I appreciate your help regarding this! Please
Generate divs with jQuery
hey guys i need your help i want to make a div generator. so when i write a number in the input field and press the button, the divs should generate. so thats my html <div id="tileContainer"> </div> <input type="textbox" value="3" id="generatetile"> <input type="button" id="tiles" value="generate"> thats my js $(document).ready(function(){ var x = $("#generatetile").val(); for(var i=0; i< x ; i++){ $("#tileContainer").append("<div class='tile'></div>"); } }); my css
Next Page