jQuery Mobile + iScrollView: Weird Input Behavior
Hi Everyone, I'm writing an app with jQuery Mobile + iScrollView and I've noticed a strange behavior on form's inputs. The blinking input caret doesn't blink, it keeps frozen and the cursor position arrow moves without the caret following it, after typing input values. It can be tested on Android's Native Browser here . It can be seen on the screenshots one and two . Is there any kind of fix to it or a work around? Here is the complete index.html code: <!DOCTYPE html> <html> <head> <meta charset="utf-8">
I need a specific jquery slider please
hi yesterday i saw a news slider and really like it, but it was in WordPress site. so if any one would provide me with that slider i'll be grateful. here is a link for the site. http://demo.designwall.com/#dw-focus Thank you
animating 'left' setting for a show-hide thingie...
don't get why this is not working... // default 'left' setting set at -200px in CSS... tried setting in JS for testing, doesn't work... // $('#main_nav').css('left',-200); mainNav_pos = $('#main_nav').css('left'); console.log('mainNav_pos -- ' + mainNav_pos + ' -- initial'); $('a#bars').click(function(e) { e.preventDefault(); console.log(mainNav_pos); if (mainNav_pos < -100) { console.log('hidden'); $('#main_nav').animate( {
2 images . Width resize on both when hover.
Hello. Thanks for reading this. I am new to jQuery and Jscript in general. I wanted to create an effect similar to this : http://www.sony-asia.com/microsite/mdr-10/#homePage . On the first section you can see that when you hover over one of the 2 images the other fluidly responds and modifies it's width. So I have tried to do it myself...I thought it was a simple problem but it turned out to be more than that. It works...but not as it should, it has silent errors and it is only working on chrome
The page go back automatically
Dear friends, i'm facing another big issue that is stealing precious hours to my work :) Going on fancyroad.com/app - click on "Uomo" - click on "Scarpe" - click on "Indietro" (top left) - click on "Scarpe" - click on "Indietro" (top left) happen that, with last button click the page returns correctly to category selection, but automatically change again like automatically there is a click on "Scarpe". My .js file do not include any automatic action like this. Is a known issue?
Not sure why this function isn't functioning
Hi, I want an effect to occur when a user clicks on a form submit button which is basically to let the user know the form is being processed.As it stands right now, nothing happen when the form button is clicked, as far as this function (the form does submit), you just don't get the click function I want. Please let me know if anything looks like it would be causing the click event to not work. JQUERY /*add effect when form submit button is clicked*/ $(document).ready(function() { $('button[type=submit]').click(function()
Is there a way to fire something when a user closes their browser
Either with a "X" or "exit"?
jQuery Undefined - $ ( document ).ready(function()
Hi Guys, I'm pretty new to jQuery, but am OK with HTML. Here's my problem that I cannot solve. my index.html works fine. Shows on browser exactly as I want it to. However, when I create a html .doc from a file ie /destinations/europe/algarve/hotel.html a message comes up as jQuery undefined and the whole page is all Blue text on the left hand side in a row with no images etc. I have searched Youtube, Google the lot but still cannot see what I have to put in or under or where the $ (document) .ready
Stupid json question
I have a json response, but I cant access the CODE field. How can I access it? $.ajax({ url: "AJAX.pgm", async : false, cache: false, dataType: "json", data:{My data}, success: function($result){
How to create images zoomer on hover in jquery version 1.11
Here is example of zooming images when it has mouse over on images http://www.ajax-zoom.com/examples/example20.php Please help Thanks in advance for your time
Accordion Display Question
Good Morning, Is there a way to take the panels of the accordion and display them side by side instead of the default of one on top of another? I tried styling them with display:inline but that did not work. Any insight would be much appreciated. Thanks, M.J.
Jquery tabs display home page
I did have this working for a long time but recently made a change that I can't identify that has caused the home page of my site to load in the first tab of subpages. I think I have seen this before but I can't remember the fix. Here is a page where it is happening: http://www.aquinasandmore.com/catholic-books/roses-among-thorns/sku/95880 Any ideas?
I have a problem that header problem with panel option 'push'
first, sorry, i can't english well. I'm making a mobile page with using jquery mobile. but, i can't solve problem with panel I set a height % for mobile full screen and set layout. for example, <style> body,html { height : 100%; } #content { height : 100%; } #content_a { height : 20%; } #content_b { height : 70%; } #content_c { height : 10%; } content a+b+c height is 100%.is normally work, when data-display="overlay" . but, after input code '<data-role ="panel"
Memory leak when creating object from html string?
So I'm creating a crawler that starts at a URL, grabs all links from a page, adds them to a list, and goes back to step 1. For medium to large sites, it's using so much memory that it crashes the page (I'm using Chrome). Anyway, my guess is a memory leak and I think I've isolated the problem here: http://jsfiddle.net/5c43ebcu/1/ I would like some advice on how to reduce the memory used over the long term. Is the constant memory usage increase normal?
Making objects in Jquery move at an angle of 55 degrees
Hello guys, I'm new to Jquery. I want my object (mySquare) to move at an angle of 55 degrees, but I can't seem to solve it. Any help would be much appreciated. Thank you. $(document).ready(function() { //Accessing DOM var canvas = $("#myCanvas"); var context = canvas.get(0).getContext("2d"); canvas.attr("width", $(window).get(0).innerWidth); canvas.attr("height", $(window).get(0).innerHeight); context.fillRect(0,0, canvas.width(), canvas.height()); var playAnim = true; var startBut
Setting a different number of values in slider does not create new handles
I had initialized my slider with 3 values [10, 30, 50]. Can I dynamically change it later with a different number of values? $('#slider').slider("values", [20, 40, 60, 80, 100]) I tried this and it didn't seem to create the additional 2 handles. It moved my initial 3 handles to 20, 40, 60, but did not create the other 2 handles. Any suggestions?
Google blames jQuery heavily for pagespeed problems.
I attempted unsuccessfully to download a copy of jQuery so I could find out what's on it. For some reason it won't download on my computer. I don't exactly why. When I run Google's Pagespeed Insights it keeps singling out plugins that use Jquery. I take it the fundamental problem is that the server has to go outside of the domain to look for code somewhere else. Even plugins that have relatively little code get blamed for significantly harming pagespeed if they make extensive use of jQuery.
what extensions are acceptable for attachments?
a few days ago, I wanted to attached a file with an .html extension to a post, and the system said that extension is unacceptable.. ahhhhhhh... say what???? this is weird... so what extensions are acceptable? if obvious extensions like .html are not acceptable then there should be a list of acceptable extensions right next to the "attachment" link, so people don't get told after they've tried to upload a file that the extension of the file they're trying to attach is not acceptable... thank
OnClick Event Tracking in Google Analytics
Trying to get onClick event tracking for various buttons working through a 7 step form that has a static URL with Dynamic content inside (need the events to know each steps information). Here is the code I'm currently using (it's not pushing the event to GA): <script> $(function () { $('#save-loader').hide(); $('#Step2NextButton').click(function () { ga('send', 'event', 'BYS', 'Next', 'System Type'); }); }); </script> The code I'm about to try is: <script> $function () { $('#save-load').hide();
JQuery Tabs IE bug with tab_scroller
.tab_scroller { overflow: auto; } . <div id="tab_container" style="font-size:10px;"> <div class="tab_scroller"> <ul id="tabs"> <li><a href="#tab_container">Tab 1</a></li> <li><a href="#tab_container">Tab 2</a></li> <li><a href="#tab_container">Tab 3</a></li> <li><a href="#tab_container">Tab 4</a></li> <li><a href="#tab_container">Tab 5</a></li> <li><a href="#tab_container">Tab
accessing an associative array
Hi there, I have a div#month containing the current month ( march, april, june etc ) var arr[ "august" ] = "Augusti"; var str = $('#month').html(); // div#month contains the word "august" alert( arr[ str ] ); the result is an alert box with "undefined" inside. thanks for you help
Selected sub menu returning value
I'm new to jQuery and try to create a menu with some sub menus. The selected sub menu should return a value (id, name or ..) to be used as a variable in my javascript. My code; <html> <head> <title>Submenu Demo</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" > $(document).ready(function() { $(".dropdown").hover(function(){ $(".submenu").slideToggle(400); }); }); </script> <style> body { background-color:#e4e8ec; font-family:arial; } div.dropdown
Control the speed of an animation
Hi, I saw a lot of time animations which have a fast speed but when it comes to the end they're getting slower. How is this possible? How do I control the speed of an element from slow to fast or fast to slow?
select label text
I have 2 label <label> label 1 </label> <label> label 2 </label> how I can select the label that have label 1 text?
Pure JS Quiz Programme
Ok So here's the quiz programme i created . it works all fine . check the fiddle below. Jsfiddle basically the structure is 1. An array declared with all the questions and answers. 2. A function to ask all the questions and update the score. 3. Loop to loop through the array . all very clean and simple to understand . now heres the problem , now i want ask the user what level of difficulty he wants the questions to be . so say for example i have two levels of difficulty easy and hard . so
how to get id value with respect to class attribute.
php. <table border="1" cellspacing="5" id="mytable"> <tr id="main_menu" class="main_menu"> <td id="4" class="main_category"> something </td> <td id="6" class="main_category"> something </td> <td id="7" class="main_category"> something </td> <td id="3" class="main_category"> something </td> </tr> </table> jquery. $(".main_category").mouseover(function(){ var menu_id = $(".main_category").attr("id");
select elements
hi, I create a list from data in db, then I would get the text in the list by click on mouse for(var i in data){ reparto = data[i]; $('#list ul').append('<li class="list-group-item">'+reparto[1]+'</li>'); } } }); $('#list li').click(function() { alert( $(this).text() ); }); But when I click on a element of the list don't catch it, if I write in html code an element in the list I can catch why? thanks a lot
JQuery File Tree - How to implement the search in the file tree
Hey everybody, I'm brand new to jQuery, but I've managed to implement the jQuery File Tree in my project. I'm now trying to create the search in the file tree... is there anyone know how to implement this functions? thank you for your response...
jQuery mobile - pagecontainerload event ui parameter empty
$('body').pagecontainer({ load : function(a,jq){ console.log($.isEmptyObject(jq)) } }); Returns true. That definitely shouldn't be the case, according to the documentation Any ideas what's going on? Stackoverflow link to those who feel like earning some points: http://stackoverflow.com/questions/25335776/jquery-mobile-pagecontainerloader-event-ui-parameter-empty
Set each parent .element to the size of its child img?
Hello, I have a couple of parent DIVs, each of them containing an img. All images have diverse max-width/max-height values and each parent DIV should take the exact same size as its child img. Afterwards, the child IMGs should be set to 100% max-width/max-height. So far, I have this, which doesn't work: $("article.item").css({ 'height':($(this).children("img").height()+'px'), 'width':($(this).children("img").width()+'px') }); $("article.item").children("img").css({ 'max-height':'100%',
Can't scroll down in my “fancybox” and also in my “sidr side left menu” on mobile (in some browsers)
I'm using two jQuery plugins: sidr ( for a side left menu) and fancybox ( to show some articles content). These two plugins are working fine in desktop versions, but I have a mobile version for my website and in this mobile version in some browsers I'm having a problem. I'm not able to scroll down my content inside fancybox, and I'm not also able to scroll down my menu items inside my sidr side left menu. Do you know why this can be happening? I already tried to use -webkit-overflow-scrolling: touch; but
Binding Autocomplete Widget to Multiple Inputs
4 3 1 A A- B+ B B- C+ C C- D F A A- B+ B B- C+ C C- D F $(function(){ $(".courseTitle").each(function(){ $(this).autocomplete({ source: function(request, response){ $.ajax({ url: 'courses.json', dataType: 'json', success: function(data){ var re = $.ui.autocomplete.escapeRegex(request.term); var matcher = new RegExp("^" + re,
How to select anchor tag text within table with multiple anchors
I have the following table. I need only the text within the anchor in comma delimited format. How can we do this with jquery? <table> <tbody> <tr> <td class = "CourseModels" > <A style = " BORDER-BOTTOM : #0077cc 1px solid ; BORDER-LEFT : #0077cc 1px solid ; PADDING-BOTTOM : 1px ; LINE-HEIGHT : 1.6em ; BACKGROUND-COLOR : #0077cc ; MARGIN : 3px ; PADDING-LEFT : 3px ; PADDING-RIGHT : 3px ; COLOR : #dedede ; FONT-SIZE : 1.2em ; BORDER-TOP : #0077cc 1px solid ; FONT-WEIGHT : bold ; BORDER-RIGHT : #0077cc
Need to make a few adjustments to navmenu for bootstrap theme
Hi, I am using a bootstrap theme for my portfolio website (www.inspired-evolution.com). I added a few sections (resume, social media). For some reason when you scroll to the resume section, in the menu, portfolio is active, and when you are at the top, about me is active instead of home. I am not sure where this is controlled, but I think it is JQuery. Any ideas on troubleshooting?
jQuery UI NuGet package
Hello everyone -- I see that the current jQuery UI version is 1.11.1. However, the current version of the NuGet package is only 1.10.4. I am wondering if the NuGet package is "official", and if there are plans to refresh it with 1.11.1. If not, for those of us living in the .NET world, is the recommended approach to not install jQuery UI via NuGet but instead install manually? Thanks in advance! James
loop through a table rows with start row index
Hi, Is it possible to loop through a table rows with start row index? Thanks, Jing
help with show/hide text on hover
I am not sure the best or most elegant way to do this. What I am trying now isn't working. Essentially, I have a horizontal row of icons and when a user hovers over the icons I want text to display in a div to the right of the icons with the text being unique per each icon. My solution isn't very elegant (and doesn't work), because for each icon I would need to write a separate function, and also a separate paragraph ID, so I am hoping for suggestions to a better solution. Here is what I have attempted:
Click on Image not working. going crazy
$("#imgname").click(function() { alert("test");}) is absolutely not working....it remains silent. tried on div and works perfect....please someone help. i'm going crazy here :D (tried jquery 2.0 and 1.11)
Jquery ui autocompleter not poped up with min characters in ipad
Hello, I have use jquery ui autocompleter. It is working fine with on PC. but when I check my web with IPAD 2 mini autocompleter not properly working. My autocompleter have minchar set as 3. so in PC autocompleter show result when I enter 3 characters. But in IPAD 2 (IOS 7)( safari) it didn't open with 3 characters. for example If i write hel in my iPAD it didnt show me anything.if i enter anything after "hel" then it shows all results starting with "hel". so how can i fix this so that i get
$post 404 NOT FOUND why?
Hello all I have this problem where just I can't find why is not working the following code makes me mad In the first .external I got 404 NOT found file1.php the second where is exactly the same working and finds file2.php // This not working $('.external').bind('click', function () { var value = $(this).attr('href'); $(this).attr('target', '_blank'); $('#number').val(value); $.post('file1.php', $('#numbers').serialize(), function (data) { $('.rea').html(data); }); });
Next Page