Dialog box only works after page refresh
I followed a tutorial for making an anchor tag open a second page as a dialog box, from an icon in the footer. On the desktop the dialog box opens fine and I can close it to return to the main page. On mobile devices the dialog box does not open unless I first refresh the main page. I'm using jquery.mobile-1.4.3.min.js <footer data-role="footer" data-position="fixed"> <nav data-role="navbar"> <ul> <li><a href="#info" data-icon="info" data-rel="dialog">Info</a></li> </ul> </nav> </footer>
jquery grid
i m using jquery grid but nothing appears pleaasse help !!! thanks grid .php <?php require_once 'jq-config.php'; // include the jqGrid Class require_once ABSPATH."php/jqGrid.php"; // include the driver class require_once ABSPATH."php/jqGridPdo.php"; // Connection to the server //$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD); try { $dns = 'mysql:host=localhost;dbname=gestion_conges'; $utilisateur = 'root'; $motDePasse = ''; $conn= new PDO( $dns, $utilisateur, $motDePasse ); } catch (
.position() is off by 0.00001 in Internet Explorer
I have an absolutely positioned div with inline style "top:420px; left:495px;" The top should of course be equal to 420, and it is: $('#Achieve').get()[0].offsetTop 420 $('#Achieve').css('top') "420px" However, grabbing the position yields the following: $('#Achieve').position() [object Object]{left: 495, top: 419.99999618..."} This is causing math I do to fail because I expect a value of exactly 420. This behavior does not reproduce in Chrome.
Clicking a different link
Hello I have a dotnetnuke site which we have recently upgraded to the latest version. I am trying to fix all the problems that have come about due to the upgrade. Unfortunately I know nothing of jquery. I hope someone can help point me at a solution. There is a login link at the top of the page with the following - it has a returnurl within it. <a id="dnn_dnnLOGIN_loginLink" title="Log In" class="OtherLinks" href="http://staging.thinkingclassroom.co.uk.dnnmax.com/MembersResources/MembershipInformation/Login/tabid/370/Default.aspx?returnurl=/ThinkingClassroom/ThinkingSkills.aspx">Log
dynamically remove tab
Hello, I dynamically added 2 tabs by calling the addTab function: $(function() { var tabTitle = $( "#tab_title" ); var tabContent = $( "#tab_content" ); var tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>"; var tabCounter = 2; var tabs = $( "#tabs" ).tabs(); function addTab(tabTitle, tabContent) { var label = tabTitle || "Tab " + tabCounter; var id = "tabs-" + tabCounter; var
Need JQuery plugin for drag and drop
We have using Field Chooser plugin for our application for drag and drop option with double click move. It seems work. But we feel its not a robust. We need better plugin for drag and drop one list from another list dynamically. Can anyone suggest me??? Thankyou.
How can I compare two jQuery versions?
Hi, I develop a plugin which takes the jQuery information on page, and if it doesn't exist or below X version, load the proper version. if ( parseFloat( this.version ) < 1.4) // Do something It works fine, BUT, when I try it with jQuery version 1.10.2, script fails. Because 1.4 > 1.10.2 when you compare floats. I don't know what is a proper way to solve it. Any ideas?
Firefox only prints first page
I have fixed this with a hokey work around. I turn off the jQuery CSS for the print media (only loading it for the screen) but that is not a proper fix. This issue only happens with Firefox so I don't think anything is wrong my HTML. The pages look great on all browsers and mobile devices. They print in all browsers except Firefox. If you want to see a page that has not been fixed, I have this one site where printing is not really an issue so I left a test page in place. If you spot the problem I
Retrieve innerhtml for href within a div
Im trying to return the inner html from all href's within a div. This is what I have so far, but am battling to get the return I want $(document.body).on("click", "#htTab a", function getInner() { });
No puedo acceder a http://jquery.com/
No puedo acceder a http://jquery.com/. ¿A alguien le pasa lo mismo?
Pure Js Quiz - 2.0
Hey Guys a few days back i had posted a thread The Thread we build a Js quiz basically that . - would ask the user what level he wants to play - Once the user selects the Level , the questions are randomized and presented to the user . here is what we have so far : Js fiddle Well i have a small question , actually , somebody had told me that its possible to generate the questions automatically instead of hand typing it into an array ? Now i am using an array to store and display questions and
my code works only in chrome
I have a simple script that you can access here . If you click the movie waves link you are presented with a list of names when you click on one it plays a wav file(sound from a movie). If you do this in Fire Fox or Opera some links will work most won't if you use Safari none will play. Only Chrome will play them all. Here's the html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="movie.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
How can I used Jquery for my own website full life?
Dear All, I really don't understand and i'm really consider to use Jquery as free version and I try to read Jquery licence but I still don't understand. So please help to telling me if You used jquery on my website and use alot function too But I consider one day Jquery will block my website or not and do i can used it full life or not Please help Thanks you very much for your help
Jquery mobile, document ready not working with link tag
Hi All, I have a problem. I have 2 pages Page1: <!DOCTYPE html> <html> <head> <title>Page 1</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script> </head> <body> <h1><a href='page2.jsp'>Link to page 2</a></h1> </body> </html> Page 2: <!DOCTYPE html> <html> <head> <title>pages
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?
jQuery datepicker with change month and change year enabled opens and closes the option lists right away
Hi, I have problem with my jQuery datepicker. I have changeMonth and changeYear enabled so that I can choose both from within a list of options. It works fine, but only the first time I click. Say I chose a month and want to choose a year. I click year, the list of years opens, but it closes right away. I need to click it one more time. Same goes for the month list after year is selected, or when I want to reselect a year. I use jquery 1.10 something and jQuery UI datepicker 4.3. My code:
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?
Better Fiddle? Asset storage, multi-document, proxy URLs
A bit off topic, but I think a good place to ask... I find jsFiddle pretty limiting for demonstrating anything more than a simple, single document. - If the fiddle needs some assets - images, etc. sure you can include a complete URL, but then you are obligating yourself to host those forever or else the fiddle becomes useless to others. - There is no ability to create a multi-document Fiddle. - There is no way to demonstrate most Ajax, because of cross-domain concerns. When I started thinking about
Intro my new QUnit callback assertion plugin
This is a QUnit assert plugin to test sync callback. You can easily assert that the callback can (only) be called at the correct moment, and has the correct times. Advices from anyone are really welcome! You can download from: https://github.com/jareguo/qunit-assert-callback Usage var obj;
// Create and return a new callback wrapper for handling assertion. obj.callback = assert.callback(callbackFunction_opt);
// By default, the callback is not allowed to call unless you call its enable method
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?
Next Page