How to export HTML table data to excel sheet
I have nearly 5000 rows in table. Is this possible in jquery or Is it any plugin available for this get or export HTML table data to excel sheet ? Is this plugin also available to work in IE browsers. Its urgent.
SVG click event delegation not firing when using defs
I have come across an interesting bug (?) whereby if you embed an SVG using ‘defs’ as part of a link (an icon for example) – clicking the icon itself does not register a click event in jQuery, but clicking the text does. I think this is due to SVG events not bubbling up? If you embed the SVG directly, the link triggers regardless of whether you click the text or the icon. Interestingly, it seems to fire if you use $('.element').click(function(){ ... }) rather than $(document).on('click', '.element',
windows.resize event
Hi, How to use window.resize event (or any other event) to adjust div "width" and "height" dynamically, just to keep different divs in position? Thanks! Zia
Read from text file and display in table form
Hi All, i'm new to jquery can you please help on how to get this done based on the tab selected by the user system should load data form text or js file for example if user selects tab a should read from the txt file and load the table text file tab1 column1 : value for column1 column 2: value for column 2 Any help on this is highly appreciated
Set cookies - removeClass, addClass.
Im trying to make a toggle menu side bar but i can't fix the cookies. This is the java im using: $(document).ready(function () { $("#navigationToggle").click(function () { $(this).addClass("expand"); var closed = $("#left_col_top").is(":hidden"); if (closed) $("#left_col").removeClass(); $("#left_col_top").show(); else $("#left_col").addClass("noSidebar"); $("#left_col_top").hide(); setCookie("open", closed, 365);
Insert module position using jQuery in joomla 3
I'd like to put an advertisement into every article (after the third paragrapth). The code below works well and a banner is visible after every third paragraph of every article: $(document).ready(function() { $( "div.item-page p:nth-child(3)" ).append( "<p style='text-align:center;'><a href='#'><img src='http://mydomain.com/images/banners/miejsce_na_twoja_reklame_w_artykule.gif' /></a></p>" ); }); But instead of a simple image I'd like to insert a module position. I changed the code and it
Inside a functions arguments or after it
In this question I use the .each() function as an example However my question regards Jquery in general. In this example $('.example span').repeat(1000) .each($).toggleClass('bold').wait(50); the code to run on each iteration comes after the each function. However in this example $( "li" ).each(function( index ) { console.log( index + ": " + $( this ).text() ); }); the code to run on each itteration comes in the arguments for the each function. How do you know if the code to be executed for any
solution to jquery sluggishness in android
Good day to you all When i try my app in the browser it works fine and navigations are fast but when i test in android emulator or on a real device it slow Navigating from one page to another when buttons are clicked exhibits sluggishness, what is the solution to this? Thanks in advance and reply soon
Jquery submit button progress
Greetings, Is there a way for each time I choose from a drop down menu and click submit there would be a progress bar of some sort before the chosen html loads? Thanks again. Here is the jquery section and button which is currently working: <button type="submit"> Submit Query </button> <div id="mydiv"> </div>
jquery rebind mouseenter
i am trying to rebind a mouseenter.. using jquery/1.8.3 for avoiding loop..i am trying to unbid mouseenter.. but than cannot rebind the event back again.. $('.mnu').mouseenter(function () { $('.dv').fadeIn(200).animate({ margin: "13px 0", opacity: "1" }, 200); }); $('.mnu').mouseleave(function () { $(this).unbind("mouseenter"). queue(function () { $('.dv').animate({ margin: "200px 0", opacity: "0" }, 300).fadeOut(300); }). queue(function () {
Scroll combination problem snapscroll/scrollTop
Hello, the website I'm making ( http://wannesverelst.netau.net/portfolio_fullscreen for the moment ) contains 2 normal means of navigation: clicking on the menu or scrolling. The difference is that when you scroll, you get a snapping effect. When you click on a menu you should obviously go to the corresponding div, but it just kinda jumps around. The weird part is that when I implement the snapscroll effect OR the menu click, it works perfectly. The problem starts when I combine the 2 together.
On selection change replace part of a href
Hello there, I am wondering if anyone can help me with this problem. Shortly: I have a drop down selection with multiple options, all I want to do is on change of this selection (when user choose another option), it get the value of the new selected option and submit it in href tag instead of another part in this href (replace with part of href). Problem: everything works fine for the first selection change, but if the user decided to select another option (second, or third time), it doesn't get
I am getting an error - John is not recognized
Hi Experts, I have tried to resolve this but still running into errors. I am just trying to pass two url parameters to another page with this code: return "<a target='tab' data-tab-name='#RequestDetails' data-tab-index='2' href='viewDetails.php?loginName=" + <?php echo $user; ?> + "&ID=" + oObj.aData["ID"] + "'> " + oObj.aData["ID"] + " </a>"; But when I run this code, instead of passing john.doe, it gives an error that john is undefined. Any ideas how to resolve this? Thanks
Jquery adapting scroller code
Hi, I have the jquery below which is being used in a worpdres theme, to control one page scrolling. I'd like to adapt it to meet the following condition only AFTER the page has scrolled.. if #id1 a OR #id2 a ="active" remove the class "active" from #id3 Hope this makes sense, many thanks for any help. the jquery scrolling code is /*-----------------------------------------------------------------------------------*/
/* SCROLL EFFECTS & HEADER
/*-----------------------------------------------------------------------------------*/
jQuery(window).load(function($){
'use
[jQuery] Disabling Enter key on the page
Hi, I'm not completely sure this is a jQuery issue or a javascript issue. Pardon me if I'm not in the right place. I have disabled the Enter key on the page like that : $("#body").keypress(function(e) { if (e.which == 13) { return false; } }); Now the issue I'm facing is that if the user is typing in a textarea control, she can't type the Enter key anymore to do a new line ! Does anyone know how i can get around that ? Thanks
On click event I am trying to get the data from XML as per the click object's attr() value
On click event I am trying to get the data from XML as per the click object's attr() value. Below I have placed two hyperlink buttons and a container for input the data. Both are having different attr() value. So I want to get the data according to these hyperlink's attr() value. Even I have created a XML with respective nodes.But unable to get the exact data. Can anyone please helpppp? here is the HTML, JS and XML code: HTML Code: <div id="uiWrapper"></div> <a class="readmore" href="mark">mark</a>
setTimeout Trigger and Clear
Hi all I use HoverIntent to trigger a submenu appearing: $('[id^="showmenu_"]').hoverIntent({ over: makeTall, out: function(){ }, timeout: 100 },function(){ }); $('[id^="models_"]').hoverIntent({ over: function(){ }, out: makeShort, timeout: 100 },function(){}); Now the respective functions for the above are: function makeTall() { itemid = $(this).attr('id').split("_")[1]; $('[id^="models_"]:not('+itemid+')').hide(); // hide all other sub menu items $("#models_"+itemid).show();
Slider cookies
Hello, I'm using a slider, but i can't set cookies for it. I used my_getcookie/my_setcookie but there was no effect. See the slider source at this [link]. I want to set cookies to save the <li> slide that i changed last time. jQuery(document).ready(function () { $('#checkbox').change(function(){ setInterval(function () { moveRight(); }, 3000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height();
.width() resize issue (ul positionierung)
Hi Leute! Ich habe bei meinen Menü leider 2 Bugs und komme einfach nicht dahinter. Zuerst mal der Link zum Menü: http://www.schraphics.at/menu/menu.html Ich kann den Code leider nicht auf jsfiddle bereitstellen, da das Problem dort nicht auftritt. Problem 1: Das zweite Untermenü (rot) wird nicht rechts vom ersten Angezeigt. Das Problem besteht in Chrome und Safari. (Ich wäre natürlich auch froh, das Problem ohne jquery lösen zu können, aber das erschien mir noch schwerer) Code: $('.first_sub').each(function(){
Jquery Slide in Car Animation
I have made a Jquery Slide In Animation of a car from left to right and i want to copy this animation link. I am able to slide in but this sample link is adding more animations on the car. Can anyone please guide me how to achieve the exact car animation. This is my code my code <div id = "wrapper" > <div id="mainContainer"> <div id="text"> <img id="Image_Car" src="http://i.share.pho.to/c43dc6d7_o.png" /> </div> </div> </div> $(document).ready(function () { bannerAnimation(); }); function bannerAnimation(){
Is there special purpose for using .each() ??
we can also use this.... $( "li" ).addClass( "foo" ); **so why to use this ** $( "li" ).each(function() { $( this ).addClass( "foo" ); });
What is the technology used in the programming of this site http://arabi21.com/
What is the technology used in the programming of this site http://arabi21.com/
Why am I getting this error? (newb alert)
The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmaster@tdsjr82.reactioncpr.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request. Apache Server
Selecting a menu item when in mobile view not working
Hi I am trying to figure out why the jquery script stopped working for the responsive menu view for mobile devices: @media screen and ( max-width: 768px) Basically, selecting a menu item in the drop down list when in mobile device view, is not doing anything: http://hushmagazine.ca/ With my limited knowledge of jquery, I figured out that this code calls the selection of the menu item: <select name="nav_menu_select" id="nav_menu_select"> <?php foreach($menu_array as $key=>$menu) : ?> <?php $selcted
Internet Explorer 9, jQuery and DivX
Hi all, Just to let you all know that when you are using IE9 and having problem with javascript execution (in this case jQuery) try to uninstall DivX and see if that help. I hope this help everyone.
How to include jquery from file
Hi, I have jquery in every page. part of the jquery is common so I though I will just put it in a file an include it in every page within the <script>, something like the include in php. is this possible? How please? Thanks
jQueryUI button canceling postback
Ihave the following to avoid double-clicking : <asp:LinkButton runat="server" OnClick="CreateQuery" OnClientClick="return CheckQuery();" ID="CreateButton" Text="Create" /> and in my .js file function CheckQuery() { if (submitlock) { return false; } submitlock = true; $('#CreateButton').button('option', 'label', 'Creation in progress ...'); $('#CreateButton').button('option', 'icons', { primary: 'ui-icon-waiting' }); // Some code return true; } In Firefox the postback is done properly and CreateQuery
Written-Out Countdown-Timer
Howdy Folks! Does anybody know if there is some code for making a countdown-timer, which is displayed in the written-out (like spoken) form? Example (1 Day 15 Hours) would be: "one day fifteen hours" I really hope you guys (n girls) know some advice :) Greets, Michelle
Why jQuery's own websites not using feature detection or modernizr library for the same.
Why jQuery's own websites not using feature detection or modernizr library for the same. They are using multiple html tags in conditional comments. Like : <!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
need help with animate function
I have this close to what I want, but not quite there.What I am seeking is for the div to appear when hovering over the image, then animate 15 pixels up and disappear on mouse-out. Right now the animate happens every time you hover over the image, incrementing upward 15 pixels each time from the previous mouseover, and I only want the animation to occur once, unless the browser is refreshed. any ideas? Here is the code: <a id="FullBio"><img src="/Management-Team/VP_of_Sales.jpg" /></a> <div id="Show_Hide">View
Trying to prevent the script from getting submitted at page load
My script seem to execute with the page load so i added e.preventDefault() hoping it would stop the page from loading but its not working.. any ideas as to what im doing wrong? <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() { $("#send").click(function(e) { e.preventDefault(); e.unbind(); $.ajax( { type: "POST",
Sticky header ignoring offset when smooth scrolling anchor link is clicked
I'm using smooth scrolling anchor links in a sticky header that is fixed to the top of the page when it scrolls to the top of the screen, otherwise it is positioned statically on the page. The problem I'm having is the anchor links in the sticky header (the header being static at this stage) when clicked scroll you down correctly but ignore the offset on the page (offset being placed so it compensated for the height of the fixed header), scrolling you past the desired content. This doesn't happen
Slide Left-to-Right a DIV
Hi, I have the following DIV which I am using for a slide menu. <div id="categories_menu" data-transition="pop" style="display: none;"> categories list </div> I want to know how can I use this linkCategories click to show the DIV with a Slide Left-to-Right over the existing content (without sliding other contents) but with just have an effect show the DIV as modal (I mean make the content covered with gray for example) <script type="text/javascript"> $('#linkCategories').click(function() { }); </script>
Are you limited to how many times you can allow jQuery AJAX on-click actions?
I have list of firms to which I want to add a MAP icon that is clickble to load an external IFRAMED map. I want to use the jQuery AJAX .load process to provide the process to load external blocks of HTML code that when activated for a specific firm with an on-click action loads and displays that specific block of code. The code being loaded is an Iframed Google map for that firm. Only ONE load is being done at a time. I have this working for up to ten firms. When I try more than ten firms to the
Event, Api: correct usage for a simple use case. Feeback needed.
Goal: I try to do learn JQUERY and apply the correct api for a use case. 1. I did according my little understanding See html/javascript code. See below attached picture // dynamically create a list of select/options (Quantity) , textbox (Price of an item), label (Total) // when a select/option is selected, calculate Total = Quantity * Price for each Item and Grand total. 2. How would you code and which aspect of my html/javascript code should be changed to reflect the correct usage of Jquery api
jQuery or Plugin to layout dynamic content?
I am using a jQuery Slider Plugin to show different contents. I am using 3-4 Sliders in the same page but these slider contents have different heights, So I am unable space them out consistently. I thought setting div height="auto" would fix it but it does not. Is there a Plugin to do this? For Example I want a consistent spacing of 10px between each slider: <Wrapper> <div Slider1> <item1 height="100px"> </item> <item1 height="300px"> </item> <item1 height="600px">
Superfish Dropdown Menu Problem
Some people in our office are telling me that when they roll over either the "pricing" or "resources" nav items, they can't click on any of the dropdown items without it disappearing before they get the chance. It works fine on my iMac 10.8, but on a lot of Windows machines it seems to be malfunctioning, regardless of the browser. I tested it in Firefox 29.0.1 on my Mac and then in the exact same browser version on Windows and it was screwy in Windows. I guess some of you will not be able to replicate
Nothing showing up on Jquery. Pls Help.
Excuse the cheezy photo, it's just a placeholder for now. My site is www.TdsJr82.com . I enter the script for my jquery, but nothing is showing up. When I click on the link though while inspecting the page, it does take me to the jquery link file. Any help would be much appreciated, so I could get this to work. sorry, a bit of a newb here.
PLC Siemens S7-1200 web server
Good morning everyone. I'm newbie and it's first time I use JQuery scripts, and I get a problem with server's compatibility: when I load into PLC the file "jquery-2.0.2.min.js", PLC does not accept the " ]]" sequence of characters and stops uploading. I tried to change the code in HTML page, writing <script src="https://code.jquery.com/jquery-2.0.2.min.js"></script> and I can load code in PLC and use web page correctly, but when I try to browse the page in offline mode, it doesn't work... (the PLC
Set a cookie on navigation item
Hello! I Think I've Close to a solution but I need help with the final touch of my code.. The thing is that I need to set a cookie on a navigation that is data driven.. the reason is that I want to set a select class because the page reloads after a click. The markup is given and I cannot change that. <div class="test" id="1">Link 1</div> <div class="test" id="2">Link 2</div> The following jQuery set a 'clicked' class on a div I click (that's great), but if I click on a let's say the next div (navigation
Next Page