How to add elements to jquery animation, one by one?
Hello, I'm creating a web page composed of wheels looping with mouseover. I succeeded to start only the selected wheel but now I want to loop another wheel, and another etc...while the others wheels (which are already looping) still work. <script> $(document).ready(function(){ $("#image1").mouseover (function(){ $(function() { var $rota = $("#image1"), degree = 0, // modifier angle timer; function rotate() { $rota.css({ transform: 'rotate(' + degree
What it do?
Hi Everybody, I'm newer in jQuery. I have a script but I don't understand what it do: $(function() { $('.alternatecalendar .month td').click(function(event) { if ($(this).hasClass('disabled')) return false; if (IsFromDateSelected()) { var fromIndex = $(this).attr('ind'); var toRealIndex = GetToRealIndex(fromIndex); var toVisibleIndex = GetToVisibleIndex(fromIndex); var toTD = $('*[ind=""' + toVisibleIndex
problema al validar formularios
hola que ta l lo que pasa es que tengo un gran poblema lo que pasa es que quiero validar formularios y n ose que estoy haciendo mal por que los unicos caracteres que no me valida son las ñ y los acentos por favor algun que me ayude <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script>
Standard search for list view
Hi I have a listview that is an RSS feed and has a data-filter=true attribute If you enter text in the search filter, it only searches for the text in the contentSnippet, if you click on the list item, it displays the entire text for the rss feed. Is it possible to set the search, so it searches the entire entry and not just the snippet of the text. Any help would be greatly appreciated. Cheers
Publish Web app in marketplace Android and AppStore
Is pobbible publish the web app in marketplace Android and in AppStore? How is the great solution? thank you
Understanding the Differences between jQuery Versions
Dear All, Can anyone explains the differences between the jquery versions (jqueryUI + jquery mobile) and when each one can be utilized? Is it possible to build cross platform web app works on pc's browsers as well as mobile devices using jquery technology? if yes which one to be used jqueryUI or jquery mobile? Are there any company/site provide jQuery ready templates/theme where can be used in Web Apps (I'm saying web app not web site) where in web app a lot of fields for database usage etc.? Is
Adding jQuery to a C Program
Hello. I am developing a C program which produces a HTML file, which is then dynamically displayed. I have added CSS style-sheets by including a function which prints the lines of the CSS file into the header of the C program. I have tried to add jQuery in the same way, but there is a small section of code with lots of \ characters, which in C programming is an escape character - does anyone know how I can add the jQuery code in this fashion? Any questions just ask.
Is there a query plugins to get the selected text from a textbox in asp.net
I have two textboxes. when user selects any text in textbox1 on right contextmenu user gets an option to copy it. when user clicks on copy option the selected text should be copied to textbox2. can any1 help me which jquery plugin will help me and how to use it? thanks
jquery mobile header issue
I have a issue with my jquery mobile header. I include 2 photo link. https://www.dropbox.com/s/7sb24il6ygj5cfn/2.png https://www.dropbox.com/s/xmy0njl49z1gab7/3.png Image 1: I tap in the textarea and de app slide down and the keyboard pops up. So far so good. Image 2: If I'm done typing I hit the button 'verstuur' (dutch for send) then the keyboard disappears and my header is moving to the middle. i have this line of code for my header <div data-role="header" data-position="fixed" data-tap-toggle="false">
Filtering a listview
Hi, Is it possible to filter a listview with a dropdown/select menu. I'm really struggling with this and would really appreciate any help! Cheers Sean
navbars and class="ui-btn-active ui-state-persist" using server side includes?
Hi all, I have a web app built using jqm 1.3.1 and every page has a navbar in the footer. Actually the navabar are static but I would like to replace them with a server side include, so that updating one file will update the whole navbars. But I would like to use the class="ui-btn-active ui-state-persist" options. How can I use the persist state on SSI? Is there a sample somewhere? I can't imagine you edit every footer/navbar each time some link in a navbar change. TIA for any reply. tony
Jquery magnify effect- can U do it
http://www.williams-sonoma.com/products/magimix-5200xl-16-cup-food-processor/?cm_src=AutoRel2 please vist the link above . You will see a food processor picture. Move the mouse pinter over the image. You will view a larger version of image like magnify effect. I want to know how to do it and what this effect called. Thanks in advanced.
jquery ui ajax tab using aria-control instead of url
In jquery-ui 1.10.3 the url method had been replaced with aria-control method. I can't work out how to use it. I am trying to load data from a file called action.php action.php file sends the message "Contents from the server" I need to place it in the first of three tabs. It does not work. I get the following message displayed on the chrome console Uncaught Error: no such method 'aria-controls' for tabs widget instance I have the following code: <div id="tabs" class="ui-tabs ui-widget ui-widget-content
Ajax post function not work in ie. It works in all the other browsers. Below is my code.
<script> $(document).ready(function() { $(".asu").click(function() { var day = $(this).text() day = day.substring(0, 2); $.post('events.php',{day:day}, function(data) { $("aside").html(data); }); }); }); </script>
How to create the gridview dynamically using jquery?
I'm trying to get the titles in my xml file side by side dynamically. I tried but i didn't get the title side by side. My code: $(xml).find('item').each(function () { var item = $(this).attr("name"); $("#grid_list").append('<div class="ui-block-a"> <div class="ui-bar ui-bar-c" style="margin: 5px;"> <a href="#">"' + item + '"</a></div></div> <div class="ui-block-b"><div class="ui-bar ui-bar-c" style="margin: 5px;"> <a href="#"></a></div></div>'); $("#grid_list").grid('refresh');
jquery-jtemplates not working
Hi, I am using jquery-jtemplates pulgin but it fail while string contains space " " Here is Code:- $(document).ready(function () { var data = [ { ID: 1, Name: 'Anne kumar', Email: 'anne@domain.com' }, { ID: 2, Name: 'Helton ture', Email: 'amelie@domain.com' } ]; $("#jTemplateDemo").setTemplate($("#templateHolder").html()); $("#jTemplateDemo").setParam('x', 2);
jQuery-mobile-iscrollview not scrolling when changing contents style display:none to display:block OR jquery show and hide
Hi, I am using jQuery-mobile-iscrollview from :https://github.com/watusi/jquery-mobile-iscrollview, but this is not working when changing content styles (display:none to display:block) under scrollview content. I am using jquery show() and hide() methords.
Problem with JQuery 2.0.0 and IE10
Whenever I put the reference to JQuery 2.0.0 in my HTML I'm getting this error in my IE10: For the minified version: Line: 4 Error: 'JSON' is undefined For the full JQuery: Line: 349 Error: 'JSON' is undefined All I have is just a script tag pointing to JQuery 2.0.0. I've even tried pointing to the Google Hosted library and get the same exact error. If I point to the 1.9.1 library instead, I get no error at all. When I load the page in Google Chrome everything is fine as well. There isn't any
Problem combining tabbed panels and cycle slide show
I'm new here, so please excuse moderate amounts of stupidity. I'm trying to create a tabbed page with a slide show on one of the tabs. I have a working slide show here: http://dvsmil.com/test/testslide2.html - this is fine This is what happens if I try to put the slide show on the third tab: http://dvsmil.com/test/testslide.html Here, the slide show works but the tabs do not! http://dvsmil.com/test/index.html It appears to be some incompatibility between libraries but I don't have the expertise to
Using JQuery to add a hyperlink to existing text
I'm using a form plugin on a site and I want to add a hyperlink to a specific text "bump". I'm trying to accomplish this using jquery and I have the basic document ready function setup but I'm trying to figure out how to look for a specif text in a label field and then append a hyperlink afterwards. Can this be done using JQuery?
Toggle click
I have div that when clicked it change css and do some animation features. But I want it to be reversable. Here is script I use so far: <script> $(document).ready(function() { $('#change').click(function() { $('#logo').animate({backgroundColor: '#feb20e'},100); $(this).animate({backgroundColor: '#eda710',borderRightColor: '#d3940b'},500); $(this).css({ 'background-image': 'url("Images/arrow-hover.png")' },"slow"); $('#logo').css({ 'background-image': 'url("Images/test2.png")'},"slow"); }); }); </script>
bubbles for jquery app's tutorial
Do you have any experiences with making tutorials in a form of step-by-step guidance with bubbles? What would best serve this purpose?
I have a Conflict with 4 JavaScript librarys
I have ran into trouble with my booking form, I need to include 4 librarys on my page and it doesn't like it. These are the files I am including so far. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> <script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> I have no problem with the 3 librarys above, the github Validation file is for
bxSlider hover images
Hi, I have a images bxSlider. I'd like to change the selected image on hover. Here is my code: <!-- Avatars bxSlider --> <div class="slider"> <div class="slide"> <a href="#" data-toggle="tooltip" title="first tooltip"> <img src="_include/img/avatar_nat.png" alt="" title=""> </a> </div> </div> How I can change avatar_nat.png image on hover ? Thanks in advice. -Antonio
How to Refresh ZeroClipboard.swf using jQuery
I am using the ZeroClipboard.swf and following jQuery method to update a text value. I have following at the index.html <span class="htmlClass">My Custom Page</span> and this Script $(document).ready(function(){ $('.htmlClass').html($('input:text').val()); $("#pageName").click(function() { $('.htmlClass').html($('input:text').val()); }); }); but the ZeroClipboard.swf is always taking the first Value "My Custom Page" which has been initialized before html() function. Can you please let me know if
Re-loading a div including JavaScripts located within it...
Hi, I am wanting to use the Met Office weather widget on a web page, but it doesn't provide any easily accessible facility for users to change the location of the forecast. I have been working on a way of to allowing users to choose from locations in a drop-down box that will then change the location in the weather widget. The weather widget is initiated by two bits of JavaScript: <script type="text/javascript" moWWidgetParams="moAllowUserLocation:true~moBackgroundColour:white~moColourS cheme:white~moDays:5~moDomain:www.metoffice.gov.uk~moFSSI:351649~moListStyle
Toggle click
I tried to use toggle whenever someone click on the div. But nothing hapen then. Here is script I use: <script> $(document).ready(function() { $('#change').click(function() { $('#logo').animate({backgroundColor: '#feb20e'},100); $(this).animate({backgroundColor: '#eda710',borderRightColor: '#d3940b'},500); $(this).css({ 'background-image': 'url("Images/arrow-hover.png")' },"slow"); $('#logo').css({ 'background-image': 'url("Images/test2.png")'},"slow"); }, function() { $('#change').click(function()
Image lazy loading - programmatical pre-run?
Hello all, https://plugins.jquery.com/lazyload/ This excellent plugin has severe advantages for page load times. I'm wondering whether it's possible to perform a programmatic pre-run with jQuery over the DOM, substituting any image links outside of the viewport with the required HTML? If so, I would try to include it as an option in my plugin: http://4nf.org/change-content-div/ Thanks in advance and kind regards
jQuery Mobile Accordion not expanding (KnockoutJS)
I'm using jQuery Mobile and KnockoutJS and can't get the Accordion widget to work. You can find an example of what I'm trying to do here: http://jsfiddle.net/NYTQC/1/. The accordion panels does not expand when clicked. Can anyone explain what I have done wrong and perhaps show how to correct the code? In my real project the observable knockout collection will be updated dynamically depending on user actions.
Is there a jQuery equivalent to YUI’s DataSource?
I asked this on StackOverflow but didn't get any answers - I'm probably missing the point by a mile so I'm hoping someone can set me straight. One of the things I like about the YUI framework is the DataSource control. A common widget that intelligently gets data from a variety of sources and plugs into other UI widgets in a standard way. So... you fetch tabular data into a DataSource and then have the option of plugging that data into a table, a chart, an autocomplete widget, a straight list. All
Mortar template with jQuery Mobile - blank page
Hi! I would like to use mortar-game-stub (Mortar Game Framework) and jQuery Mobile to my UI in FirefoxOS. But there is a problem with it, if add jQuery source and css file in head tag I have got blank page ;/ everything is ok without jQuery. Do you have any idea what is going on? There is a link to sample project: Project Best Regards
Can jQuery access Razor web helpers?
I'm using Web Helpers in an asp.net Razor app. To show some Twitter content (Tweets), all I have to do is call Twitter.Profile("jQuery"). As great as jQuery is, though, I want to be able to replace that arg with another dynamically. So, in an element with the ID "spanProfile", I tried to do this: $("#spanProfile").val(@Twitter.Profile(searchTerm)); ...but it doesn't recognize "searchTerm" (searchTerm is a jQuery var) declared in the same (button click) event where this line appears (now commented
images
Hi, I want to develop websites with jquery mobile for tablet size as well. Does JQM have and UI features with images/graphics as I need to use these.JQ strength seems to be with apps which is great but I dont really get much work with apps.
New Forum for "Learn jQuery"
Hi! Is possible create a new forum for new post about jQuery Learn (learn.jquery.com)?
jQuery and HTML issue
I have a really strange problem I don't know what is wrong. I have created 4 boxes in HTML wrapped in a div container. The HTML code is as follows: <div class="categories" style=" margin-left: 10px; width: 930px; margin-top: 15px; margin-bottom: 15px;"> <div class="box1" style="float: left; text-align: center; width: 215px; height: 240px; margin-right: 15px; background-color: #fff;"><h3></h3> <ul class="products" style="width: 200px; height: 230px; margin-left:auto; margin-right: auto; overflow:
Some basic questions to start.
Hello!, I'm a new man in the community of OpenSource. I'm from Argentina, my english is not soo good, but, i'm trying. I need help to start to make contributions at jQuery. I need some answers: 1º. What contain your working environment? I use Sublime Text for code edit, Source Try to work with GitHub. And what more can you recommend? Anybody write a paper for start with this? 2º. Seeing this ticket: http://bugs.jquery.com/ticket/10710, I see that it's solved in the new latest version of jQuery. Then,
Why does the razor helper ObjectInfo.Print() wreak havoc on my page?
I added a temporary "Debug" tab to my page, with the id of "tabDebug", and added this jQuery: $("#tabDebug").html(@ObjectInfo.Print(this)); but it causes my page to go all pear shaped - almost literally: everything tries to display in one tab, instead of each part remaining in its proper tab. What syntactical crime am I committing, and what is the right way to access razor objects from within jQuery?
Cache Busting Jquery DIV reload
I am using this to reload a status. But its getting cached is there a quick way to add something to bust the cache? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> var auto_refresh = setInterval(function () { $('#legend').fadeOut('slow').load('status.html?').fadeIn("fast"); }, 10000); </script>
outerHTML in Firefox and IE
Using jQuery & fairly new to it. I have the following code: var msgXML = "<XMLInput><Source></Source><MessageText></MessageText><SendTime></SendTime><Destination></Destination></XMLInput>", msgXMLDoc = $.parseXML(msgXML), $msgXML = $( msgXMLDoc ); and make changes to it within a function later in the code. $msgXML.find("Source").text(mySource); $msgXML.find("MessageText").text(mtxt); $msgXML.find("SendTime").text(currDateTime); $msgXML.find("Destination").text(dtxt); I use this line of code to return
Syntax error, unrecognized expression - but why?
Hi, I've been going round and round in circles with this for the last hour, and its driving me up the wall :S The code is: $.post('/cgi-bin/links/lead_contact_new.cgi', $('#contactForm').serialize() , function(data) { var errormsg = $(data).find('#error'); console.log(errormsg); if (errormsg.length > 0) { console.log("Seems to be an errror:" + errormsg); } else {
Next Page