Column getting sorted in opposite direction after reset
Hi, I am using jquery tablesorter plugin. My issue is that after calling "table.trigger("sortReset"), the column click is causing it to sort in opposite direction. For eg. I have clicked a column and it got sorted in Asc order. Then I reset the table and again click on the same column and it gets sorted in Desc order. My intial sortorder is "Asc" only. How to make it sort in Asc order only after reset? Thanks & Regards, Pradeep
How do I get JQuery to work?
I am new to JQuery and I am trying to figure out how to get my .mouseenter() and .mouseleave() methods to work. So far I have tried using IE8 and FF, but for some strange reason I can not get my elements to do anything other than remaining static. Here's the code that I have so far: HTML: <!Doctype html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> <script type="text/javascript" src="file:///D:/Documents%20and%20Settings/stsc/My%20Documents/_prac/script.js"></script> <title>Practice</title>
HREF having problem
Hey Everyone! i am writing a code in which i am creating multiple <li> and i have given every <li> a different href. When i am running it and when i click on the href it is add the link in the current URL. Like this... <li><a href="promotiondetails.html?id=' + employee.id + '">Some Data</a></li> The current URL is like.. http://localhost/mano/www/promotions.html and this happens when i click on the <li>... http://localhost/mano/www/promotions.html#/mano/www/promotiondetails.html?id=275 Here is the
Sorting Column Unnecessarily
Hi, I am using tablesorter plugin. I have multiple columns and sorting is working fine for all except one column. My issue is that in that column all data are same. So if you click on that column the other columns should not get sorted. But in this case first click is doing some sorting and after that no sorting is happening. Any idea to fix this issue. Thanks in Advance, Pradeep
Expanding Slide Down Box Menu with jQuery and CSS3
I've implemented "Slide Down Box Menu" in my project website.But i have a problem to expand this menu to further submenus. I'm new to jQurey. I tried to expand it but everytime it fails :( Here is the demo of the menu from where i downloaded it. http://tympanus.net/Tutorials/SlideDownBoxMenu/ So i'm seeking you for help, Thanks in advance. :)
Report Image works in some devices, not others
With jm:1.3.1 jq:19.1...this code works in my samsung galaxy SIII device fine, it comes up 100%, I enlarge it with 2 fingers, and scroll over to any area. Other earlier samsungs can't get the enlargement. So problem is how to get report image to load at certain larger than viewport size and allow horizontal scrolling. My first post, sorry if not giving all info needed or not clear. <%@ Page Language="VB" AutoEventWireup="false" CodeFile="report.aspx.vb" Inherits="report" %> <!DOCTYPE html> <html
Autosuggest pass more than one value to php page
Hey guys, very new to jquery. I found this autocomplete box (http://jqueryui.com/autocomplete/) and I have a question. For example's sake, let's say I have this database table of NFL teams with 2 fields: Conference and Team Name Conference | Team Name AFC | Steelers AFC | Patriots NFC | Packers NFC | Seahawks AFC | Dolphins etc... Then, let's say I have on my main page a text box called "team" that is used to search the database for a team name, then above it, a drop down box called "conference"
Auto filling a form of an external site using jquery
I am building a portal that can collect user data - name,address etc , send it to an external retailer site like Macys.com and auto fill it for the user ? Is this something that is achievable using Jquery ?
How to reduce a jquery mobile page into a minimized static page?
Every jquery mobile page would minimally include jquery.js (~94K), jqyery mobile (~113K) and jquery mobile css (~74K) . That is a total of around almost 300K. After I construct a beautiful jquery mobile page, is there any easy way to "reduce" it to a bare minimum static page? I just want to preserve the look'n'feel for a certain sized screen, not all the dynamic stuff and whole package around it. I have tried to manually inspect the elements and copy the needed css by hand, but that proves to be
Getting Started with Google Analytics
UPDATE! I am now using debug version of Google Analytics ga_debug.js and I am seeing a resource not found exception 404. I have a jQuery Mobile App, and I am trying to get page views visible inside the Google Analytics console. Right now I am not seeing any users, or page hits. Here is what I have done so far. Please let me know if I am missing something. 1) Signed up with Google Analytics. 2) Got a tracking ID for a Mobile App. It then presented me with two native SDK's neither of which I downloaded,
jqTree question
Hi! I'm just fumbling along trying to make sense of jQTree by mbraak. There s an example page on github which I am trying to follow. (http://mbraak.github.io/jqTree/ ) I copyied and pasted the code in the header: (I'm sorry I can't figure out this ******* Editor! ******************************************************************************** CODE: <meta charset="utf-8"> <title>jqTree</title> <link rel="stylesheet" href="extra/css/gridless.css"> <link rel="stylesheet" href="extra/prism/prism.css">
How can I make array of forms and submit with jQuery...
I'm reading data from database. And i want to update data for every read column, with jQuery and php. Ex: $newConnectionForUser->selectQuery(Array("*"), "__simpledatacontentuser", "PROJECT_CRYPTED_HASH = " $newConnection->quoteString($projID)); while ($row = $newConnectionForUser->fetch_assoc()) { ehco"<form id='form-update-data'> <input type='text' id='this-data-id' name='this-data-id' readonly style='display:none' value='$data1'> <input type='text' id='type-of-database'
Template customized in Jquery Mobile
Is there a way to create a template (Photoshop, Fireworks...) and apply in Jquery Mobile? For example: buy a premium template and apply it in my Jquery Mobile code. Thank you.
Two jQuery scripts conflicting...
Your comment is awaiting moderation. I am having issues with two different jQuery scripts running on the page at the same time. I have a carousel at the top of the page. I also have this Modal window, which works great, until I put it on my website. I have customized the modal window, and here’s a picture of what happens when I run it on my site. https://www.box.com/s/b725gr7nxqhmwq7mfumt Here is what's currently in the head of my page. <head> <meta name="keywords" content="ar toolbox, toolbox,
jQuery get input value problem
Hi, i have one question. Why i can't get input value from ready function...? $(document).ready(function () { var idOfForm = $('#input-text-value-what-i-need').val(); alert(idOfForm); // return empty(Alert box is empty). var finalId = 'form-id-'+idOfForm; var aa = '#'+finalId+'1'; alert(aa); // return #form-id-(and here i need input value ). $(aa).submit(function(e){ e.preventDefault(); dataString = $(aa).serialize(); $.ajax({ ... ... }
multiple slider with multiple linkable image in one page
plz anyone give me a templet.i want to know this plz help me
animate object to defined location
hi all, this code moves otherobject 40 less, 100 more but I want to specific location like to top:'40px' and left:'100px'. How can I do this? $("div#myobject").on("click",function(){ $("div#otherobject").animate({ top: '-=40', left:'+=100' }, 1500, function() { }); });
using each to iterate specifically from the second row
I have this fiddle http://jsfiddle.net/thiswolf/QupLN/ and in it i am trying to get the value of each cell for use in my form my code so far $('#table tr').each(function() { $.each(this.cells, function(){ alert('td'); }); }); my form $('#id').val('0'); $('#firstname').val('firstname'); $('#lastname').val('lastname'); $('#country').val('country'); $('#city').val('city'); $('#town').val('town'); $('#gender').val('gender'); It would be my wish to have each cell in an array such that
How can i call a method from a html which is loaded by ajax ( tab)
I am using jquery ui tab to load a html, in that html i have a method called alertMe. $("#tabs").tabs({
beforeLoad : function(event, ui){
ui.jqXHR.error(function(){
});
ui.jqXHR.success(function(){
alertMe()
});
}
}); <div id="tabs" style="height: 100%"> <ul> <li><a href="Map.html">Tab 1</a></li> </ul> </div> Inside the map.html i have the alertMe method. here it show alertMe is undifined.
How to get keydown and keyup events on Kindle Fire HD with jQuery
I can only get the keydown event to fire on a new Kindle Fire HD tablet for the delete and enter keys. I am using the built-in Silk browser. I can see that on Google, the keydown event is being fired. How did they get it to work? If I go to a keyboard testing website like http://unixpapa.com/js/testkey.html in the Silk browser, then it does not fire either. Anybody have a workaround for this? $("#simpleSearch_input").keydown(function(evt) { alert("keydown"); });
.ajax and .fade intermittent issue
Hi all. Am turning to you for any insight you may be able to give with a very frustrating and perplexing problem - one which I am not experiencing, but several other people are. And I have just made the site "live" to add insult to injury! First, here's the link: http://www.motoaventures-touring.com/cape-town-victoria-falls.php I'm also loading jQuery via <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> The "Tour Menu" is where things go wrong for others but
message not displaying with blockui
I'm trying to have a link (which is a list item displayed horizontally, can't change that) that when clicked pops up a form for a user to submit feedback. I'm not sure what I am doing wrong. The HTML: <ul> <li id="menu-item-44" class="menu-item-44"><a href="">Feedback</a></li> </ul> Script: <script> jQuery(document).ready(function () { jQuery('.menu-item-44 a').click(function () { jQuery.blockUI({ message: ('<div id="feedback"><div style="background-color:#fff; padding:20px; border:2px solid #031e77; z-index:9999;"> <form method="POST"> <div>Submit your feedback! <a href="#" id="close"><img src="/wp-content/uploads/images/round_red_close.gif" style="float:right;"/>Close</a></div> <div style="clear:both;"></div> <table border="0" width="100%"> <div style="text-align:left; margin-top:5px;margin-bottom:15px;">Use this form to submit your comments and/or questions to the Assessor\'s Office. If you wish to change your address, please <a href="/change-of-address/">click here</a>.</div> <tr> <td colspan="2" style="text-align:left;"> <select name="feedback_type" id="feedback_type" style="width:97%;"> <option value="website">Website Feedback</option> <option value="website-error">Website Error</option> <option value="information">Request Further Information</option> </select> </td> </tr> <tr> <td colspan="2"><hr/></td> </tr> <tr> <td>First Name</td> <td style="text-align:right;"><input type="text" id="first_name" name="first_name" placeholder="Your first name"/></td> </tr> <tr> <td>Last Name</td> <td style="text-align:right;"><input type="text" id="last_name" name="last_name" placeholder="Your last name"/></td> </tr> <tr> <td>Email Address</td> <td style="text-align:right;"><input type="text" id="email_address" name="email_address" placeholder="Your email address"/></td> </tr> <tr> <td style="text-align:left;">Phone Number</td> <td style="text-align:right;"><input type="text" id="phone_number" name="phone_number" placeholder="Your phone number"/></td> </tr> <tr> <td colspan="2"><hr/></td> </tr> <tr> <td colspan="2" id="comments-row"><div>Comments</div><textarea id="comments" id="comments" style="width:97%; height:200px;"></textarea></td> </tr> <tr> <td colspan="2"> <div style="float:right;"><button type="reset" value="Reset" id="feedback_reset_button" name="feedback_reset_button">Reset</button><button type="button" value="Submit" id="feedback_submit_button" name="feedback_submit_button">Submit</button></div> </td> </tr> </table> </form> </div></div>') });
How do I add/remove class on button click?
I'm sure these are some absolute beginner questions but I just dont know how. Question 1: I have a button on my page, lets just pretend this is it: <div class="navappear">Open Navigation</div> When you click that button, I want it to remove the "hidden" class or add it, depending on which state it is in. <div id="extranav" class="hidden"></div> How do I do this? Question 2: If I also have another div, lets say: <div id="background" class="nav-open"></div> Can I have that same button also change the
How do I refresh 6 divs at same time
Sort of a related problem to my other post I have soem jquery code below that is triggerd by an href <a id="refreshall" href="#refreshall" class="lnk"><img src="../images/refresh.gif" border="0"></a> $(document).ready(function() { $("#refreshall").click(function(evt) { $("#d1").fadeOut("slow").load("./scores.php?tblNumber=2").fadeIn("slow"); $("#d2").fadeOut("slow").load("./scores.php?tblNumber=3").fadeIn("slow"); $("#d3").fadeOut("slow").load("./scores.php?tblNumber=4").fadeIn("slow");
idle timeout in Jquery mobile
Hi I am new to Mobile query I would like to implement Idle time out in Jquery mobile Please kindly let me know how t implement it in Jquery mobile It should work on both browser- firefox chrome and on mobile devices - android, Ios, windows taking to other page or refreshing the page cheers, vinay
Widely suffered problem
when 2 jquery used effects are used on same page with different versions. why would they stop working, instead they both are working separatedly. i used "no conflict" function but one of it works only and the other stops. if i want to play both the effects. there must be some solutions by jquery experts. much big part of technical web industry is causing problem because of this issue. it is for better future of jquery to solve this issue. i am really appreciating the efforts of the jquery builders
Footer
Hi everyone; I have a page developed with jQuery Mobile and phoneGap, in this page there a footer with data-position='fixed' as property, but when I make a click on the page the footer is hidden and I make the click again on the page the footer is show. I need that footer is show always. Thanks
How to set a default CSS state for jQuery Effects???
Okay, this is probably pretty simple ...and I apologize if this is answered already elsewhere ...or if this is obvious to others, but i can't seem to find it documented anywhere or shown as an example. When using such effects as .slideDown(), or fadeIn(), etc. how does one set the default state for an element so that its not initially shown? Via CSS? If so, what property? Is the only way to do this by calling slideUp() on the element first???? That seems inefficient.
Launching popup after page load
Hello. I am using popup features for JQM. Launching the popout via a button click is straightforward but how can I get the popup to launch after page load? JQM docs say you can initialise the popout via: $( "#myPopupDiv" ).popup( "open" ) I tried this by using the code below but can't get it to work. It launched on page load but would not close. I am a newbie with jquery so any help would be much appreciated. Thanks. $(document).bind("mobileinit", function(){ $( "#myPopupDiv" ).popup( "open" ) });
error on json parsing on ajax callback
I am making an ajax call which return the following json {"0":"37","id":"37","1":"1","hand_tool_categoy":"1","2":"10 Pcs Allen Key Set","name":"10 Pcs Allen Key Set","3":"handtools182.jpg","image":"handtools182.jpg","4":"ht","type":"ht","5":"{\"f_1\":{\"val\":\"RST- 6A101C\",\"name\":\"art_no\"},\"f_2\":{\"val\":\"\",\"name\":\"feature\"},\"f_3\":{\"val\":\"1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 8 & 10 mm\r\n1\/16, 5\/64, 3\/34, 1\/18, 5\/32, 3\/16, 7\/32, 1\/4, 5\/16, 3\/8 inches\",\"name\":\"size\"},\"f_4\":{\"val\":\"100
Load url into existing jquery mobile page
Hi, I am looking to load my twitter page into an existing jquery mobile page containing just a header with Title and Home link. I want the https://mobile.twitter.com/ceist1 to basically have a Title and home link for user to get back to home page instead of being directed out of the mobile web app. I have researched and tried $.mobile.loadPage("url"); and also url = 'https://mobile.twitter.com/ceist1' $('#selector').load(url); but no joy. I am a newbie to jquery mobile development and would appreciate
AJAX problem with html
I am having a weird problem. I have a php script that is called by an ajax function that is not placing the html returned the way the data is. Here we go. <?php // getMemberVideos.php // Get schedule from the database include "main.php"; // This is for the id vars only $db=mysql_connect($hostname, $idname, $idpass) or die(mysql_errno($db).": ".mysql_error($db)); mysql_select_db($sdbname); // Get the Schedule Table $sql = sprintf("SELECT category FROM schedule WHERE type = 'Video' ORDER BY category
JQuery Mobile Google Map Not Working...Blank?
Hey guys! I have been working with this for over a week, and I'm STILL stuck....cannot get a simple map to load in my jquery mobile app (output with PhoneGap). I have a 5 tab app built with JQuery mobile and converted to an .apk by PhoneGap, all content works fine...static stuff, RSS, JSON data.....the last tab is a map/location pin, and it simply comes up blank. I've tried dozens of iterations of code, and looked at tons of examples online. Still nothing. Here are the vital parts I have coded...all
Problem about themes of Jquery mobile
Hi! I've a problem about jquery mobile: i'm trying to change the color of theme to the "data-icon", applying a customized theme. I have got a 2 customized themes. Firstly, the colour of the button is green. when I click to button, its changes to red. The button, change colour to my personalized colour. But when mouse is moving over it, the theme changes automatically, to the first option. Green again. I would like to know, where is the mistake.. function Dontreserve2hours(data, i, pista){ if(data==1){
getting exception,when i'm trying to add only spaces values to select box dynamically.
hi All, i'm using below code to add values to select box. <%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <script src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.appendToList.js"></script> <script type="text/javascript" src="js/editableControlList.doucument.ready.js">
Change image src using input type hidden value
I am trying to replace the src in my img with the value in my hidden field and it does nothing. I am displaying products and have to change the src value to match the current product displayed. Here is the javascript I am using in the html header: var img = new Image(); $(img).load( function () { $('#prdimg').attr('src', img.src); }); img.src = $('#imgpath').val(); Here are the div elements I am using in html: <div id='divDetail' > <input id="imgpath" name="imgpath" type="hidden"
Javascript to jQuery Widget
Hi to all... Sorry i have already posted but i cannot find my question so i re-posted. If this is a duplicate please i ask the moderators to delete one of the posts. I am a newbie in this java and jquery area and i have a code that i would like it to be turned into a jquery widget as it is the only way i can use it. The code is for a checkbox customisation which i downloaded from ryanfait but i have to use it only as a widget, the problem is i dont know how to convert from javascript to the widget
Ui dialog position problem
i have an problem with positioning of jquery dialog. i used collision:"flip flip" but verticle flipping is not working. i.e. when i open my dialog at bottom of screen and screen has verticle scrollbar then my dialog doesnot flip in verticale direction
A very basic question about a code..
Hello everyone, I'm new in jQuery and to this forum... Hope you can help me around :) I understand the following code, I just don't understand why it is actually executed if it is set to a variable... Isn't it supposed to work only if I omit the "var co = "? Thanks, Kobi. <script> (function() { var co = $('span.co').each(function () { var $this = $(this); $('<blackquote></blackquote>', { class: 'co', text: $this.text() }).prependTo($this.closest('p')); }); })(); </script>
jQuery UI Draggable Clone Focus
Hi all. I posted this on StackOverflow, but I haven't had much success yet, so I figured I'd post here for more eyes. I'm trying to build a draggable/droppable folder-file view with jQuery UI, but I'm running into a problem with, what I believe is attributed to the helper. Here is my code: The HTML <body> <div id="topContainer"> <span>Parent Directory 1</span> </div> <span id="topFolder" class="folder"> <div class="drop"> </div> </span>
Next Page