Animate a sprite element on a set path with jquery!
Hello! I would like to do something similar with: http://benthebodyguard.com/index.php but instead of a straight path, I have a path with curves! And the sprites must be able to be animated on scroll! Any suggestions or thoughts will be appreciated! Thanks!
Windows Phone 7: jQuery 1.9 or 2.0 ?
What is the best version of jQuery Framework to develop a WebApplication dedicated to Windows Phone 7? And Windows Phone 8? jQuery 1.9 or 2.0 ?
Nivo Wordpress plugin conflict with Colorbox
When using Nivo's Wordpress plugin in conjunction with Colorbox to display a Vimeo video, I get an "This content failed to load" error in the Colorbox window. I assume there is a conflict with Nivo and Colorbox, but I haven't been able to find a solution to this problem yet. I would be very appreciative for any help in resolving this issue. The site link is below, and the second image in the slider has a link to a Vimeo video I wish to load in the Colorbox window. I'm pretty new to jQuery so details/and
jQuery Mobile Responsive Panel and Textarea
I've got jQuery Mobile application http://gudulin.ru/test/problem.html . Left panel opens after page loads: $('#my-panel').panel("open"); I added a class ui-responsive-panel to my page and @media css stuff, so I can work with panel and page content together. Everything is OK on laptops browser, but there is a problem on iPad browser (Safari or whatever else). When left panel is opened and I'm starting type text into text area, a page jumps after typing any symbol. The problem comes when you start
Urgent Help j query challenge
Yo everybody, check this link http://www.passagefoods.com.au/usa/products/passage-to-thailand/red-thai-curry/ if you click overview you see the effect > MY question is what is this effect called and how to do it ? Please help me.........
Javascript replace text in html case sensitivity
Hi, I am replacing text in html with the code "$(this).html($(this).html().replace(/mytext/g,"New Text"); it is replacing only case sensitive string. So how can I make it case insensitive. Please help me out???
Do I need to learn JQuery before leaning JQueryMobile ?
Do I need to learn Jquery before leaning JQueryMobile ? Can somebody point me to JQuery eclipse plugin ? or witch eclipse version is better to use for JQuery ? I am interested in JQueryMobile. so Eclipse JQueryMobile plugin ? if anything like exist. Tks
jQuery Cycle Plugin from http://www.malsup.com/
hi there, 1st of all thanks for this wonderful plugin that i use mostly in my web development .... 2nd, am building this site and am using this plugin to slide a normal div with <h2> and <p> now everything is perfect at the same time the design have a background image for the site so i attached it to the body and with little tweeks a made it to take full width, untill now everything is perfect. when testing cross browser, specially on ie8 i noticed that this plugin render a white background insted
datatables/tablesorter
Hello everybody, I'm French so, please, don't be afraid by my sentences mistakes. I'm trying to sort a tab which contains cells with rowspan like that : But with datatables or tablesorter, I don't know if it is possible. Do you know how I can do this with tablesorter ou datatables? Do you know an other plugin which can do this ? Thanks.
Background image position animation
Hi guys, I'm new to jQuery and would need some help. I made a div element, and I want to make the background image move up and down vertically continuously. I have this script, which makes the background image move up, just how I would like to: <script> $('#oblici').animate ({ 'background-position-x': '0px', 'background-position-y': '-42px' }, 2000, 'linear'); </script> I would like to make the background image animate back to the beginning position after it reached the top position.
SORTABLE - FIRST TIME LOADING ISSUE
I have written following function on page which will get displayed in dialog box. When dialog box has opened first time the sortable list doesn't operate or i cant move any element but if i close dialog box and reopen it again then sortable works perfectly. $(function() { if($( "#sortablelist" )!=null){ $( "#sortablelist" ).sortable({ placeholder: "ui-state-highlight", opacity: 0.5,cursor: "move", forcePlaceholderSize: true, update : function
Help me to start with jqueryMobile please
I am new to jqueryMobile. I haven't done nothing on it and want to start. Can I use eclipse ? any plugin ? or Netbeans ? any good example that help to start ? tks
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.
Next Page