How to stop execution of a jquery line for some time ?
Hi Can u tell me how to execute the line (this.setAttribute('title', sTitle);) after some time.i tried delay() but its not working.its showing TypeError: this.setAttribute(...) is undefined my code is $('#tblTourList tbody tr').live('mouseover', function () { sTitle = null; var nTds = $('td', this); //Get the value of first cell var tID = $(nTds[0]).text(); //Get comments value
fila de tabla seleccionable
Hola gente, soy muy nuevo con jquery y jquery ui, y le voy agarrando la mano, pero hay algo que no puedo lograr. Tengo una tabla con 5 columnas y varias filas. Cada fila hace referencia a una persona en particular, y cada dato de la persona es un vinculo (que por javascript me pasa los datos a un formulario principal). Lo que necesito hacer es que una fila dada se pueda seleccionar haciendo click en cualquier lugar de la fila, y no solo sobre las letras del vinculo. Es esto posible? Espero haber
Jquery select/unselect all checkbox
Hi I used jquery 1.4.1 min.js,I had a grid view header select/unselect all jquery in tabcontainer in asp.ner 2010,it is not working for the first time .. .
How to get a respose from a localhost url exactly http://localhost:5050/
Hi folks, I need to call a url from jquery method that url is to read the respose from a device the url to access that device is http://localhost:5050/R how can I call this url ?? please give me the solution for this Sai
How can I disable a button in a jQuery modal dialog from a function or at modal dialog load?
Hi, I'm new to JQuery.I have a jQuery dialog. In this form, I have a "Save" button. I would like this "Save" button to be disabled while the modal dialog open. The code i wrote to create this button is given below. However, I don't know how to enable and disable the dialog button from a function or at the time of loading the dialog. What should I do? <pre>$('#divAddExpense').dialog({ modal: true, autoOpen: false, height: 'auto', width:
datepicker beforeShowDay does not trigger in IE6
beforeShowDay does not trigger in IE6. Is this a defect? any work-around?
when i click the dynamic link, although it call getdetails function but Ajax don't send anything to details.php. That is my problem.
I take out the link and id from database and create dynamic link, my intention is to grab the link (when people link on) with ajax and send it to php, there php will work the request data with database and return to ajax and my web page will refresh only partly, the following is my code, when i click the dynamic link, although it call getdetails function but Ajax don't send anything to details.php. That is my problem. third.php <?php $con = mysql_connect("localhost","root",""); $db= mysql_select_db("waifer",
Jquery Plugin for table sorting and freezing column headers
HI, I am looking for a single jquery plugin that can sort the table and also freeze the column headers and works in IE, FF and Chrome. I have found tablesorter plug-in that works great for sorting and fxHeader that works great for freezing column headers, but when I use both of them together there are issues. My table structure is something like this. <table> <thead> <tr><td colspan="2">Header 1</td><td colspan="2" Header 2</td></tr> <tr><th>Rank</th><th>Value</th><th>Rank</th><th>Value</th></tr>
Modal dialog code not embedding
Hi all. I have an application that loads a php file which contains a modal form that I copied from this example: http://jqueryui.com/dialog/#modal-form The problem is that when I load that file I can see the code of the modal dialog there, I mean the form before calling if, before pressing the button, as it its html code was part oft the whole page. If then I reload the whole page then the content of the modal disappears and everything appears as it should be. Seems like, when loading, the dialog
radio button loosing it's look
Hi guys I am trying to create a simple quiz app which is turning out to be not so simple.. I am setting the contents of the radio buttons for the multiple choice questions dynamically by changing the labels text, which seems to be working fine till I hit the next question button (actually can just call the method by any means to have it crash and die). The questions that appear afterwards appear as if in a regular list.. Heres the code, I'm new to jquery so I'm sure it's something stupid :/ <!DOCTYPE
JQuery is not working without alert message
hi, I had a issue with JQuery in combination with sharepoint 2013. I am using JQuery to create text boxes next below the List Headings . It's working well in native sharepoint list. Problem is with External List. To my surprise it works fine in external list too if a alert comes in document.ready function. here is the code. used Jquery-1.6.2.js $(window).load(function () { Load_Control(); //Character case Ignore method. jQuery.expr[':'].ContainsIgnorecase = function (a, i, m) { return jQuery(a).text().toUpperCase()
Javascript does not run on android and ripple emulator
i have this script i've include on my page from source which work perfectly in browswers but fails to work on android emulator: $(window).load(function(){ var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?'+url); }); and this is my html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
JQuery that handles multiple inputfields
I have this JQuery function: <script> $(function () { $("#cspinner").spinner({ min: 5, max: 15000, step: 5, start: 100, numberFormat: "C" }); }); </script> which corresponds to this input field: <input id="cspinner" name="cspinner" size="8" value="0" readonly="readonly" /> I am using JQuery UI controls, but my question is really
Converting .live to .on
Hi, I implemented some sample code that uses jqm to swipe navigate between pages. It was working fine, then I read an article that said .live was deprecated, and to use .on instead. Below is my attempt, but it isn't working. Can somebody tell me what I did wrong in my implementation? [code] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Multi-page template</title> <!--link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css"
Dynamic listview
hi, i have the following code: <script type="text/javascript"> $(function() { $("#text-ricerca").keyup(function(event) { if (event.keyCode == 13) { $.ajax({ url : 'ricerca.clienti.php', type : "POST", data : "id=" + $('#text-ricerca').val(), success : function(response) {
Best solution to make randomly animate text...
Hi all, I'm wondering what the best way would be to create an effect where the text along the bottom randomly gets slightly bigger and brighter. Thanks for your help! V
Sorting of jQuery Set apparently takes O(n^2) time in Safari
It seems like Safari can sort native JS array in O(n log n) time (which is expected) but it takes about O(n^2) time to sort jQuery set. I have asked this question on StackOverflow but no one answered there, so I'm posting it here. Here is the code I was using. In a nutshell, if you have code like this on your page: function sortArray(a) { a.sort(compare); } function sortJQuerySet(b) { b.sort(compare); } $(document).ready(function(){ var a = [], b = [], i = 0, n = 1000; for(i=0; i<n; ++i) { a.push($('<div>'
Cannot use data-foo atribute as a selector
I am using the jQuery UI Tooltip. by default this uses the contents of the title attribute to populate the tooltip. It is straightforward to change this to use the contents of the HTLM5 data attribute instead. However, I cannot find any way of using the data attribute as a selector so that the tooltips only operate on elements that have the data-foo attribute. According to the API spec, the tooltip is attached to elements by the code: $( ".selector" ).tooltip();I have tried various permutations such
Extending jquery widget having a plain object modifies the base widget
I am facing an issue while extending jquery widgets, I have a widget which works fine.The code of the widget is $.widget( "xfaWidget.defaultWidget", { $userControl : null, _widgetName: "defaultWidget", options : { name: "", value : null, commitProperty: "value", commitEvent: "exit" /** more options **/ }, optionsMap: { "access": function(val) { //do something
jquery form validation plugin
Hi, i am trying to use jquery form validation plugin but it is not working.i am new web development so i dont understand what is wrong. here is my code .i am testing my code in iphone simulator <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Management</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Mobile</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="./js/lib/jquery.validate.js"></script>
Syntax error - jQuery 1.9.0
Hi, We are using jQuery 1.6.4 in our application and requested to upgrade to 1.9.0. So I have upgraded to 1.9.0 along with jQuery migrate plugin to capture the errors and warnings. I have fixed some issues which were occured due to the upgradation. Now I am facing the below issues in json parse while navigating to a particular page. syntax error: jquery-1.9.0.js which is pointing to the second line of below code (ie. return line) if ( window.JSON && window.JSON.parse ) { return window.JSON.parse(
overflow only for smaller viewport
I have a datatable that calculates its width based on its content. I want to apply horizontal scoll when browser windows is too small. I do that by: style="overflow:scroll;" However when this windows is bigger than my entire datatable I want to stretch it by streching one column: <th style="width: 100%;">Title </th> It doesnt stretch when I added overflow however. How can I solve that?
how to open page looking like opening the pages of a notebook
http://jsfiddle.net/4kwZJ/ Hi, the way i am doing is that pages open up and down.So for this purpose i want to modify it with better look and feel like opening the pages in a book. Can any body tell me how to do it?
radio button loosing it's look
Hi guys I am trying to create a simple quiz app which is turning out to be not so simple.. I am setting the contents of the radio buttons for the multiple choice questions dynamically by changing the labels text, which seems to be working fine till I hit the next question button (actually can just call the method by any means to have it crash and die). The questions that appear afterwards appear as if in a regular list.. Heres the code, I'm new to jquery so I'm sure it's something stupid :/ <!DOCTYPE
listbox control number of rows add validation
Hi I use 2 listboxes to display subjects for students. data is shifted from one list box to another. I need only 5 subjects shifted to second listbox from first listbox. If user select more than 5 subjects and trying to move to second list box, then need to validation fire and show message as please select max 5 rows. I used jquery validation engine. It works well. But there is not any alternation about this validation. Is there any solution by jquery validation engine.
Get the index of an element contained into an array, according to the event object
Hi, ive this code <div class="contStella" id="stellaquattro"><img class="stellaVota" src="immagini_sito/stella.png"/></div> Javascript + Jquery var stelleArray=new Array ( $('#stellauno'), $('#stelladue'), $('#stellatre'), $('#stellaquattro'), $('#stellacinque') ) $('#stellaquattro').mouseover(illuminastelle) function illuminastelle(event) { alert(stelleArray.indexOf(event.target)) // <-this retrive me "-1" that means that the element hasn't been found in the array } what's the solution?
Change default font, remove text shadow and box shadow throughout
Is there any straight forward way of changing the default font, removing all text shadows and removing the box shadow throughout all elements on JQM rather than having to go through each one and change it. I noticed on a few other threads that it was said you can add * { text-shadow:none } But I've tried that and it doesn't do anything?!
Header button to do something else
I'm wanting to use the following code, so that when the header data button is clicked it shows a div in the main content area. Clicking it again will close that div. Not sure how to do this so that it works, due to the way that the head buttons seemingly function in JQM. Sorry if this a silly and obvious question! <div data-theme="a" data-role="header"><div data-type="horizontal" data-role="controlgroup" class="ui-btn-left" > <div data-type="horizontal" data-role="controlgroup" class="ui-btn-right">
Animating height with toogle gets sligthly higher and falls back
Hi I am trying to animate a div to the window center in a responsive way. Things work so far great except that somehow it animates a little bit higher then it should and falls back a little bit. I use jQuery 1.7, but the same is in 1.8. Here's the code: $(".core-dialog-box").animate({"width": "40%", "height": 'toggle', "top": '20%', 'left': '20%'}, 1500 , function() {}); Hope someone can give me a hint. Thanks in advance.
Looking for more scroll event plugin
I need listening more event when window scroll, hope some plugin could do below Basic requirement scrollStart scrollStop Even better scrollUp scrollDown scrollToTop scrollToBottom
Looking for a resizable plugin
Looking for a plugin could re-size image with eight points like Photoshop, event only four points in the corner will be fine, the official plugin only have right side and right down corner to control the re-size is not enough for me.
Bootstrap datepicker in bootstrap button drop down - jQuery event issue
My requirement : I am working on a twitter bootstrap button dropdown (http://twitter.github.io/bootstrap/components.html#buttonDropdowns) and using bootstrap-datepicker (http://eternicode.github.io/bootstrap-datepicker/#examples) in one of the list items as shown in below image. As per my requirement, I need to have month calendar in last item and clicking on that opens the bootstrap-datepicker and I should be able to select month & year. Problem I am facing : When I open that datepicker and select
creating imagemap with jquery doesn't work in internet explorer
Hello, I wanted to create an image map with jquery.I googled and find this http://www.dopeless-design.de/dopeless-hotspots-jquery-plugin-easy-hotspots-integration.html , but it has some problems. the hotspots are not shown at internet explore and some times, after some refresh of page they appear. is there a way to solve this problem. I need to make an image map that it's hotspot's coordinates will driven from sql database. I didn't found any thing better the above link. but it has the problem I
Menu widget - prevent ui-state-active in all child menu items
I have a requirement where I need to highlight top level menu item and one child menu item representing current visiting page. How to activate LINK1 top level item and SUBLINK2 child level item, leaving SUBLINK1 not activated? If I add ui-state-active (html below) to "link1" all child menu items look like activated. This is the current html: <ul id="menu" class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" tabindex="0" aria-activedescendant="ui-id-1"> <li id="link1"
jquery performance hit when loading plugins
Hi, I just wondered if anyone have noticed a several ms penalty when loading plugins. For my rather large web app its about 7-15ms per plugin, wether it is used on the page or not. Meaning that just plugging it into jquery causes it. Also it seems to cause this penalty wether the page has alot of dom or is fairly empty (though slight variations in time exists but I cannot say that they correlate with the dom size). As I am trying to cut loading time on all corners at the moment it kind of bothers
change initiate time of slider
Hello, I would like to build a navigation with 6 sublinks, each of them are images. The image of the sublink is supposed to change as in an autoplay slider every few seconds before starting again. At the moment I use two sliders, to create the effect based on a code I've found here. However I would like the second slider changing the image 5 seconds after the first slider has changed, so that the two sliders will never change the image at the same time. Thanks for your help, Regards, <!DOCTYPE
hey
guys i have a problem with cdn reference to use on desktop (localhost ) ,so i need cdn which does not require internet or a server.
hi
<!doctype html> <html> <head> <meta charset=utf-8/> <title>Mustache</title> <style> h2 span { color: gray; font-size: .8em; } </style> </head> <body> <ul class="tweets"> <script id="entry-template" type="text/x-handlebars-template"> {{#each this}}/* var data*/ <li> <h2>{{fullName author}}</h2> <p>{{{tweet}}}</p> {{#if quote}} <h5>{{quote}}</h5> {{else}} <h5>Author doest not have a quote.</h5> {{/if}} </li> {{/each}} </script> </ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
Webpage causing internet session being terminated in Android
I'm making a website from a template that I've downloaded. It's based on html5, jquery and is responsive. It works like a charm on ordinary computer, iPod, iPad and iPhone, but on Android tablet and smartphone I get the following problem: Going to the startpage always works. When clicking a subpage, that page loads for a couple of seconds and then the whole internet session is aborted. All pages contain the same code all the way from DOCTYPE down to the maincontent and then the footer code also is
Rotated image and Chrome scrollbars - bugs.
Hi, Can anybody help with rotated images in Chrome/Chromium? When draggable image is rotated and image goes beyond browser window I can not hold scrollbar for page scrolling. Instead scrolling dragging event starts. Problem is on Windows and Linux with both vertical and horizontal scrollbars. I put video at YouTube that show problem http://www.youtube.com/watch?v=RyXzkv9fgUg Sample page: http://msdrop.com/?i=1056&f=11 Thanks Piotr *** Read about msDrop at jQuery Forum
Next Page