dates
Hi I am using google RSS feed to pull in an xml file using jquery and jquery mobile, this works well, however the date is reversed. In the XML file, the date is correct (DAY-MONTH-YEAR) but in my app the dates (Months and Days) are reversed. Is this easy to fix? and if so, could anybody please help me? Any help would be greatly appreciated? Below is the code that i have so far: the area is highlighted in red if it helps? var googleResult = []; google.load("feeds", "1"); function initialize()
Div expand and collapse onclick and hide picture
Hello all... What i have is a unique problem... i have multiple Div's that expand on close on one page with a empty space on the right side to the titles of the div. I wanted to put a picture to fill the empty space and have it hide onclick or expand all and return when everything is collapsed. Here is the Jfiddle http://jsfiddle.net/4SVXt/23/ thanks if anyone can tackle this.... Greatly appreciated i do have this in a table so i can background the table and some how trigger the bckgrd pic to
jQuery does not support .Post() in IE
Hello, I have the follow code: <script src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#Buscar").click(function (e) { e.preventDefault(); $("#resultado").html("Cargando... <img alt='cargando' id='loader' src='http://148.232.110.91/Embarques/loader.gif' />"); $.post("Controlador.ashx", { // cmbReportType:$("#cmbReportType").val(),
Using a long setTimeout
i am trying to understand the setTimeout function... i want an ajax call to go out every 30 minutes but i want to understand the resources being spend while it runs in the background... so... 1. when a setTimeout runs does it use a lot of resrouces? 2. would those resources run on the server proccesor or the browser itself (user computer)? 3. is there a better way to tell jquery / javascript - wait for 30 minutes and why.
"HEAD" and Commit ID showing inside my code
After creating a pull request, https://github.com/jquery/jquery/pull/1289 I see a two things I don't understand (lines 941 - 945 and 963 - 967): https://github.com/jquery/jquery/commit/51e0f62c239b12e90cd87a8a19980f954870fc49#L0R941 here: 941 +<<<<<<< HEAD <my code change> 945 +>>>>>>> 68178ff366b6e59f85ad772c0711f826b5b494ef and here, 963 +<<<<<<< HEAD <my code change> 967 +>>>>>>> 68178ff366b6e59f85ad772c0711f826b5b494ef That ID on 945 & 967 is a prior commit, https://github.com/jquery/jquery/commit/68178ff366b6e59f85ad772c0711f826b5b494ef
Dialog not centering
Hi Dialogs are supposed to center by default with just a width and height specified. A simple page only works in Chrome. In Firefox ... - the top position is zero. - when I move or resize the dialog, the top position = height * -1... so a negative height value and disappears. To fix this, I set the BODY element to a height: 100% and now the dialog works. Centers and I can move it around and resize with no issue. In IE, I'm still working on a solution. I tried debugging, but takes alot of time understanding
Review copies available for jQuery Hotshot
We have a few e-copies of Instant jQuery Hotshot (http://www.packtpub.com/jquery-hotshot/book) available for review. If interested, just drop a line in the comments below with following required details: 1. Email address 2. Choice of website for posting your book-review (can be your blog or website, Amazon.com or goodreads.com) "jQuery Hotshot" takes a hands-on tutorial approach and gives a step-by-step walkthrough of 10 individual jQuery projects that each focus on producing a specific, real-world
BgSlider.js from Template Monster
I'm very very very new to this, but I received a template from Template Monster (Pretty Photo) that uses BgSlider.js and I've been modifying it for a photographer's website. My problem is that I can't get the slideshow to work automatically. I presume the code below is what I need to mess with. I have already tried changing the slideshow to true and increasing the time and duration, but what happens is the slideshow runs through so quickly, it looks like the photos are just layered on top of each
Official jQuery CDN does not support HTTPS
I installed the EFF's excellent [HTTPS Anywhere](https://www.eff.org/https-everywhere) plugin for my browser. I noticed that jQuery's official CDN, as listed in their docs, does not support HTTPS. You get a 504 error. It sure would be nice for such a large and popular project to "take a stand" and encourage HTTPS hosting of assets. I ended up going through Google's CDN, but it's just not the same.
Resize using alsoresize to only resize them in one direction.
Hi, I have a problem. I am using a Resize on a div. However, I use images inside the div to act like borders. So, when a resize occurs they don't resize too. So, I added the alsoresize feature. The problem now is that when I resize the div I do the same with the borders. The problem is that I don't want to resize the borders. I just want to for example resize the top and bottom borders to be resized only width wise. The borders on the right and left side will only resize it's height. So, I want
scrollbar and whitespace added on touch or on click
I'm using jqm version 1.3.1 on iOS 6.1.2(iPhone 4S). When I touch anywhere in the page, a scrollbar like line(light white line) at the top appears and a few pixels wide whitespace is created on the left hand side of the page. I can also feel the page move as a result. I'm using multiple pages in one document. I'm using persistent navbars both at the top and bottom on each page. This touch also toggles the bottom navbar. I thought it may be some custom styling that I'm applying so I disable all
Problem with treeview and arrays json
This is my function update_tree: function() { var layers = Global.Model_Layers; var algorithm = Global.Model_Algorithms; for(i = 0; i < layers.length; i++) { var idlayer = layers[i].id; var namelayer = layers[i].name; for(j = 0; j < algorithm.length; j++) { var idalgorithm = algorithm[j].id; var namealgorithm = algorithm[j].name; var layeralgorithm = algorithm[j].layer; } //alert (ullayer); } var data = [{label:[namelayer], children:[namealgorithm]}];
Using code to click on mobile menu
I am using this code to work with mobile menu. $('ul.mobile_menu > li > a.hasChildren').not('.active').click(function () { if ($(this).attr('class') != 'active') { $('ul.mobile_menu li ul').slideUp(); $(this).next().slideToggle(); $('ul.mobile_menu li a').removeClass('active'); $(this).addClass('active'); } This works on the root and first level menu items. I am having problem with second and third level menu ites with mobile device. Any suggestion or can you post the fix.
next().prop('id') doesn't return value of dynamiclly added img in IE8 or IE10 in compatibility mode
Does anyone have a work around for getting the next item of a div that has images added to it dynamically in IE8 or IE10 in compatibility mode. The following code works in FF, Chrome, IE9 and IE10 but not in IE10 compatibility mode or in IE8. var _nxtItm = $("#" + imgID).next().prop("id").trim(); In those browsers it just returns a blank. Again, the images and parent divs are added to the page when $(document).ready is fired. Any help would be appreciated. Thanks
Getting started with jQuery - where do I go next?
I'm new to jquery, and can write basic functions but I've hit a learning barrier. I'm eager to learn more, but I feel directionless and overwhelmed by jquery terminology. I wish to learn it properly and at my own pace, on a side note: my job frequently requests me to "debug JavaScript issues" or "expand on/add features to: third party API's". I don't really know where to go, what to learn next... Can anyone give me some pointers?
Autocomplete menu disappears on hover
I have implemented autocomplete on this site: Please go to the Input: PLZ. If you type e.g. 8, than the autocomplete Show a menu. But when i will select an item, it disappears unfortunately. why ? http://www.oneoffer.ch/Reinigung Best Regards
$.post done callback closure issue
function submitSurvey() { var reason = $("input:radio[name='reason']:checked"); var reasonVal = reason.val(); var reasonHelp = reason.attr('reasonHelp'); var url = $('#surveyForm').attr('action'); var posting = $.post(url, {reason: reasonVal}); posting.done(function(data) { alert('You selected: ' + reasonHelp); }); } The alert in posting.done doesnt have access to reasonHelp due to the closure (at least that's what Web Inspector is telling me).
Detecting when XHR request is complete via Google Chrome via jQuery
I have a very large shopping cart page that loads a lot of scripts onto the page initially and later. When the page loads, there is a select drop-down box where you can select an option to reorder the items on the page by price, or by name, etc... every time a drop-down change is made, an ajax request is called, and then reloads the projects back onto the page and re-sorts them. My question is how can I detect when then re-ordering is complete? or when XHR request through Google Chrome is complete,
image map hotpot on click
Hi, I will like to highlight an image map hotpot on click (active page). Any suggestions? I used the following: only work when i hover the image. <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.maphilight.min.js"></script> <script type="text/javascript"> $(function () { $('.map').maphilight(); }); </script> Thanks!!
Page Loading Widget
Hi everybody, I am using the Loading Widget while fetching data from our server. As soon as the data is available I am going to insert them at the proper position. During the insert-process the spinner stops to work (the gif freezes) Is there any workaround as it doesn't look quite responsive when the animation freezes. It would be great if anybody of you could give me some advices. Regards -Fabian
Accessing across frames
I am using modifications to code that can be found at "http://www.mathachew.com/sandbox/collapsible-menu/". I have simplified it to use just the "slide" code and changed the names to reflect my own page. This part works fine. Now when I click a link in another frame I want it to expand one of the menus. Basically, I am developing an online book. The contents are in one frame, and pages of the book display in another frame. When I display the index, which will display in the pages frame, and
Insert new content in container div
How could I insert html content into a container div - and insert this content at a specific height (px) from the opening tag of the container? - I'm quite stuck on this one and need a solution. offset() could be useful except it measures down from the top of the document, not from the content div container. any way to apply offset() to a container like .content below. jQuery(function($) { var menuHeight = $('.dynamic-menu').height(); var offSet = $('.content').offset().top; var distance
iamges and template overlay?
Hi I've used Jquery in the past and would trying to find out what's required to be able to create something like this. http://asda-photo.co.uk/product-info/79-phone-and-tablet-cases/46-iphone-3-full-image-wrap-case if you click create now you'll get a phone case template and then upload an image to manipulate to fit the case is there any working examples or tutorials to show how it's done? Cheers Mal
How to open select in javascript?
Hi All, Is it possible to open <select> in javascript? I tried $("sel").click() but it won't work. Thanks!
A "wait ..." message
Hi; I am trying to show a "wait" messaje before doing $.post operations that can take several seconds. Before I tried to use the loading spinner, but always with same results: only BlackBerry browsers and desktop Firefox shows the spinner and/or my alternative wait message. All other phone and desktop browsers not (i.e. with Galaxy II, Galaxy III, iPhone5, and in desktop Chrome, and IE it does not work). What I do is to show a div in this way: $(document).bind("mobileinit", function(){
Managing browser stack/history
Is there a way to manually insert page history on the browser back/forward stack so the back button behaves how I want it to? Here is what I have: Home Screen (Top Level) -- Category A -- Category B -- Category C Category A page (Second Level) -- Item 1 -- Item 2 -- Item 3 -- Through 10 items (paging) Category B page (Second Level) -- Item 4 -- Item 5 -- Item 6 -- Through 10 items (paging) Item 1 page (Third Level) - Link to Item 2 ("Next" item) Item 2 page (Third Level) - Link to Item 1 ("Prev"
A Listview with inline sections plugin
For one of my projects I sought the ability to have some menu items in a listview be able to open inline. This allows the user to have more control over what items are taking up the majority of their screen space. Almost like a cross between a collapsible list and a listview. To achieve this effect, I created a plugin that extends the listview. You can find it here: https://github.com/ALSpringer/inlinelistview I just figured I would share it in case someone else finds it useful or interesting! EDIT:
Select background image with jQuery
I have the following CSS adding a background image to a series of list items each of which carry a unique id. .revolve { background: url(images/page_edit.png) 0 9px no-repeat #fff; } I am trying to add a class to the background image using jQuery. $("background-image","url(images/page_edit.png)").addClass("edit_tasks") So I can link to a page (passing id parameter) using click event $(".edit_tasks").click(function(){ categoryId = $(this).parent("li").attr("id"); window.location = 'tasksdisplayed.php?category_id='+categoryId
how to animate vertical menu on hover or on click
on hover i want to pop out that menu by increasing the width an d height of li ....but as i over that menu is going in the last and not getting animated plz suggest function justclick(e) { $("#" + prevClick).removeClass("active"); $("#" + e.id).animate({ width: "200px", height:"50px", fontSize: "24px", borderWidth: "5px" }, 1500,function() { $("#" + e.id).addClass("active"); } ); // $("#" + e.id).animate({opacity: 0.1}, 'slow', function() { //$("#" + e.id).addClass("active");
How to alert when change page if filled some field
I want to alert user if user already filled some field, just like facebook did, how to do that?
Loading page into div is too quick
Hi, I have problem with loading page into div element. All is working, only one problem is timing. My function: function changePage(Id){ $("#content-page").fadeOut(200); $("#content-page").load("content_page.php", {id: Id}, function(){ $("#content-page").fadeIn(200)}); }After I click in menu (onclick="changePage(this.id);"), element is not directly fades out, loads content and fades in. Element loads new content than fades out an fades in. Where is problem please?
jQuery UI, Tabs, and MVC Views
I've got an MVC 4 Web Application that has 5 Controllers (and Views built with Scaffolding). I need to convert my Navigation to use Tabs. I am able to generate Tabs, and default the first Tab to show the "Index View with an MvcGrid", however, if I want to use the Create View, Edit View, or Delete View. My Create, Edit, and Delete Views are NOT displaying in the Tab. They are displaying at the bottom of the Page. So, I'm not quite understanding the jQuery Tab and how to attach my returned
display details in centre
Dear Sir I want to display message like shown below in center of screen with grey background disabling access to the existing window I am aware of jquery a bit done ajx to populate (fill information in div displayed using $('#viewdata').show(); var url = "viewemailfill.php" var data = { gid: gid }; $('#viewdata').load(url, data); Please help
calendar for mobile using jquery
Hi, I am new to jquery. I need a calendar for mobile using jquery. It should have day, week, month view. Thanks in advance.
Validation - no selection show validation div
Hi gang, I'm trying to show a div if a selection isn't made. Div: <div id="Q1REQANS" class="validation-error" style="display:none;">Please answer question 1 before continuing.</div>My simple yes/no question: <div class="response-set"> <span id="Q1C1"><input type="radio" name="Q1" value="1" id="Q1_1" /> <span class="choice-text">Yes</span><br /></span> <span id="Q1C2"><input type="radio" name="Q1" value="2" id="Q1_2" /> <span class="choice-text">No</span><br /></span> </div> My jsfiddle link:
Help and advice please newbie here
Hi all I was really looking for some advice and im sure this is the place to be. I bought a mobile building script so im now the new owner of it but the previous owner has gone and not helping any more to cut a long story short. This script is designed to offer clients to build their own mobile website It uses: php, jquery 1.8.3.min.js , tiny-mce, bootstrap and MySQL DB. It all works very well how ever at the moment you design on the FLY your mobile site and then when you happy you then download
Div wont clone on draggable
On this code draggable and helper:clone function wont work together (without helper:clone code work fine but without cloning what I need) so how to fix that? Where I wrong? Is problem with #dropable accept argumnet? <script> $(function() { $( ".draggable" ).resizable(); $( ".draggable" ).draggable({ revert: 'invalid', helper: 'clone', // <---- snap: "#drop_here td", opacity: 0.7 }); $( "#drop_here td" ).droppable({ accept: '.draggable', drop: function( event, ui ) { $( this ) .find( "p" ) .html(
Merge/compare a boolean array with a list
Ok, so my title isn't probably the best but I wasn't sure how to describe it in a short sentence. So I've got an idea of how something needs to be done (open to being wrong) and was hoping to get some feedback as to how to structure a function. So I've got a boolean array "favorites" that looks like [false,false,true,false] and I've got a list of ice cream flavors id1=chocolate, id2=strawberry,id3=vanilla, id4=twist. In case you're wondering the framework i'm using is Ember.js but all my functions
Using ui-icon-triangle in Jquery
I am new to Jquery. I need to show the section when clicking the triangle button and again i am clicking its hide the section below the header.Is it possible.. I have attached my output as file.can any one help to get the answer?
Jquery Easy Validator
$(document).ready(function() { // JQuery Form Validator By Aleksandre Mumladze $("#submit").click(function() { // Configuration var formIdorClass = "form"; // Form Id or Class var fieldError = "error"; // Error class ( warning : Not ID ) var usernameIdOrClass = "#username"; var passwordIdOrClass = "#password"; var emailIdOrClass = "#email"; // Minimal Length var naMinLen = "6"; // username Max Length var paMinLen = "8"; // password Max Length var emMinLen = "7"; // email Max Length // Maximal Length
Next Page