jQuery addClass question
This is nasty but at least I have the variables I want, yes it's the old Firfox on a MAC issue. So I know what OS and what browser is being used what I want to do now is to add some class names to the body tag. <script> $(document).ready( function() { if OSName = "MacOS" && browserName = "Firefox" { $('body').addClass("mac ff"); if OSName = "Windows" && browserName = "Firefox" { $('body').addClass("win ff"); }); </script> </body> </html> as a guess I think I need to add on onLoad somehow and
Hover bug in Google Chrome with jQuery in Windows 8
I've got a problem with a dropdown menu using simple click and hover jQuery functions to make it drop down and close. I wasn't sure where to post this since it seems to be a bug. What's strange about it is that there's a problem with the hover function in Windows 8 (not 8.1 as far as I know) and Windows 10 when using the latest version of Chrome (41.0.2272.89). Same Chrome version works great in Windows 7, OSX, etc. The dropdown item contains of a clickable div container with a span text inside of
Wrong count is also accepting in Jquery and accepting keywords any where
Requirement: textbox limit: 25characters, max limit:40char allow IF text contains {State},count for {State} only is 16, {City} count 14, {St}=2,{Zip}=5 Problem: I have written JQuery code for this (below code) but it accepts 1.25chars={City}123456789—correct 2.25charcters=1234567891245678{City}-wrong- but it also accepting this one 3.25-chareacters=123456789123456789{City}---wrong- but it also accepting this one 1 dropdown:MainContent_ddlSelectAdLine Options: HeadLine 1 Textbox: MainContent_txtAdline
How to simplify code and how animate an element inside a another element
Hi guys, I'm new here and I'm learning jQuery. I have this piece of code: $('#portfolio ul li').mouseenter(function(){ $('.overlay', this).stop().animate({ opacity: '0.5' }, 250, 'easeInOutQuint'); $('.overview', this).stop().animate({ top: '50%', left: '50%', margin: '-50 0 0 -125' }, 250, 'easeInOutQuint'); $('.link', this).stop().animate({ bottom: '50%', right: '50%', margin:
GSoC 2015 jQuery Learning Center
I am very interested in online learning platforms. In the past I have tried many, starting with free w3schools testing and then paid to checkout codeschool after doing the rails for zombies course. jQuery is a pretty exciting thing to learn as almost everyone who wants to learn to do something quickly will be looking for the $. I would very much like the privilege to be a part of the design process and build for jQuery a framework to allow for interactive tutorials. I have quite a bit of experience
JQuery/JavaScript syntax error while dynamic binding
Syntax error while binding the dynamic table along with JavaScript function call <p id="dashboard"> I’m trying to bind table dynamically along with JavaScript function call <p id="dashboard"> <script> // some code Loop{ Table = Table + "<tr class='TRCol'><td class='TDColHead'><a onclick='openBasicDialog('"+ itemValue +"');'>" + itemValue + "</a></td>"; } // some code Table = Table + "</table>"; $("#dashboard").replaceWith(Table); </script> In browser it’s rendering with syntax
Stuck... have a question...
/////////////////////////// // Enter your info below// ///////////////////////// var channelName = 'thedallascowboyshow'; var vidWidth = 500; var vidHeight = 400; var maxResults = 10; var key = 'TEST KEY'; ////////////////////////////// // NO edit below this line // //////////////////////////// $(document).ready (function(){ $.get ( "https://www.googleapis.com/youtube/v3/channels",{ part: 'contentDetails', forUsername: channelName, key: key}, function(data){ $.each(data.items, function(i,
menu slide down
hi to all.. i face a problem to show menu in down of my image... this is i tried link.. http://jsfiddle.net/harithareddy/k43v14nr/
how to add tooltip for date in datepicker?
Please! Need Help... How to add tool tip for select days in my project http://jsfiddle.net/hszt7tr2/ Thanks!
How to calculate the tax
Hello gus I am new in JQuery and I want to calculate the tax in JQuery but i dont know how to do that. It has also a select option too choose your tax (0%, 6% and 21%) can someone help me please?
Problems with displaying content on jquery.com site
I have problems with jquery site. I get some weird symbols instead of real content. See the screen below: It happens in every browser. Other sites work fine. What could be the issue?
need help to get list of links from a file to show up in sidebar menu
Answered and resolved. Thankyou Jake Hi I hope someone her can help me. I want to insert the contents of my sidebar into multiple pages using jquery instead of php. The reason for this is that when I changed over to php with the template I'm using it became unusable. The link only went to download option instead of opening. Therefore I have been exploring the possibility of using jquery to get the same results. I have been searching the internet and prowling through forums for two weeks now and
understanding accordion code
hey guys ! , i was just checking out chris coyers lessons on custom events and came across the following : jsbin now when the plugin is called . can somebody tell me who is passing the two parameters i and el to the faq plugin ?? I mean this line below : return this.each(function(i, el) { Thank you. gautam.
Use Spinner in HTA
Hello, I'm a complete noob to jQuesry, javascript and also CSS - I'm trying to make the spinner gadget (http://jqueryui.com/spinner/) work in HTA to no avail (the screen comes up with the input field and buttons, but no little spinners). Guidance or pointing to a guide would be really hepful - thanks.
Stuck for 3 days at this width-height issue
In my project (currently live for beta-testing at http://goo.gl/XNGnou), I need to find out the width & height of a certain element (image) on a webpage. Basically, the user uploads an image (logo) which is resized to fit a certain space. Then I use this code to get the image width and height: $('#banner_468x60 .logo-container img').width(); $('#banner_468x60 .logo-container img').height(); When everything goes well, after clicking Generate, a new page is opened
Newby - Adding a web site "post it" pop-up window.
I need help. Where do I start? I want to add a help/reminder/post-it style pop-up window While I am, searching for, or while I am on a web site. Lets call it a "helper" window. Not to a site I am programming, but to any site on the web.
How to evaluate value of the variable
Hi there, I'm running SQL query against a table in SQLite table. I'm passing the results object to a function to display the table. But I'm getting error Uncaught TypeError: undefined is not a function where I use row.eval(strItemName) in my code below. E.g. strItemName is holding the name of column of a table - bikes. so I want row.bikes but I don't know how to do this. Thanks for your help and time. Joe Green function displayDrugCIGN ( transaction, results ) { var listCIGN = $( '#cign_data'
download only passed items
Hey everyone, i'm beginning with learning Jquery, Javascript I have some code that needs an adjustment but i can't figure it out myself. It is a spinner that is downloading playlists from a radiostation. All playlist are loaded @ 00:00h so you can view the playlists of that day. Thats what we don't want because then there is no suprise in a program that uses a chart from 30 to 1 for ex. So what i want to do is ajust the spinner so you can only go back in time. If it's 17.00h i don't want to see the
jquery checkbox action not working in firefox and chrome
hello sir i've used checkbox. When i clicked on checkbox then open a new window . But problem is that it does not work work first time checked in Mozilla and chrome. On second checked it works. it works only internet explorer. $(document).ready(function(){ ` $('.chk').change(function () { //Here for new Windows open code }) }) Note: I am using struts 1.1 and ajax. Jquery libery 1.9.1
understanding scrollTop
Hey guys, Just a small difficulty in how scrollTop works , I have the following HTML and css code : <body> </body> CSS : body{ height: 4000px; background: #eee; } Jquery code : $( "html" ).scrollTop(5000); now if i say : $( "body" ).scrollTop(5000); scrollTop does't work .. Why ?? my difficulty is also listed in the fiddle : Fiddle
The best tutorial for handling CRUD data with jquery
Hi, I'm looking for the best tutorial out there to get started with data fetching. The purpose is to help a trainee who's starting to build a simple page+jquery for fetching an online database (only CRUD access with REST controllers). I've read this post about fetching specific data records but other resources would be more helpful. Thanks
how to disable and enable form field based on the value of another field
I have three drop down lists that are dependent on one another <select class="form-control" id="StatusId" name="StatusId"> <option value=""> </option> <option value="1">Pending</option> <option value="2">Approved</option> <option value="3">Declined</option> </select> <select class="form-control" id="DeclineReasonId" name="DeclineReasonId"> <option value=""> </option> <option value="1">Incomplete Documentation</option> <option value="2">Too many loans</option> <option value="3">Fraudulent Intents</option>
ReferenceError: using google Maps API .
hey guys i am trying to build a small custom map library and i have extrated most of the code into Mapster.js file and i use my script.js file to call all the functions from Mapster.js . I have a small problem , i have this below line in my scripts.js file : infoWindow.open(map.gMap , marker); now in my mapster.js i have the following function : addMarker : function(opts){ var marker; opts.position = { lat : opts.lat, lng : opts.lng } marker = this._createMarker(opts); if (opts.event) { this._on({
problem with ajax
hi to all, I try to call external text file to my html page using ajax..but it is showing error like XMLHttpRequest cannot load path of file. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. this is my code. http://jsfiddle.net/harithareddy/8n6L0rdz/
How to split strings?
I have a column which can be multiple people. For example it can be: 35;#Peter Dawn 24;# James Taylor;# Is there a way I can use Jquery to automatically grab only the names and ignore the ID and the deliminator which is ;#?
Noob question conerning jQuery start-tag
I am good at PHP and I am trying to learn jQuery. My question is these start tag showing WHERE jQuery finds (and eventually) does something, like: $('.myTR td').html(originalContent); or $("td[contenteditable=true]").blur(function() What I understand is that that it is looking for "myTR" and in the other case "td[contenteditable=true]". Abstractly it is a kind of regular expressions in the way that it searches for something and does something (blur/changes, whatever). I don't understand the convention
show and hidden events not working
Hey guys i came across the following lines on modal.js : $target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) These are all event being attached right ? , well i was wondering where can i find the documentation for the show Jquery event ? , because i tried writing
superfish theme wordpress - social media buttons
Hi, first time posting, not sure if this si the right place, i have wordpress site using superfish theme, i have already existing social media buttons on my website at the top, but i need to add googleplus button, where do i do this, and how, have tried pasting the normal codes provided by google, in footer.php etc but doesnt work, there is a a sociallinks.php, and a sociallinks_footer.php (found in the INCLUDES FOLDER) which has the exisitng media buttons in the correct order but when i put the
Jquery loaded at the bottom of the page
I'm having problems with something that is probably pretty basic, yet I can't quite figure out what to do. Lots of sites link jquery in at the bottom of the HTML document. This seems to be the recommended practice. What I don't understand is how to use jquery earlier in the page when that happens. I try to put a simple script on a page, which I've test and know works, but if the Jquery is loaded last, it doesn't work. I've read up on using $( document ).ready() and the short hand, but that
Deprecated Methods in Jquery 1.11 from 1.4.1
Hi, Could anyone help to identify the deprecated in jquery 1.11 from 1.4.1? or where to get the details Thanks Ulaga
Prev & Next page BTNs traveling through the menu
I'd like to add 2 buttons down on my pages that go to the previous and next pages and, if possible, take their links straight out of the navigation already present (and relative to the page I'm on). I've only gotten so far with this for days and I could sure use some handouts :p The menu is the Foundation off-canvas one and it poses problems for me because of all the nesting and stuff. I would prefer if I could get the actual links straight out of the ul.off-canvas-list, but I can't find how to skip
integrate JsQuery
Hi, im trying to integrate a jsquery plugin (listnav) to my very first page. i dont really know how to do anything so far. i just tried to solve it through following the instructions on the jQuery How to, and several other w3schools sites about jQuery. Hope you can help me. i added my code that ive been working out so far. kind regards <!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">
adding custom animation while toggling
Hey guys , checkout my fiddle , its the most simplistic of toggle menus , now see how the menu does't have any effect while toggling , how can i add a custom animation , while the menu toggles ?? Please advice . Jquery menu code below: $('#r-menu').on('click', function () { $('#menu').toggle(); // end toggle }); Thank you . Gautam.
autocomplete for dropdown button
hi to all i tried to slide down for my dropdown list. http://jsfiddle.net/harithareddy/g15tq78n/ i place one text box in that one.i confused to do an auto complete to my list .i dont want any plugin for that one...
Accordion
Hi all, I tried to create an accordion with the following code,but its not responding to what i am trying,please correct me my mistakes. <html> <head> <style> .accordion { overflow:hidden; border-radius:4px; background:#f7f7f7; } .accordion-section-title { width:100%; padding:15px; } .accordion-section-title { width: 100%; padding: 15px; display: inline-block; background-color: #333; border-bottom: 1px solid #1a1a1a; font-size: 1.2em;
Website to learn css
Please suggest me "the best" website to learn CSS quickly. thanks in advance
jquery full page overlay
Hi there, I would like to display an overlay over an entire page. The overlay will have some graphic and text message. The overlay will display automatically when the page is loaded or refreshed. The overlay should go away after 15 secs or if the user clicks anywhere. When the overlay is displayed I want the background to be grey. Can someone tell me how to do this? Thanks Joe
Adding a class
Hi to all, I am trying to add a class to div element but its not responding,is something wrong in my code, plz help me,thanks in advance <html lang="en"> <head> <style> div { width: 100px; height: 100px; background-color: #ccc; } .big-blue: { width: 200px; height: 200px; background-color: #00f; transform:rotate(180deg); } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> </head> <body> <div></div> <script>
click function load on a page and not in another page.
Hello all. I'm quite a new jQuery user. I've got a strange problem. In an Ajax page I've made a jQuery script that works fine. It switch src between IMG tags:. My script: $("#img_thumb1").click(function(){ var src_img_thumb1 = $("#img_thumb1").attr('src'); var src_img_main = $("#img_main").attr('src'); $("#img_main").attr("src", src_img_thumb1); $("#img_thumb1").attr("src", src_img_main);
enable the textbox
hi to all . hear i tried my code to enable the textbox if a person selects any list item in dropdown.but it is not enabling http://jsfiddle.net/harithareddy/xorbckpm/
Next Page