mouse over text chnage.
Hi, having a problem that when I place mouse over Gainer or Losers the text in <ul><li></li></ul> has t change please help I have<div class="plan"> <h3 class="plan-title">NIFTY</h3> <ul class="plan-features"> <li class="plan-feature">12.15</li> <li class="plan-feature">0.20%</li> </ul> <a href="#" class="plan_buttons">Gainers</a><a href="#" class="plan_buttons">Losers</a> </div>
Weird tab height when using side menu.
When using the following html5 structure - and jquery ui tabs -> the tab headers are showing as the same height as the side menu: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title goes here!</title> <link rel="stylesheet" href="style/reset.css" type="text/css" /> <link rel="stylesheet" href="style/main.css" type="text/css" /> <!--[if lt IE 9]> <script src="scripts/html5shiv.min.js"></script> <![endif]--> <script src="scripts/jquery-1.10.2.min.js"></script> <link rel="stylesheet"
JQuery Modal Dialog
Hello All, I am using modal confirmation dialog box as shown in the below link https://jqueryui.com/dialog/#modal-confirmation 1 ) This works fine for me in Firefox and Chrome browser. However, when I test this on Internet explorer 9. The modal dialog come at 'Left Top' position and in other browser By Default it is coming to Center psotion. I have tries using position atrribute. But still result is same. Why this is so ?? 2) When modal dialog box is opened I am ABLE to click other buttons OR
Decorated checkbox does not fire onChange event
After a checkbox has been 'enhanced' with checkboxradio().enhanceWithin(), 'change' events are no longer fired. full example here: http://jsfiddle.net/9mMwN/7/
Javascript/jquery Core Books?
Hi, sorry I know this is not a regular question for this forum. I thought though since most of the people on here use javascript/jQuery you might know of some really good resources for understanding Javascript itself. I've got a few books, but they tend to be more of a developers crash course of what they consider the basics. In that they always seem like they're not talking about the foundation or core components that comprise javascript. I was wondering if anyone knows of some really good, indepth
Dynamic data on Tooltip
Hi, I want to present dynamic data on tooltip ie on mouse hovering of text field I want to represent a table in a tooltip. Please suggest some solution.
Getting progress of PHP script called by jQuery post
I want to periodically check the status of a php script and display it on the browser. Here is the jQuery that is used to post. $(document).ready(function() { $("#tempbut").click(function(event){ $('#loader').show(); $('#mainarea').hide('fast'); $.post( "template.php", { guide : $('#guide').val(), title : $('#title').val() }, function(data)
How to getting id of the button in beforeclose in jquery popup
My jsfiddle popup have 2 buttons(text1 and text2). When clicking text1 button, I want to getting this text1 button Id in inside of before close method.Is it possible? Currently it is getting dialog popup id in alert in beforeclose method. My fiddle link : http://jsfiddle.net/eLw5V/4/
Collapse all fields on jQuery accordion?
Hi Everyone, I have a basic jQuery accordion on a website, but I would like to know how to have all the fields collapsed when someone enters the page instead of the first one being open. Can anyone show me the right function or script to do that please. I am very unfamiliar with jQuery language so could you please show me how it would go in my script, which is below. Thank you very much. <script type="text/javascript"> $(document).ready(function() { // Accordion $("#accordion").accordion({ header:
tablesorter demo not working
Hello. I'm having trouble getting the tablesorter demo example to work properly. It's at http://tablesorter.com/docs/example-ajax.html I'm not implementing this in my own application, it's not working on the tablesorter.com web site itself. Here is the table, in the order as it exists in the html: First Name Last Name Age Total Discount Date Peter Parker 28 $9.99 20% Jul 6, 2006 8:14 AM John Hood 33 $19.99 25% Dec 10, 2002 5:14 AM Clark Kent 18 $15.89 44% Jan 12, 2003 11:14 AM Bruce Almighty 45
Please be kind to help me
can anyone change numbers to image from this code, i found it on this site http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/
Multi-page Form with Next Page Dependent on Previous Page Selection
Hi All, I'm just starting to build a mobile forms page for a client, and I have some questions. The client has several (paper) pages worth of questions that the web user will be answering, but the next page is going to be dependent on one of the selections on the previous page. For example, The first page will consist of simply a list of the different types of equipment they can request. That takes them to the next page where there are questions regarding that equipment (i.e. Low Voltage/High Voltage,
ReferenceError: launchWindow is not defined
This is a modified version of a script I found on the web earlier on. It works great up until I try and invoke the use of another HTML file (content.html), at which point it errors as in the title. It also gives the same error if you move the "'content.html ' + " from line 9 to line 34. No such error occurs if you just try and load an element in the same HTML file. No such error occurs when using .load() with essentially the same code. What gives? Help appreicated! --- $(document).ready(function()
How do I assign an change to a hidden field.
Hello, I wish to assign a change event to a hidden field that is being changed through a click event that is 3rd party software. I cant change the 3rd party software. The change event to the hidden field is not firing How can I get it to recognize the change event and fire.
$.extend to merge objects
I have an object like this: config = { options: [['Option1'], ['Option2', 'Option3', 'Option4'], ['Option5', 'Option6']] }; I then have an html element with a data attribute like this: data-extraoptions="[['Option7','Option8','Option9'],['Option10','Option11']" How can I convert data-extraoptions into an object and then merge into my config variable? I've tried just using a comma delimited string in data-extraoptions and using the split function, then using $.extend(true, config, [extraOptions]);,
Sho Hide ok sous FF mais pas sous IE
Bonjour, dans un formulaire je test la valeur d'un champs pour afficher/masquer des valeurs dans un select. si je met 0 alors je cache l'option "rouge" dans le select. si different de 0 alors j'affiche "bleue" et "rouge" afin que l'internaute a le choix. mon code fonctionne très bien sous FF et sous chrome mais sous IE.....8O sa ne fonctionne pas. Au lieu d'avoir les lignes qui se cachent elles restent toutes visibles sous IE. Voici mon code : dans mon header je met : <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Using IE10 with scripting Disabled
I am developing a Blogger site using IE10 and am experimenting with "scripting disabled" since some of my readers have it disabled for some odd reason. When scripting is disabled none of my own JavaScript code (of which there is a lot) works, of course, but jQuery DOES WORK everywhere it is used. . I do not understand this since jQuery IS basically JavaScript. Can someone explain this. I have not tried this in Chrome or Firefox yet but intend to. Thanks, V. Ingram
Need to update jQuery. IE 11 causing many problems!
Hello, I am having problems with our GUI, especially now that IE 11 is out. I am running jquery 1.8.0. I remember messing around with newer versions about a year ago but some of the things we were trying to do would not work. In other words, 1.8 seemed to "play" the nicest with what we wanted to do. So, now that IE 11 is out I am having quite a few problems. I'm having problems embedding SWFs with swfObject. Our GUI no longer works locally, none of the content shows up at all. Not sure if this
Navigation Menu Issue with Firefox
I am a very amateur web designer, who is also very new to CSS, so please be gentle… I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices. This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to a drop down menu, even though
why doesnt work in Chrome! (when it works in firefox!)
this is part of my html <label for="classification">Classification</label> <select name="classification" id="classification"> <option class="notOption" value="faculty">Faculty</option> <option class="notOption" value="staff">Staff</option> <option class="notOption" value="student">Student</option> <option class="notOption" value="graduateAssistant">Graduate
Jquery UI Datepicker and Event Espresso on top of Wordpress problem
Ok, this might be tricky to explain without looking like insane person. I was successful implementing jQuery Datepicker with wordpress so Event_post_types were picked up and the proper days were highlighted on the datepicker widget. And also each date corresponding to an event on the datepicker was a link which was going to that even't page. But then project got more complicated and I had to move all my custom posts to Event Espresso plugin. So far I was able to recreate everything except the linking
How can i select the closest tr contain element?
How can i select the closest tr contain elelment here is the code: http://jsfiddle.net/boajay/p3sFh/31/ thx
jQuery duplicating ASP.NET button value
I currently have a working Web App built with ASP.NET that I'm now implementing a page slide transition for. I have done this successfully but with one issue. It seems jQuery is duplicating the button value when the page is rendered. <input name="Submit input" data-type="button" type="submit" value="Login & Connect" /> So when the page is viewed, My button shows with the correctly styled "Login & Connect" with an additional "Login & Connect" also being placed inside the button. If i remove jQuery
Why not to Use global Variables and why to place all jQuery code in self invoking function..
Hi there- i am new to learning jQuery, my question is : 1. Why not to Use global Variables and why to place all jQuery code in self invoking functions.. when the same thing can run without putting in self-invoking function and keeping jquery. i want to know, reason, apart from the programming noms, what are the caused overheads.
Problem with Submit button, i don´t see and not working?
Hi, I have a problem with Submit button in jquery mobile because i don´t see and not working in the spmartphone :( My html is: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" /> <title>Dardo Producciones
Newbie question: Referring to element by class
Hi, Can anyone offer me some explanation as to selecting an element by class name? In an online example this template code is give for a button element: [code] <button data-catid="{{category.id}}" data-title="{{ result.title }}" data-url="{{ result.link }}" class="rango-add btn btn-mini btn-info" type="button">Add</button> [/code] So there is no element id, but there is a class name of "rango-add btn btn-mini btn-info". The example jquery ajax code is given as follows:
$('form')validate() doesn't validate a dynamic form
Hi, I have a dynamic form that i built all controls dynamically using javascript when i click on Submit() button i call $('form').validate(); which i expect to stop form submission before executing the following lines. but the actual behavior is it executes the validate() line and continues to the remaining lines of submit method. i have included jquery.validate.js and the jquery 1.9.js and the screen.css in my page. Also, i have added required attribute to my input control and i see it in the IE
JQM 1.4.1: using 'default' as property name causes syntax error on some platforms
I have found a potential problem in the new code of release 1.4.1 At line 3195, inside $.fn.animationComplete function, the righ side expression contains an identifier named 'default'. In the same function, al line 3222, the same property is defined but the assignment fails. I think it happens since 'default' is a reserved keyword of the javascript language, and in some old browsers it may cause a conflict or syntax errore, making an unrecoverable crash of JQM. I found a very very simple solution:
tooltipster-Problem on mobile devices
Hi, I built in the tooltipster plugin and almost everything works fine, but on mobile devices on touching the link there is shown the tooltipster-title (ketchup-title) and also the offer "Open link in a new tab" and so on. how can I disable this, so that the tooltipster-content is shown on the first touch and the link is opened at the second, or if the user presses longer...? Are there any options for that? Sorry for my english. Kind regards glupto
JQM 1.4.1 crashes in IE 8 and old android platform
UPDATE: Found a solution but it envolves JQM 1.4.1 development (see my next post). Hi, I tried version 1.4.1 but I have found a problem in old IE 8 browser and also on a Samsung Galaxy fit. Version 1.4.0 works fine on both the platforms. Besides, for both versions I used Jquery 1.10.2 With version 1.4.1 IE debugger says: row 3195: expected identifier. and this error crashes all JQM initialization so all the pages are not rendered. The following is the involved code inside animationComplete() function:
where are the performance metrics for 1.4 vs 1.3?
The release blog says "...jQuery Mobile 1.4. For this new version we focused on performance improvements" The upgrade guide has a LOT of breaking changes in this release. Unless there is a dramatic measurable reason to do so I would have to pass. Do you see this trend of jqm breaking backward compatibility continuing or is this a one-time thing to address performance issues? I heard the CTO of fameo.us say that jqm is dishonest when they claim good performance based on simple demo pages, when in
index.html#Titles loads web sql list view from same page,... but from external page not load
Is any way get data- attribute value of a link when this go to external page, in this external page? I load data in a page (not main) index.html ...from web sql db, but this only works when go from index.html to index.html#Titles from same page,... but from external page not load? how apply two functions one go from same page and one go from external page to this index.html#Titles? in same page using but fails from external page, how distiguish??? $('a', '.subList').live('click', function(e) {
HI i am trying to get value from a url
my problem i have a url which returns a random number every time request went to it.i am trying to get the value using ajax response. my html code. <button class="button" type="button" name="buttonpassvalue" id="random" >Get Random Number</button> <div id="number"></div> My script is <script type="text/javascript"> $(document).ready(function() { $("#random").click(function() { $.ajax({ type: 'GET', url: 'http://202.131.103.198:8888/poll/get-random', data: datastring, success: function(result)
Randomize hidden content on load, reveal hidden content on click
Howdy, I have put the following "Q&A" divs together: <div class="Questions"> <div class="bat"><div class="firstheader"><button>Question1</button></div><div class="Question"><div id=Question > <div id="Answer"><div id="Answer1Output"></div><div id="ShowAnswer1" href="javascript:void(0);"><button>Show Answer</button></div></div></div></div><div class="Space" style= "height: 80px"></div></div> <div class="cat"><div class="header"><button>Question2</button></div><div class="Question"><div id=Question
Google Maps resize issue inside a hidden div
Hi All, I hope someone can help me with this. I am not very experienced with jQuery and need help implementing a fix for the issue where if you place a Google Map into a hidden div it does not load fully and only shows in full after the browser window is resized. I understand that the following has to be added to my code, but I just really dont know where or how: google.maps.event.trigger(map, 'resize'); I have tried adding it to my header file, to the jQuery file, to the HTML files but to no avail.
Accordion and sub-menus
I've created a menu using the accordion, and everything seems to be working correctly except for one small detail. When I select a sub-menu item, the sub-menu does not remain "open" when visiting the selected page. That's how it should work, isn't it? I'm sure there is something obvious missing, but I don't see it. The active tags appear to be set correctly. I'd appreciate some help from the community with this one. Here's the relevant code: <script type="text/javascript"> var nav =
Accordion loading.gif before loading content
Hi all, hope someone could advise on how can I show a loading image before loading a content in jquery ui accordion content. when I click the header, i want to show a loading.gif image (progress bar) before loading it's content. I've tried to search using google but no luck thats why i'm trying my luck here in this forum since I know that most of the jquery master are here :) Further, pls see below code that I have: script: <script type="text/javascript"> $(document).ready(function () {
Autocomplete: Same code, different results
Hello, how is it posible? I have written the same code in two sites, and the result is different. Code 1: http://jsfiddle.net/uMqyn/518/ Code 2: http://jsfiddle.net/uMqyn/519/ The only change I made is the external JS/CSS included in Code 2.
jQueryUI tooltip for validation help
I use jQueryUI tooltip for validation. I just want exactly do this: when Textbox focusout or sumbit button click empty textbox tooltip appear. I write this script but this script have this problem: on click or Mouseover or Mouseout ... in Textbox the tooltip does not appear.just on focusout or sumbit button tootltip mus appear.how can i do that? after tooltip shows on mouse over tooltip disappear. how can i prevent that??? tooltip not disappear just disappear when user click in Textbox .how can i
accessing table in jquery ui dialog
Situation: Access the server through AJAX to get an HTML table constructed by the server, then use the table to present information to the user. The table contains a variable number of cells set by previous user work, and some of which have pointers to files which have additional HTML files with more information. I ran into two problems, the first of which I solved with a hack (IMHO), the second on which I'm stuck. When the user click any where on the dialog, not just the close button the dialog
Next Page