Any open source Cross-Browser Extension API?
Hi all. I want to make a commercial cross browser extension which would run on IE,Firefox,Chrome etc; and I have read that both Crossrider and KangoExtensions require money to make the extension commercial. Is there any framework which is both open source and free ? or Jquery can allow me to build such an extension ?
Passing in function to the .on function
Hey Guys. I am a little bit confused when passing in functions in the .on parameter. Why does the function that we pass in doesn't include an opening and closing parentheses?? For example i pass the function highlighted. (Got the code from a tutorial btw) and the function takes no parentheses. Doesn't jquery need that in order to tell if its a function. Why in other parts of the code we need to include parentheses in this we don't. Thanks <script type="text/javascript"> var eventTarget =
Has uaMatch() been removed?
I implemented a decoration on our web pages to help us know which browser and version was being used when our customers take a snapshot to report a problem. It was introduced using jQuery version 1.8.3 and has been working fine for quite a while. I found sample code at Stack Overflow and was able to take the code almost directly for my purposes. This morning, it failed with an "Uncaught TypeError" (because it no longer recognizes uaMatch()). I am using the Google CDN. I looked at jQuery API but
Hide Text throughout site
Hello, I have several pages throughout a site that contain some text I would like to hide or remove. The text is: Age Verification: No Age Verification: Yes I have tried the following. The first method doesn't do anything. The second works but on one one page it causes some issues with a select next to it: The select disappears and the text within just shows up as one long paragraph. (screenshots below). Really would like to hide any instances of either of these text strings throughout entire site
Using fadeIn and fadeOut and div automatically change opacity... Help
Hello again guys, I'm using wordpress to make a website and need to do a overlay div to each product... http://virtualsoul.com.br/cupcakeria/index.php/sabores/ << the div is all okay, the overlay div must appear when have a mouseover, but when it happens the div changes to 'display = block' and automatically the opacity changes to 0... $(".element").on("mouseenter", function(){ $(".elementoverlay").stop().fadeIn(); }); $(".element").on("mouseleave", function(){ $(".elementoverlay").stop().fadeOut();
String is undefined in jquery-1.7.1.min.js
Hi Team, I have included jquery-1.7.1.min.js file in my aspx page . After executing some javascript functions, the call is going into jquery-1.7.1.min.js file And it throws me following error "JavaScript run time error :String is undefined" I have changed to jquery-1.10.2.min.js file as well, then I am getting new date() is undefined. Thanks & Regards Sai krishna
Border flickering during toggle of a box
Hi I want to get a slide menu with help of the JQuery Toggle method. I have found an example how to make it. Problem is that when the box is sliding in the border flickers. How can I make smooth sliding of the box? The code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Effects - Toggle Demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script
Using to jQuery to access JSON nested array
I had written a JSON file and corresponding jQuery to iterate through it. I've recently decided that I should probably read in one big JSON file, rather than several smaller ones. So my previous working code looked roughly like this: JSON { "men" : [ { "id":0, "name":"alex", "age":"25" }, { "id":1, "name":"bob", "age":"26" }, { "id":2, "name":"charlie", "age":"27" } ]}And the jQuery I was using to iterate
How dynamically access id of div elements..?
i had my work done with this where a,b,c,d are id of some div elements. setTimeout(function (){$("#a").fadeIn(300);},0000); setTimeout(function (){$("#a").fadeOut(300);},3000); setTimeout(function (){$("#b").fadeIn(300);},3500); setTimeout(function (){$("#b").fadeOut(300);},6500); setTimeout(function (){$("#c").fadeIn(300);},7000); setTimeout(function (){$("#c").fadeOut(300);},11000); setTimeout(function (){$("#d").fadeIn(300);},11500);
Wrapping functions around events
Hey Guys. I am new to working with events and I am just curious to know why should we wrap a function around events. Like for example for the code below $(function() { $("#evtTarget").on("mouseover mouseleave", highlighted); }); Why can't it just be like this?? $("#evtTarget").on("mouseover mouseleave", highlighted); Thanks for your help!
Working with variables
Another question I have is why am i unable to assign an event handler to a variable and work with it. Instead of doing this var eventTarget = $("#evtTarget"); $(function() { $("#evtTarget").on("mouseover mouseleave", highlighted); }); function highlighted () { $("#evtTarget") .toggleClass("highlighted"); } Id rather assign eventTarget and use that variable as a handler. But for some reason its not working?? var eventTarget = $("#evtTarget") $(function() { eventTarget.on("mouseover mouseleave",
Left and Right Icon of date picker not showing in my enviroment.
Good day all, I was follow the date picker in this page (http://jqueryui.com/datepicker/) and successfully create the date picker in my environment. However, my datepicker does not have the "Left" and "Right" icon. I prefer to make it same as the website. Here is my screenshot of this website datepicker : Here is screenshot of datepicker in my own environment : I am not sure is it I miss out the <link rel="stylesheet" href="/resources/demos/style.css"> as from the source code, or cause by other issue.
get url parameters to toggle div
I'm looking at creating a script using jQuery, however I can't see to find a way to show the div's i need displayed using a get statements, ex. ?display=div1. I would rather not use hashtags, since those are globally used for something else. Any ideas? I would appreciate any snippets anyone could share.
Hide/Show input when radio button is chosen, not working
Hello! I have a few radio buttons and one text input. I'd like the text input visible only when one of the radio buttons is checked, then to hide or toggle when any others are checked. I was able to accomplish this with javascript but want to use jQuery. HTML: <!--- Standard Delivery ---> <label for="StandardShip"> <input id="StandardShip" type="radio" class="validation" value="86" checked="checked" /> <span class="name">Standard Shipping</span> <p class="rl-m"><small>Earliest
Two sections expanding/collapsing in a container
I have a container div with two <section> elements inside it; each section has one <article> element; and those articles each have one <fieldset> element. Both fieldsets are expandable/collapsible. The container div is supposed to be a wrapper that auto fills the space between a header and footer, which it does (using some simple CSS). Here's what I'm trying to figure out: when both fieldsets are expanded, I want them to take up roughly 50% of the space available (there's some padding and borders
jquery for validate search box on the basis of dropdown values.
hello all, i need a help to validate my search box on the basis of drop-down list .suppose if i select "only numeric" search box should validate only numeric with minimum 3 nos same goes to "only character" search box should validate only character with minimum 3 characters if fails error msg should appear inside the search box with colored background. i tried this code http://jsfiddle.net/ayanthakur/h23Dr/1/ please help me to update....
Generate a <script> tag when replacing content with a $.post
When I'm replacing the content in the "results" div tag I lose all my data in the <script> tag. Inside the script tag I'm dynamically generating sliders for input fields based on the result that I get back from another server. Does anybody got any ideas? Here is my doSubmit function function doSubmit(reload) { $.post("request",$("#state_form").serialize(),function(data) { var content = $(data).find('#results'); $("#results").replaceWith(content); <%out.println(hoffmanUIControls.getSliderJavaScript(request.getParameter("jtc_group"),
slideUp element onclick only when window width is bellow 990px
I'm transforming a navigation from desktop to mobile with media queries. When the screen is bellow 990px the desktop nav is transformed to mobile and a slideToggle button appears that when clicked slides up and down the navigation tabs. When the user clicks a tab on the mobile version of the navigation i want the navigation ul to slide back up. I am able to do this but the problem is that when the user goes above 990px transforming the navigation to desktop, and i click a tab, the navigation slides
Jquery carousel thingy
Hi, Are any JQuery genius' out there than can help with this script: http://jsfiddle.net/e6Tm7/ The way it should work is as follows... The three main images are on a carousel that cycles round. When you click on thumb 1 the carousel is stopped and the main image is replaced with a new different image and that new large image that appears can then be clicked to show a second image in the same position. Likewise when you click on thumb 2 the main image should change and again that image is clickable
jQuery move element with arrows
Hello ! I'm making pacman game. For now I have only map and pacman in there. Now I wanna move him but my code doesnt work. I tried about 4 methods but still nothing.Methods that I tried are in comment. You will understand a lot more if you download. So problem now is that pacman is not moving,first I just want to move him,no matter if there is wall or not. Thanks for help. I puted files into rar so u can download and its also under attachments (not a virus):[code]http://speedy.sh/pKDTX/pac-man.rar[/code]
re arranging divs
I am trying to rearrage the divs position based on an array but the alignment is not according to the array and I am using the following code to do that. var order = []; var elements = []; var $modules = $('.min); $.each(Order, function (i, position) { elements.push($modules.get(position)); });
drop down menu issue
http://codepen.io/mooshlam/pen/ILohD as you can see my dropdown menu gets all frizzed out when you hover over it, any suggestions? forgive any messiness, this is my first webpage i've ever designed from scratch thanks!!
Need JQuery Expert In Atlanta
We are definitely seeking a full-time SAS professional for work in Atlanta, Ga. supporting and extending our CMU product which is extensively described in a NESUG 2012 presentation (http://www.nesug.org/Proceedings/nesug12/sa/sa18.pdf. The requirements are very straightforward. Candidates must have experience successfully developing web applications using the relatively new SAS Stored Process Web Application. They must also be highly skilled with Javascript particularly the Jquery and Kendo libraries.
Dynamic Content with Ajax Using a Dropdown Menu
what I am trying to do is have a specific div from another page being loaded into a div when you click on a dropdown menu. Here is my dropdown menu code and the div #location-info is where I want the info pulled into. <div class="nav-location"> <ul> <li class="locationhead"><a href="#">Select Locations</a> <ul id="location-options"> <li><a href="http://modocom.ca/gillons/atikokan/">Atikokan</a></li> <li><a href="http://modocom.ca/gillons/dryden/">Dryden</a></li> <li><a href="http://modocom.ca/gillons/emo/">Emo</a></li>
AJAX data not passed to php correctly only in Internet Explorer
Hi All I have js file which is calling a php file. following is the code. $.ajax({ type: "POST", url: "user.php", data: {username : username.val(),password : password.val()}, success: function(result) { if (result==0) { //displayerror; } else { location.reload(true); } } }); in user.php file I'm assign variables as follows, $username =$_POST['username']; $password =$_POST['password'];
Noob question about fadeIn and fadeOut
I'm starting to learning jQuery and i have this problem: I have a <h2 id="click1"> and a <div id="div1" style="display:none;">.. i put a fadeIn for div when click on the h2 text, but i need to fadeOut when click h2 again... I tryied this: $("#click2").click(function(){ $("#div2").fadeIn("slow", function(){ $("#click2").click(function(){ $("div2").fadeOut("slow"); }); }); }); But it fadeIn and fadeOut at same click lol Thank you guys
Help... How to append the image that has been in the href tag into a div??? thanks
Guys can you give me some idea on how can i append the image that has been in the href??? thanks...
Upgrading jquery library from 1.3.2 to the latest stable jQuery 1.11 ?
I am currently using jQuery-1.3.2 & jQuery UI-1.6 and planning to upgrade both the libraries to the latest stable version. Need some suggestions or best approach(links / blog / docs) to upgrading the jquery library from 1.3.2 to the latest stable jQuery 1.11 ? Thanks in advance.
Horinzontal scrolling table.
Hi to everybody, I need help to realize an horizontal scrolling in html table. I would like to realize something like that: Can someone helps me, please? Thanks in advance. Tegatti
Filter on Multiselect box and options are moving from right to left & and left to right
Hi , below code is working fine, but while filter is applied if you use move left and right ,i am facing problem, please can any body help us in this case. 1) Individual Filter is working fine. 2) Move right and left is also working fine 3) if filtered options are moving to right to left or vice versa , then remove the filter text then , see moved options are back to the list . orginal list is appearing. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
How to disable text boxes?
How to disable all text boxes except current selected radio text box? For example, I am selecting "male" other text boxes of female and others option text boxes will disable automatically.Is it possible?How to disable it in dynamically? My js fiddle http://jsfiddle.net/J5PWz/
Does $.browser exists in jqueryV1.10.2.js?
Recently, I found that when I use jqueryV1.8.3.js, the follwing codes works .When I use jqueryV1.10.2.js,these codes does not work. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> body{ font-size:13px; } div{ margin:5px; padding:10px; border:1px solid #666; background-color:#eee;
Keyup event triggered by mouse click / blur
I have a keyup event attached to a text input field. I've found that focusing/clicking on the field with the mouse and then clicking outside the field triggers the keyup event. Is this expected? The specs for .keyup() says, "The keyup event is sent to an element when the user releases a key on the keyboard."
on after off scroll window
hello, I would like to know how to activate the event scroll after off in the browser window Heres is my source $('#btn').click(function() { $(window).off('scroll');//This works }); But I need to activate the scroll after keyup event $('#txt').keyup(function(){ $(window).on(); }) But the scroll event does not work anymore, I tried with bind and unbind, but I get the same behaviour like this: $('#btn').click(function() { $(window).unbind('scroll');//This works }); $('#txt').keyup(function(){
Password strength meter - issue connecting jQuery to html
I click on the password box and it doesn't show any meter as I enter the characters. I believe my issue is how jQuery connects to html. I'm using a piece of public scripting and looking to use it as my password strength meter for "pass1". I'll include all the script since I don't know where it could be failing. The script has a .htm extension. Here's the script so far: : <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head> <body>
Change ID?
Hi, I was wondering how to chance the ID of a object using jQuery? Is this the general idea? Also the way it's written, will the code change circle1 to circle 2, then change both circle2's to circle1? <div id="box1"> <div id="circle1"></div> </div> <div id="box2"> <div id="circle2"></div> </div> $(document).ready(function(){ $("#Click").click(function() { $("#Circle1").removeClass('Circle1').addClass('Circle2'); $("#Circle2").removeClass('Circle2').addClass('Circle1'); });
can find () by used in iterating through XML
I am trying to find a way to read through an XML file that allows me to associate some siblings and children to each other. Appropriately enough I wonder if I can do this with find(). Actually I have tried many things with no luck. let me show you some xml: <bn> <node> <name>Stability</name> <state>Low - <state-prob>.15</state-prob> </state> <state>Moderate - <state-prob>.25</state-prob> </state> <state>High -
export to excel using jquery
hi every body, so i´m new to programming and i need a big help. is it possible export to excel datatable from resulset sql (jsp) using jquery?
how search data from table in IP format.
i need a help to search data from html table in from of IP format. i mean when user search from search box ip no it should come itself in ip format like 123.343.234 means "dot" should automatically come after three digits....please me out ....thanks in advance...
How to do Cross Domain Request?
I have 2 questions really. I need to return a message returned by an API and display this message on my own website. I'm pretty new at this so I'm struggling a bit. http://cloudandproud.cloudapp.net/api/values?id=42 My first confusion is that when I run the command through CURL the it tells me the content-type is JSON, however when you go to the link above, its posted as an XML file, if it was an XML file or a JSON file, I think I would know what to do so I am stuck at with what I need to do next
Next Page