.slideToggle issue in Firefox
Hello. My site http://charleybiggs.com.s64567.gridserver.com/ is working properly in Chrome and Safari. When you click on certain boxes, specific divs load at the top of the page. In Firefox though these divs are automatically showing when the page loads. They are supposed to be hidden until a box is clicked. Anyone have any idea why it's doing this? <script type="text/javascript"> jQuery(function(){ jQuery("#music").click(function () { jQuery("#musicinfo").slideToggle('slow');
jquery unhide on the value of a select drop down
I want to get at the value of a select box on change and hide or unhide another elemen in the same form determined on value selected so far I have something that doesn't even trigger..... if the content of "arrival" is VIP I want to unhide "arrival_time" eg the form contains <p><label for="id_arrival">Arrival:</label> <select name="arrival" id="id_arrival"><option value="" selected="selected">---------</option> <option value="1">STD</option> <option value="2">VIP</option> </select></p> <p><label
File Upload and Model Data simultaneously using jquery and ajax
Hi, I have a requirement where I need to pass some data entity along with a pdf to the server to be saved. I cannot achieve this using the Jquery file uploader and using a form post to get both the entity data and the file at the same time. Please help as to how I can send both the data and the file using a single ajax function to the server. Is it possible to achieve this using the regular html file type input and standard html controls and calling a ajax function on click of a button?
Three level menu using jQuery assistance
Hi guys, I need some help with the following menu JS script: http://cdpn.io/LzuJh At the moment the script works but I need some proper cleaning. I am able to get it to expand on click to about the second level and everything goes haywire from then onward. I want it to behave like a proper 3 level menu. 1) you click on menu icon it opens menu 2) you click on second menu it opens menu and gives you access to 3rd menu etc NB: I also want the menu to toggle, the same way it toggles on the top menu.
Hidden content takes up height(isotope)
I am using this gallery to display portfolio items on my website:http://www.webdesigntunes.com/coding/jquery-filterable-portfolio/ It uses isotope-jquery to display the items so the div container that includes the portfolio images calculates the height based on the article classes that are within it: <section class="main"> <div class="portfolio"> <article class="entry video"> <a data-rel="prettyPhoto" href="http://vimeo.com/34266952"> <img src="images/portfolio/work1.jpg" alt=""> <span class="video-hover"></span>
HTML5 builder jQuery datetime picker
Hi I am using HTML5 builder to build a server side database reporting system. I need to have client side users enter dates using a datetime picker but the picker that comes with HTML5 builder does not work on most browsers. The jQuery picker would be perfect and while I can get it to work in an html document I cannot get it to work on the HTML5 builder php pages. I am very new to JAVA script so do not really know where to start. Does anyone have any ideas how I can go about this? Thanks Jerry
About selectable jquery ui
from this http://jsfiddle.net/N565p/23/ i want to set first load (option that have a text from database to be selected ) like at the item have text == Option 2 and text == Option 3 was selected at first load thanks for answers
Popup from XML data - why won't it work?
Hello All, I have successfully got my Phonegap + Jquery Mobile app pulling and reading data from a xml page on my server. It lists the product photos but I want to be able to have a popup for each image with more information however I just cannot get it to work ... can anyone tell me why this bit won't work? For some reason it lists each image AND the content in the divpop .... simply won't work ... category = 'Cases'; $.ajax({ type: "GET", url: "http://www.myurl.com.au/accessories.xml",
please critique!
Hello all and thank you for any help. I have just finished building the following, which does work, however I am not sure if it is running as good as it can. May I please get some instructional criticism and possibly some ideas on ways to make the performance better? Thank you in advance <html> <head> <link rel="stylesheet" type="text/css" href="style.css"/> <title>Stream Status</title> </head> <body> <table></table> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
Jquery mobile Swipe event not working with android chrome browser
I am trying to detect swipeleft and swiperight events using jquery mobile. $('#div1').on("swipeleft", function (event) { //some function }); $('#div1').on("swiperight", function (event) { //some function }); This works perfectly on iPad. But when I test it on adnroid chrome, this event get recognized very randomly. It detects this event sometimes and most of the time it is ignored. I have gone through many threads on this, and tried many things like 1. removing e.preventDefault() on touchStart event
Help me all..
i want to ask, how to call another html in jquery mobile in button? i have make the source.. <script type="text/javascript"> function product(){ $.mobile.changePage( "../Product.html", { transition: "pop", reverse: false, changeHash: false }); } </script> this is my btn : <a data-role="button" id="product" onclick="product()" data-transition="slide" href="#page1" data-icon="arrow-r" data-iconpos="left"> car product </a> OR i just use button in only a href <a data-role="button"
Changing Text Only
Hi Guys, If have: <li> <a href="..." rel="..." > <other tags> "Original Text" <other tags> </a> </li> Trying to change the "Original Text".I tried: $(li).find('a').text("New Text"); But, that wipes out the other tags. How do I just edit the text? Thanks, Bill
jquery proper call back function for text editor
I have 2 pages: page 1 is a normal page and page 2 is a partialview (partial 2). I go to page 1 and a few seconds later partial 2 is loaded and shown at the bottom of page 1, my problem is that I need to know how to do a callback function in order to get my text editor that is in partial 2 for example this is the setup for page 1 Page 1 <script type="text/javascript" src="/ckeditor/ckeditor.js" ></script> <script> $(document).ready(function () {
Need help to modified code for time out
I am new to JavaScript and I found a time out routine on the Web that does what I want but one thing. The code pops up a message stating the time is about to expire and gives the user option of continue or cancel. I want to change the code that if no response from the user that the application redirects to another page automatically. <script type="text/javascript"> var sess_pollInterval = 60000; var sess_expirationMinutes = 20; var sess_warningMinutes = 2; var sess_intervalID; var sess_lastActivity;
Basic Timer Question
Hi all - Bit of a newbie here, so apologies for the stupid q - hopefully this one is easily solved. I'm trying to do add 4 countdown boxes to a website - I can find scripts for basic countdowns, but can't get it so that it has 4 on the one page as I'm really new to jquery. For example, I'd like to have 4 spans, (timer, timer2, timer 3 etc) This is the code i have: HTML: <span class="timer"></span> <hr/> <span id="help">From: 50 - To: 2500 / Over 5000 Milli-Seconds</span> JS: (function($) { $.fn.countTo
How can I change data-src attribut of a canvas in jquery
Hi, In a previous post I've learned how to load a canvas from png. It is great but now I feel not very pride because I have a technical problem I cannot solve. I would like to load the data of different png one after one another. My idea is to do a setinterval just specifying the data-src before execute for different images. The problem is I don't find how to change data-src of canvas with JQUERY. Here is my code. Can some one just tell me where and what I must include to load for example testbis.png?
manipulate class on browser back/forward button when address bar has certain URL
I have setup a ajax website where I use the history API for a better user experience with a javascript fallback for browsers that don't support the API. I have to say that I've used files from a demo site from the maker of the fallback script, because my javascript/jQuery knowledge is 0.2. I have a div where I load the AJAX content in which is hidden on page load. In the other div I have a isotope grid with items and clicking on a item will slide-in the AJAX div and loads at the same time the AJAX
Does not function effect slide
Im testing some effects in jquery ui, and this is the first, but this doesn´t work. Here is my code. Thanks in advance for help me. This is the index: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>parainformaticos.com</title> <link href="jq/ui-darkness/jquery-ui-1.10.4.custom.min.css" type="text/css" rel="stylesheet"/> <link href="css/main.css"
Can jQuery supply the text of a table element when the user double clicks on it ?
I am new to jQuery, but think it might be able to solve a problem for me. I am displaying large tables of information on web pages. These are generated from a database. I would like to offer the user the chance to double click on any particular cell in the table (which will be delimited by <td> and </td>) to drill down for more information. To make this work, I need to be able to retrieve the text in the cell. I can't find a jQuery selector that will let me do this. I can get the correct routine
jquery.form plugin IE7 windows nagivating away on response
My goal is to be able to submit a form including a file input in a ajax manner and the jQuery Form Plugin seems suitable to achieve this. Hover my requirement is that it should also work in IE7. I've created a small prototype to test out the the functionality and the form including the file is submitted and received properly by the backend. I've already changed the way json is returned (as text) to prevent IE from showing a save file dialog. In IE7 when the response is received from the backend (either
Having Trouble Changing the Background to Black
I'm really new to Programming with Jquery Mobile and can't figure out how to change the background to black... I've done it before but for some reason I can't get it to change... Here is what I'm working on... When you click on the Male or Female Button a male or female image appears, I want the background behind the image and the buttons to be black... Also, is there a way to have the male image show before clicking a button? Thanks for the Help you guys are awesome! http://vmt2014.businesscatalyst.com/Gender%20test.html
jquery-ui datepicker does not keep its position relative to its element when zooming-in
I have a problem jquery-ui datepicker that occurs if the input (datepicker is attached to) is placed inside an element with margin: 0px auto. If you zoom in (ctrl +), a displayed datepicker does not keep its relative positionto the input. It causes some problems in mobile browsers when there is an automatic zoom-in when filling a form. There are no troubles if margin: 0px auto is removed but I'd like to keep it. fiddle: http://jsfiddle.net/hcvfC/1/
infinate jQuery vs HTML Link
I have a page that has animation that repeats infinately. This is implemented via a jQuery script that calls itself. The page also contains a menu implemented via an unordered list with href links. The menu works ok on a test page without the script. When I add the script the menu no longer works. I am not sure I understand the event model and potential conflicts between jQuery and HTML events. I would appreciate help with my specific issue and perhaps a nudge in the direction of some documentation
jQuery and $ not definded.
Hi all, I can't get jQuery to work on my site, this nevere happened before. Here is the code: <script type="text/javsacript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javsacript" src="site/js/fancySelect.js"></script> <script type="text/javascript"> $('document').ready(function(){ $('.dropdown-menu').fancySelect(); }) </script> And the error is: ReferenceError: $ is not defined $('document').ready(function(){
How to debug Step by Step in Jquery-Mobile + HTML5 + Windows Phone Emulator
Hi, I am using jquery-mobile for creating a mobile app. I am using visual studio 2010 and windows phone emulator to run the application. My question is, how I can found the run time errors in jquery-mobile. Because HTML is displaying on emulator so firebug or other browser tools are useless. Also alert is not working in 1.4.0 version of jquery mobile.
a tag onClick not firing
Javascript: (function(){ $(document).on('keyup', '.search-bar input[name="q"]', function() { var a, b, c, d, e, f, g; a = $(this), b = a.closest('form'), c = b.find('.display'), d = a.val(), e = a.attr("input-min-length") ? a.attr("input-min-length").val.to_int : 1, f = b.attr('action'), g = b.attr('method'); c.empty(), a.removeClass("search-loading"); if (!$.trim(d) || (e > d.length)) return c.hideDropDown(); a.addClass("search-loading") $.ajaxq.clear(f),
Different behavior in browser for Div height adjustment
In my website I have two Div's containing variable content. This content is added via a server side include (using a management content PHP seed). I want to give the two columns a similar height by using the following fairly simple script: $(document).ready(function(e) { var A = $('#Linkerkolom').height() var B = $('#Rechterkolom').height() if (A<B) { $('#Linkerkolom').css('height', B); }; if (A>B) { $('#Rechterkolom').css('height',A);
Page loses "ui-page-active" class when popup close button is pressed.
Hi, Been working with JQM for a while now, but I have finally run into an issue that i can not seem to solve though diligent Google searching. So I thought I would signup and ask the experts. I am using internal linked pages that are dynamically cloned from templates, modified, then injected into the html markup. Everything seems to work fine, however, occasionally, when I close any of the popups, the "ui-page-active" is removed from the current page, and nothing is visible (white browser
I need Hootsuite style jquery menu -
Hi, I need hootsuite style jquery menu. I mean : By default it should have just icons, when mouse over the icons should expand with their titles (like attached image). Is that jquery available free to customize and use ? Thanks in advance Ravikumar V.
Table collum delete when sub collums exist.
Hi, I need a function to delete columns, I have found solutions that work on "index" but these get buggy when there are sub columns. What I need is a function that can delete sub collums and also deletes sub collumns where their parents are deleted. For an example of the kind of table I am using see: http://www.cmp-products.com/a2ffc.php it is the "gland selection" table. Any help would be greatly appreciated. Thanks Tony
selectmenu page not closing
hi! currently we are using jqm 1.3.0, but we tried it with the newest stable 1.4.1 as well with the same results. from the api documentation: When it has too many options to show on the device's screen, the framework will automatically create a new dialog-style "page" populated with a standard listview for the options.with internet explorer this works almost every time. but it kills our app when we use it in firefox or chrome. the listview is shown but after selecting an item, the items are cleared
works in 1.4.2
Am a newbie to jQuery, this works in 1.4.2 but doesnt in 1.9.1 what should I change to make it run <h1>Long-running request demo</h1> <div id="progress">Progress not yet initialized</div> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script type="text/javascript"> function pollProgress() { $.getJSON('/progress', function(data) { if (data.progress === null) { return; } $('#progress').text('progress: ' + data.progress + ' / ' + data.progresslimit);
checking the file size in IE 11
Need to know if there is any way using jquery to check the file size. The activeX Object used in javascript way of checking works in all browsers except IE 11: function GetFileSize(fileid) { try { var fileSize = 0; //for IE if ($.browser.msie) { //before making an object of ActiveXObject, //please make sure ActiveX is enabled in your IE browser var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var filePath = $("#" + fileid)[0].value;
this is slider code......please tell me whats happening in this script?
$(document).ready(function(){ rotatePics(0); }); function rotatePics(currentPhoto) { var numberOfPhotos = $('#photos img').length; currentPhoto = currentPhoto % numberOfPhotos; $('#photos img').eq(currentPhoto).fadeOut(function() { // re-order the z-index $('#photos img').each(function(i) { $(this).css( 'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos ); }); $(this).show(); setTimeout(function() {rotatePics(++currentPhoto);},
jQuery Mobile for Desktops bad idea?
Is jQuery Mobile just for mobile devices? Can it be used with desktops? Thanks
Hide Background on moving Li to Top
Hi, I need one help On clicking on Li i am taking that at top its working fine you can see here http://jsfiddle.net/65fed/1/ In my application i have background white But whats happening while moving that li the background comes white as my app has background white. What i need is that when my li moves at top it should adjust the backgroung in this way. http://jsfiddle.net/N2Py9/ Note : But approach should be taken as the first link oi provided. Thanks in Advance
PROBLEMS WITH LOADING OF INTERFACE
hi friends i developed n app with jquery nd phongap...its working well , but i have a little problem. sometimes when i open the app it shows me plane text ,links ,image but has no jquery mobile interface layout, so i need to use a little network connection to make the interface appear...please does any one have a solution that becase i want my app to be used offline /online?
CSS Not selector
I need some help with a CSS not selector. I know this is not jquery selector as such but it would be straight forward for a reasonable web developer. I need to apply a:visited style to all anchors that are not inside (.className > li ) I tried the following :not(.className > li)a:visited { color:#800080; } But is not working. Can someone help me with this. Thanks
Datepicker change day and month
The use of "Datepicker" I would like to change the wording of days and months. I have some experience but not much, then insert the code as example in API Documentation ("Datepicker widget") but did not work so there is something wrong. Insert in <script> $ ("selector.") datepicker ({dayNames: ["Domingo", "Segunda", "Terca", "Quarta", "Quinta", "Sexta", "Sabado"]).; dayNames var = $ ("selector.") datepicker ("option", "dayNames."); $ ("selector.") datepicker ("option", "dayNames" ["Domingo", "Segunda",
multiple instances of a datepicker on single input
I have a drop down(asp.net) with list items "month" & "day"..and i have a text box control and a datepicker.. if i select "month" then i should be able get a datepicker with only month & year displayed and if i select day then day month & year as a normal date picker..i have this following code but the problem with this is a single input not able hold two instances of datepicker..any help is very much appreciated !! thanks in advance. <script type="text/javascript"> function formatondropdownchange(value)
Next Page