cycle - getting two images to change in onAfter function
I have 24 items I am cycling through. As each one is displayed, I have another that I want to change an icon corresponding to that item to a hover icon, and the item before back to a non-hover icon. I have the hover icon coming up as needed, but cannot get the prior item icon to change back. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script
Add more inputs with autotab
I have a page that I'm working on as seen here http://jsfiddle.net/pLr8h/2/ This works great for what I want to do. I want to do a bulk insert of asset tags. There is other fields but I kept it basic for now. What I would like to do is add example 10 of the fields. But also have the autotab function working based off of this site http://www.mathachew.com/sandbox/jquery-autotab/ I got them working on their own but I can't get them working both at the same time. Right now it will add more of the input
"Responsive Jquery" If width add div link else remove div link
I have this code that turns a div into a link when the screen is sized to a specific width. How do I get it to remove the link when the width is larger? $(window).resize(function(){ if ($(window).width() <= 768) { $(".discussionListItem .main, .nodeList .nodeInfo, .memberList .memberListItem").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); } else if ($(window).width() >= 769) { $(".discussionListItem .main
How to dynamically change table data with dynamically created element?
As sooon as I dblclick on table(3 Rows, 3 cols) data the input text appears on that <td> with dynamically allocated ID to that input. As soon as I update text in that input and focusout or press enter from Input text the contents should be updated inside that <td> with that input text. html: <div id="contentsTable" align="center"> <table class="tblData"> <tr class="tblRow"> <td class="tblCol" id="td1">Item 1</td> <td class="tblCol" id="td2">Item 2</td> <td class="tblCol"
Latest jquery mobile CDN bug fix?
Hi everyone,im busy trying to get the latest CDN to work with my theme. Has any markup language changed? Currently im using this script in my header. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
popupLogin example - JQM 1.3.0 - popup in popup - cut and paste mistake?
Below is the start of the code sample for the popupLogin example. Note that the popup is inside of a popup. The outer popup has an id of popupMenu so I am thinking there was a cut and paste mistake when the example was created. The example works because the definition of popupMenu is present. But, I can't see why there would be a need for the popup with an id of popupMenu wrapped around the popup with an id of popupLogin. <a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button"
.net Button Click Event Not Firing
I'm running JQM 1.2 on my .net 4.0 website. I have a normal .net button that fires a server side event. However the button event does not fire on the server. This button is inside of a user control, not sure if that matters. I tried adding data-ajax="false" on the form tag of the master page. And even adding ajaxenabled = "false". Still no luck. Can someone please help? <asp:Button ID="btn6" runat="server" OnClick="btnSaveCart_Click" />
Multiple drag in a single drag
Team, I have a situation here .I want to drag mutliple items in a single drag.Is this possible. I have put in a small piece of code which drags one item at a time.below is the code .Can someone help me here. pageLoad =function(){ $(".block").draggable({helper: 'clone'}); $(".drop").droppable({ accept: ".block", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { var dropguy = $(ui.draggable.element).clone(); var id = dropguy.attr("id"); var
I'd like to pay for some jquery input....
Hi all, I'm posting this a 2nd time as I've had no (proper) responses to it first time. I need a jQuery based dynamic database facility to be added to my website. I have no idea how to do it and too little time to learn. I have therefore decided to offer someone an opportunity to earn a bit of money and maybe even get a job later. In the short term, I'll tell you what I need - you come up with a price. If we agree, away we go. The 'winner' will be offered any further work that comes along, but
Show an element base on drop down box selection
Hi I am trying up to shortened my code. Any ideas how to maximize the functionality of these work. please see the link http://jsfiddle.net/AthlonX2/HuQ9A/ I have an idea to lock/unlocked certain fields to shortened up the mark up. thank you, have a nice day
Dynamic content multitemplate page
Hi all, I've a multi-template page with 2 pages. The first contains a listview of element loaded dinamically by a json. When a list item is clicked, I have to show the second page with another listview, with the items related to che clicked item. I'm able to create correctly the view, but when I click the back button and choose another item, the second page also contains the items of the old page. I've tried to use $("#list").empty(); but when i load the second page for the second time, jquerymobile
Facing problem in getJSON
Thanks in Advance. I am trying to load JSON file from SharePoint site with url $.fn.AddPeriod = function (param) { var $this = $(this); var options = $.extend({}, $.fn.kpiIndicator.AddPeriod, param); // var url = '/_layouts/UADemo1/Datafile/period.json'; var url = 'http://ddc4-l-6qpnvs1/sites/UpstreamDemoCollection/SiteAssets/Period.json&callback="'; $.getJSON( url, function (data) { // traverse all nodes $.each(data,
Two buttons in the header bar that open panels
Hi, I know this probably a silly question. I copy the source code at http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php and pasted it directly to a html page. It doesn't seem to display right :( I need to have header and jQuery script somehow I believe. What do I need please? Thank you!
How can I reset all fields in a form including dropdowns?
Im trying to reset all fields back the blanks and selectindex=0
Insert new row after a specific row in $.ajax call
I need to insert several rows of data into a particular place from the success function of an $.ajax call to a PHP database query. What follows is the result of a suggestion at StackOverflow and some of my own testing. Currently this only inserts the new table into the space of a single cell immediately after the target row. function GetActorsForSelectedMovie(movieID) { // $.ajax call gets rows from php script var row = $('#tblMovieList tbody tr').find('td input.chkDeleteMovie[value="' + movieID
Issue with google chrome, please help.
I loop through inputs on my page and two of my inputs are autocomplete combobox. I get the value through looping on Internet explorer but on chrome, I don't get the values of it. Is there any solution for that? this is the loop. $("#table tr:gt(0)").each(function () { //$(this).find('td').each(function () { _myqu = ""; $(this).find('td input[type="text"]').each(function () { if (($(this).attr('id')
No date info on form submit. (html/php)
Hi all. I'm obviously missing something simple here, but I don't seem to be able to retrive the date info from my form. I'm using html for the form and php to process it. This is my html file. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Reminder - Set up a new event</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
item search
Hi, Can someone kindly help? I'm a newbie to this, playing around with the filter item search... <ul data-role="listview" data-inset="true" data-filter="true"> the above code allow to search by one item only, but is there a way, this search can be itemised into a few specific search at once e.g. a pizza store, search by name, location and price all at once? Thank you so much.
Why Jquery panel is not working in Internet Explorer?
Hi, I am trying the new jquery mobile panel http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php in Internet explorer. But its Not working at all. But its working fine in Chrome and Firefox. Any plan to fix this issue? Thanks, Suresh
how to get comeplete asp page html in $.get where the page contails udpate panels too..
hi, can any one suggets. I am trying to get the page html in asp.net using Jquery $.get as below. But as my target page contains asp controls along with asp:update panels i am unbable to display my result html to my req div after $.get result. $.get(url, function(data))
Problem with Resizable()
I am currently facing issue with Resizable(). If i open div with screen size and moving it by using draggable(). I am unable to click the links on the page. I can click on the link only when i re-size the div.
Making the jQuery Cycle Plugin work in Google Maps infowindow
I am trying (without success...) to make the jQuery Cycle Plugin work in a Google Maps infowindow from a KML layer... has anyone done this or can point me in the direction of a working example? Or perhaps you can suggest a better solution for a slideshow within an infowindow?
Images with alternating z-indexes JQuery UI
I found another question with a similar issue but couldn't make head nor tail of how to apply the solution. My webpage is a simple combination of draggable images that lap over each other. All I want is for an image to appear on top of the others when clicked. Each mage is currently functioning as a span element for dragging - do I need to have all individual images as div elements for a solution to work? do I need to apply an initial z-index to each image? (right now no z-indexes have been applied)
Tablesorter – how to not toggle sort order when switching columns
In tablesorter, when you switch between columns it always toggles the sort-order of that column rather than simply set that column as the default criteria. I expect it to only change/toggle the sort-order of a given column if its selected twice. Is there a way to get tablesorter to behave like this? Can I get it to check if the clicked column is active before toggling its sort-order?
Jquery solution to map print template?
Hi all Fairly new to pogramming & jquery, in at the deep end and learning fast :) I am developing a mapping application (C# ASP.net) and I have a map with several Ajax controls and tools on my default aspx page which all work fine. I am trying to capture the map div from a button trigger (Printbtn) and send it to another HTML page (print.htm) which will be my print template. I am using... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>So far I have... <script
jQuery Treeview.js get selected node
Hi, I am using treeview.js in my MVC web app and I am struggling to understand how in jquery or javascript I can get the selected value in a button click event. Here is part of my mark up of the treeview: <div id="container" class="fLeft"> <div id="demo1" style="" class="demo jstree jstree-0 jstree-focused jstree-default"> <ul> <li onclick="FolderClicked(this)" id="D:\" class="jstree-closed"><ins class="jstree-icon"> </ins><a href="#"><ins class="jstree-icon"> </ins><span>D:\</span></a><ul>
[tablesorter] jQuery 1.9 support
Has this plugin been updated to support the latest jQuery 1.9? I ask because official site still lists metadata() plugin for inline options, which itself is broken as of jQuery 1.9 [it relies of jQuery.browser() afaik, which been removed].
Dynamically generate table and then add td based upon some condition?
I have javascript method where based on condition I add table and tr. Then based on other condition I call another javascript method where I want to add new td each time. I looked at this link http://forum.jquery.com/topic/jquery-insert-td-before-previous-td But here td is added before to any other td and I want to add on some condition after previous td. If there is any jquery way plz let me know.
Cycle and Fancybox working together...al;ways show the first slide, no matter the one I click.. ??
Dear friends : I have created a module with two jquery plugins : cycle and fancybox... the purpose is to show many promotions using the cycle plugin and whenever the user wants one of them, he can click on it and it will display the bigger version of the promo, using the fancybox to open a more-detailed information frame.... Everything works fine, except that if for example, I click on the promo #4 it always opens the fancybox from the #1, and I have to click on the right / left arrows to achieve
Help for making Pi Chart
i want to make a pi chart in jquery
Advice needed for jParallax
Hey all... I'm very, very new to CSS/HTML/JS. I'm intelligent enough to take someone else's code, modify it a little, and come up with something neat. However, I quickly get to the point where about everything I do just breaks! Could someone take a look at my site and tell me how to implement the CSS3 multiple backgrounds technique on all of the slides in my design? I want all slides to behave like the 4th one, the one with the soldier on it. I'm a Microsoft certified enterprise administrator
UK Date format for datepicker in Google Libraries?
I am running a Customer management and follow up system called Infusionsoft. I can create secure webforms (https connections) for my clients to use that are hosted by that company. They have a form "Builder" that lets you drag and drop elements onto the form. One of the elements is an "HTML" element that will let you insert code. I am trying to implement a "Date Picker" for a date field that is on the form. I found that I could use this code to get the Date Picker Calendar to appear: <link rel="stylesheet"
jQuery AJAX return isn't returning PHP data?
I got my index page: <html> <head> <title>YTBypass</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ requestPage(); $('a[href]').click(function( e ){ e.preventDefault(); url = $(this).attr('href'); url = (url == '/') ? 'http://www.youtube.com'
Jquery Slider not updating input fields live
Hi I am trying to make a quote generation tool using multiple sliders but for some reason the totals do not update 100% on one slider until you use the other, then vise verser . I have tried many things but am missing something here and hope that someone can help, here is the code: <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script>
Finding the element the handler was bound to within handler function passed to on when using a sub-selector
This question is somewhat related to the thoroughly confusing thread at http://forum.jquery.com/topic/event-selector-doesn-t-apply-to-the-original-element-bug-or-feature. If I establish an event handler, like for "click", on a set of elements found by a selector, using on to specify a selector for the actual child elements that should notice clicks, is there any way within the handler to find the specific element that on was applied to? For example, lets say that I have a TODO list, with a set of
jquery validation in php
Hi, I want to create a twitter like user registration form for php web application. I have searched alot but couldn't find any all in one JQuery Plugin which provide the following functionalities to my webform- 1. Form Feild highlight when onFocus and on error 2. Proper client-side form validation 4. Check user name availability 5. Check email availability Can anyone know any all in one plug-in which I can add to php registration forms to make my forms live? I'm extremely new to jquery and it my
What jquery (or javascript) is this
Hi all, I am a student in webdesign and i was wondering if someone could help me with my question. I would like to use effects i saw on a portfolio website : (http://davidluepschen.com/) Could someone help me on how to achieve this? Thx
Checking every radio button
Hey guys I am knew to jQuery and I'm not completely sure if i am using the syntax correctly. I would like every radio button to be selected when I click the on the button. If someone could guide me some where or explain what is wrong with my code much would be appreciated. Thank you. <!DOCTYPE HTML> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style> </style> <script> $("input:radio").each(function() { if ($(this).attr('checked') != "checked"){ $(this).attr("checked","checked");
Using .load() with selector to get part of a big file versus loading individual smaller files
A buddy of mine is working on a portfolio and he's using .load() to load in content dynamically. His original plan was to have ALL of the content for ALL of his projects (right now that's about 14 projects) in one big HTML file and use .load() with a selector to load only the appropriate section of that file when called. He was having some trouble with getting the dynamically loaded segments to run the <script> they had, and in trying to help him I suggested he have the content for each of his
Auto update textTotal fields
Dear all, I am just a beginner programmer of jquery that still studying. I have a form and it contains these fields. textPrincipal textInterest textServiceCharge textTotal my scenario is. when I input 1000 to my textPrincipal, my textTotal will automatically update to 1000 without going or clicking to other fields. and when I input 10 in textInterest automatically the value of textTotal field will change to 1100 because 10 percent of 1000 is 100. the same thing in textServiceCharge when I input 50,
Next Page