fadeIn a css change?
Hello, I am trying to make a fade in on a css change but it does not work so well... I used this synthaxe: $('#'+menuItem+'').mouseover(function(){ $(this).css('background','url(../design/menubody_sprite.gif) -258px -0px').fadeIn('fast') }); A friend of me told me to look around the .animate function but I found nothing... Could you tell me please if you have an idea? Thank you
Using .getJSON to Update Array Not Working
Hi all, I have the following code which I am using with Google Maps: var allLocations = new Array(); function getResults(){ // create the boundary for the data var bounds = map.getBounds(); var southWest = bounds.getSouthWest(); var northEast = bounds.getNorthEast(); var getVars = "&ne=" + northEast.toUrlValue() + "&sw=" + southWest.toUrlValue() + "&z=" + map.getZoom(); // run query to return results from db $.getJSON("mapService.php?a=u" + getVars, function(resultData)
how to make the icones go from gray to colour http://codylindley.com/
Hi im new to Jquery and would like to know how to make the icones go from gray to colour on the below website and also where i can get the scrips/files to do this any help would be great http://codylindley.com/ Thanks Daniel
confirm button?
i'm pretty new to jquery so i apologize in advance for being green... anyway i'm building an admin module that displays a table of reservations. each row has a "confirm" button that the admin will click once he has reviewed the reservation inline. i would like to use jquery to send this action to a coldfusion page without disturbing the interface and update the row once the action is complete. i've been scouring the tutorial sites but i just don't know what category this falls under. or what it's
How to pass a variable as an integer to a function?
Let's say I have this function: function add(x, y) { var add = x + y; return add; }And I have this code: $(select).change(function(){ // Get select values var select_first = $("select#first").val(); var select_second = $("select#second").val(); // Add select values var add = add(select_first, select_second); $("p#result").html(add); });So let's say the value of select_first is "1", and value of select_second is also "1". But when they are passed to the add function, the returned value
animate while the mouse is over
I have this page where I try to scroll an image using a div: http://carloeasantos.webcindario.com/forum/index.html the blue div on top, is responsible for changing the margin-top of the container image. but as I pass the mouse on div, scrolling is all done at once, I have softer, as in slow animate some ideia? script: $j("#btTop").mouseover(function(){ var hImg = $j("#cImg img").attr('height'); var hHide = hImg - $j("#cImg").height(); while(hHide>0){ var mT = $j("#cImg").css('margin-top').slice(0,-2);
Problem on Firefox
I am newbie about jquery and i have tried to make like or unlike mode for my website which was coded with php. Actually, it works very well in localhost but when i upload into ftp i saw it is not working on server with firefox but i works on internet explorer here is the my code : <script> $(document).ready(function() { $("span.on_img").mouseover(function () { $(this).addClass("over_img"); }); $("span.on_img").mouseout(function () { $(this).removeClass("over_img"); }); }); $(function()
jquery with asp.net method
hi every one i need to know can i call asp.net method with jquery and make it interval every one second?? and this asp.net method return string value,also i want to retrieve this value in label control thanx fatma
Using replaceWith() to insert HTML5 <audio> or <video> in Firefox results in two copies of the inserted object on top of each other
I couldn't seem to find any other questions here that overlapped with mine, and Google only came up with one other person with a testcase. I'm using a method suggested at DaringFireball to address HTML5 video autobuffering no matter what in Safari. The fix is to have a poster frame that, when clicked, activates jQuery's replaceWith() to replace said image link with the appropriate HTML5 <video> tag. Example. Bingo, problem solved. I wanted to do exactly this with a page that has a bunch of short
Using JQuery to insert new cells in a table row?
I know that JQuery is a very powerful library and was just wondering if it had the following capability that I really need. Lets say I need to insert new cells into a table row, I know how to do this basic task, but I need to insert my cells in a highly unusual way due to some of the requirements that are needed for the new cells. I need to be able to insert cells a certain distance into the row, For example, if a row was 1000pixels wide, is there a feature in JQuery that would allow me to insert
Getting list of Checked Checkboxes in a Div
Hi, I would like to get a list of the checked CheckBoxes in the div below, when the button is clicked. <div id="ScrollCB" style="height:150;width:200px;overflow:auto"> <input type="checkbox" id="scb1" name="scb1" value="scb1">Milk<br> <input type="checkbox" id="scb2" name="scb2" value="scb2">Butter<<br> <input type="checkbox" id="scb3" name="scb3" value="scb3">Cheese<br> </div> <input type="button" value="Get Values of Selected" onClick="getSourceValues();"> I am trying the following
how to invoke a link event using JQuery ?
how to invoke a link event ? I have tried two ways, both doesn't work. what is the correct way ? Thanks. <a href="http://google.com" id="my_link" >go to google</a> in javascript $("#my_link").trigger('click'); // doesn't work $("#my_link").click(); // doesn't work
[jQuery] Newbie HELP: Page Fade out, then load new page and fade in without jump
Hi, excuse the ignorance i am not skilled in Javascript, and using jquery so i cannot read it. I have an urgent request as im working on a proposal and although i am not going to be using jquery i would very much like to use use a simple page fade out and then fade in the next page. I am fully aware of the power of jquery and love the effects and one day i will stick my head into some books but if anyone could help me out with this small request it would be very much appriciated. i found this script,
Named anchor not positioned when referenced by href link
Problem: I have several named anchors on a page. I also insert snippets of html onto the page using the the .load() AJAX function wrapped in a $(document).ready(... . page loads fine, html is properly inserted. When an external page attempts to go to the anchor however the positioning is not where it should be. The page that is referenced is loaded, but the point where the anchor is expected is elsewhere. Code samples -- jQuery -- $(document).ready(function(){ $('#ioi').load('ioi.inc'); $('#ql').load('ql.inc');
Learning jQuery?
Well, I know a bit of jQuery, but I wanted to improve, so what's the best way to do that. Does the documentation and tutorials page of jQuery.com cover everything that I need to know? If not, then any suggestions and if it was related buying books, then could you tell me which books are recommeneded for me? Thanks in advance.
fluid sides and fixed main-centered layout
I having a hard time trying to find any examples, but what i want to accomplish is have a three column layout. The center column be centered and fixed width while the left and right columns are liquid and takes up the rest of the browser space that is not taken up by the center column. I have only seen the other way around where the left/right columns are fixed width and the center is fluid. or some form of this So i have tried this with just HTML and its not going to happen(well not easily), but
How to Cross Link Coda-Slider
Hi there, I basically want to cross link coda slider but want to put 1 slider within another 1. I have a tab named design, and within that panel I want to put the work next and then it'll slide to next page but the top tab will still be highlighted as design. Is there a way to do this? If so can anyone help? Thanks in advance Tim
JS in Superfish loads but doesn't work
I'm not JS expert but I put the following between <head> and </head>: <link rel="stylesheet" type="text/css" media="screen" href="superfish.css" /> <script type="text/javascript" src="superfish.js"></script> <script type="text/javascript" src="supersubs.js"></script> <script type="text/javascript" src="hoverIntent.js"></script> <script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').superfish(); }); </script> CSS works fine. Each JS file loads fine but
How can I create a jQuery wrapped-set out of individual jQuery objects?
I need to return a wrapped-set by filtering another wrapped set, however the filter is based on creating a Range object from each of the items in the first wrapped set. What I was hoping to do was: nodes.find("*").each(function(){ position = obj.compare_position(this); if(position.s_to_s != -1 && position.e_to_e != 1){ nodes.add($(this)); } }); return nodes;However, nodes.add($(this)); does not seem to be working. Would
Calling a jQuery function in a link printed by jQuery
Hello everyone! I've searching a lot since then I started programming in jQuery. To now I got stucked and I didn't found anything. I developed a login code that works like a charm, but the trouble is: If the user mistype his login or password he got a message and a Try Again link, that looks like: <div class="logout">Try Again</div> Then it should be interpreted by jQuery in this "fuction": $(".logout").click(function() { $.post('bin/logout.php',{ }, function(logout){ $('#logincases').html("Here
using jquery with google maps api (markerclusterer)
Hi all, iam trying to fill div with jquery after click (ussing GEvent.addListener http://code.google.com/intl/cs/apis/maps/documentation/events.html#Events_overview) on markerclusterer (http://googlegeodevelopers.blogspot.com/2009/04/markerclusterer-solution-to-too-many.html) from gmaps api. But It doesnt work. I dont know if markerclusterer supports gevent listener or, if gmaps api doenst support jquery ? Here is code of what i tried with no success: for (var i = 0; i < data.count; ++i)
memory leak on ajax
Hi, I have just found a code segment of ajax may cause a memory leak: try { var oldAbort = xhr.abort; xhr.abort = function() { if ( xhr ) { oldAbort.call( xhr ); } onreadystatechange( "abort" ); }; } catch(e) { } oldAbort and xhr seems a circular reference. I'm using sIEve-0.0.8 on IE8, you may like to see attached screenshots.
How make a effect like windows phone 7
Hi..anybody know how make a cute transition like the wp7..like the second 1:31 from http://www.youtube.com/watch?v=P5VQPtfOsgc...It's a very nice effect but I think is very difficult get..thanks so much and have a good day
$.ajax working with Firefox, not IE
Hello, I have a jQuery code to allow users to login using a lightbox (http://colorpowered.com/colorbox/) and immediately start downloading files, without being redirected or having the page reloaded. It's perfectly working in Firefox but Internet Explorer keeps showing the login box until I reload the page :( <? if (!$this->session->userdata('user_logged_in')): ?> <script type="text/javascript"> $(document).ready(function() { $('a[href^="/link/"]').click(function(event){ var status =
Post values disappear with UI Dialog
I'm running into an interesting problem. I'm constructing a form that will allow a person to enter text into a textarea and then preview it. Currently, the person has to click preview, look at the text and then use the back button, which causes problems with losing changes/the entire block of text. So my next thought was to allow for a UI dialog box to pop up and to submit the form values via a .load call to my PHP script. This works really well, but I notice if I preview and close the window (either
Binding event to element dynamically
for (x=0;x<=10;x++) { var tempID = 'elementName' + x; $(jq_escape(tempID)).bind('dblclick',function(event) { alert(tempID); }); } Double-clicking on any of the element will give me an alert message "elementName10" instead of elementName0 through elementName10. Does the same thing if I tried $(.selector).dblclick(...). Any idea why? Thanks, Harison
After showing content with an effect, ready events (and events registerd durring ready) get called twice
Scenario: we have a page with a number of Tabs that the user can switch through to see different informatin. inside those tabs we have script tags that register ready events to initialize controls on the tab to handle events and other things. When you click on the tab you get to the folowing lines of code. var content = $("#" + tabContentRoot + " .tabContent"); var nextTab = tabs.filter(".active, .current").filter("." + tab + "_tab"); var nextContent = content.filter("." + tab + "_tabContent");
IE7/jquery 1.4.2 checkbox issue
We have a web page that contains a set of check boxes that represent different taxes. There is logic between those taxes, for example, if you charge tax1, you must also charge tax2, etc., and we use check/uncheck related checkboxes. Please see the end of this post for the javascript. By looking at the code, there is no way for anyone to turn on both gstCheckbox and bulkCheckbox, but one of my colleague managed to do so in IE7. I tried in FF and wasn't able to repeat this issue there. Can anyone spot
$.ajax on https (SSL)
Hello jQuery. I have the problem using $.ajax - https (SSL) on Firefox script: function test() { var url = 'https://www.domain.com/add_id.php?key=1'; //--- $.ajax({ url: url, cache: false, type: "POST", }); } When I try to run function test() $.ajax don't run on firefox (only https) In ie or another browser run perfectly. Anyone have idea? Thanks in advance!
finding with of a specific child using children
Hi, I'm trying to obtain the width of a specific element without using it's id Using this markup: <ul id="nav"> <li id="1"><a href="#">1----</a> <ul> <li id="1a"><a href="#">1a----</a></li> <li id="1b"><a href="#">1b----</a></li> </ul> </li> <li id="2"><a href="#">2----</a></li> <li id="3"><a href="#">3----</a></li>
.click() Trigger Doesn't Do Anything?
I'm creating a clickable <DIV> that calls the "resizeVideo" function. jQuery("<DIV>").attr("id", "video1FullSize").click(resizeVideo); This works great, and clicking the button repeatedly calls resizeVideo. resizeVideo looks at the ID of the item that called it (video1FullSize) to determine which video should be resized (video1). Now, I want to add some logic to also call this event when the window is resized. Before getting too involved in the issues surrounding how often the resize event is called
Selecting elements between other elements
OK, so I'm doing some simple zebra-striping on a table... or so I thought. The problem is that the table is set up in a kind of weird way, like this: <table class='striped' ...> <tr><th colspan='4'>Section Title</th></tr> <tr> <td>Data 1</td> <td>Data 2</td> <td>Data 3</td> <td>Data 4</td></tr> <tr><th colspan='4'>Section Title</th></tr> <tr> <td>Data 1</td> <td>Data 2</td> <td>Data 3</td> <td>Data 4</td></tr> <tr> <td>Data 1</td> <td>Data 2</td> <td>Data 3</td> <td>Data 4</td></tr> <tr> <td>Data
text selection problems
I have a table where the tbody is dynamically built on load. I have a live event to disable text selection (for posting sake, I stripped out the x-browser support for text selection): This table is editable, meaning I have an event to swap in a input box into the table cell. What I want is to keep the table contents unselectable (I have an excel like cell selection in place instead), but I need the input box text selectable, and for the life of me I cannot get it to work. It's either the td's
Java script won't work: error Permission denied!
Im trying to run some jquery on my website but when i try and use them i get this following error in IE8 Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET CLR 3.0.04506; Media Center PC 5.0; SLCC1; InfoPath.2) Timestamp: Fri, 14 May 2010 18:37:55 UTC Message: Permission denied Line: 19 Char: 25131 Code: 0 URI: http://runningprofiles.com/members/shout/data/jquery.min.js
Possible Bug in .submit()
I have a form for which i want to control submission, limiting it to when the submit button is clicked. However, if I attach a click event to the submit button, the event is triggered even when the button is not clicked. Here's a short example based on the .submit() docs page example. <!DOCTYPE html> <html> <head> <style> p { margin:0; color:blue; } div,p { margin-left:10px; } span { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p>Type
if input >= 5 : display the tab4 > from php code to jquery please
hi im using http://www.stilbuero.de/jquery/tabs_3/ i have 4 tabs and i want that the 4th is not visible when the <input type="text" name="field" /> is below 5. i have now the following in php what i want to change to jquery-code <?if(isset($_POST['checken_if_bigger_than_5'])) { if($_POST['field'] >= 5) { $display = "visiblity:visible";} } else { $display= "display: none"; } # en here is where the display variabel is coming <div id="tab-4" style="'.$display.'"> ?> because with php
What happens when it just doesn't work?
My syntax is correct, I've linked all the scripts I need to, I've done this exact setup on a previous project, using the same code and the same plugins but this time it fails. No mis-highlighting in Notepad++, no Firebug report, no IE error, no functionality, no odd behaviour. Nothing. It's as if the javascript doesn't even load with the page. I'm gonna throw this wide open because I just don't have a clue! :( Please help. http://www.ogonline.org/build6/contact.html
SuperFish Menu Problems Please HELP
I have a problem with superfish, nothing fancy but I would like to have the little arrows next to the text so that the user knows with button is dropping down the address is http://adamlisik.co.uk/marill/2 Please Help Thanks Adam
Weird AJAX "206 Partial Content" Problem?
Hello, I'm trying to retrieve today's date on the Hebrew calendar via AJAX from hebcal.com's RSS feed. It's a simple XML file, and here's the code I'm using: $.ajax({ success: function(data, textStatus, XMLHttpRequest) { console.log(data); }, url: 'http://www.hebcal.com/etc/hdate-en.xml' }); The problem is that it's coming back with an empty string and an HTML status of "206 Partial Content" in Firebug. I've tried several different solutions but cannot seem to get the content. Any ideas
How can I select the current DIV ?
Hi, I need to use a lot of progressbar in a html page, to handle each progressbar I am using a bar_id (each progressbar has a different bar_id): <div class="progressbar<%= bar_id %> "></div> <script type='text/javascript'> $("div .progressbar<%= bar_id %>").progressbar({value: <%= val %>}); </script> Are there some other way to do that ? I'd like to remove the bar_id, and use the "THIS" selector to select the current div: <div class="progressbar"> <script type='text/javascript'>
Next Page