Getting a fadein fadeout animation not to affect active state
Hello guys, I have a problem with a working sprite that makes the fadein and out effect between states using the span technique, adding an empty span tag inside the anchor with jquery, then the hover image state is added to the span via css, and jquery sets the opacity to "0" when the page loads and animates the fadein with x miliseconds and out again on hover. My problem is that I have tried everything to prevent this effect from being added to the active state. For example the home is the current
Customizing Scrollable from jQuery Tools
I am trying to get this implementation of scrollable http://flowplayer.org/tools/demos/scrollable/site-navigation.html to have a scrollable list of thumbnails, so there can be more than 4 or so before they overflow, and can just keep on sliding up or down and hiding. Can I do that somehow? Thanks.
FIXED! scrollbar in .loaded content not showing in opera.
THIS WAS FIXED > I found out that the error was that I my width of 100% were not fully nested. I changed #results, #results2 { to #results, #results2, #resultscontent { and all was fine. below is original post, for future reference. thanks to anyone who looked at the this... ------------------------------------------------------------------------------------------- Thanks i nadvance for any help. I am loading some external content into a div using .load() and the content should overflow the container
Using jQuery to implement a web test drive Engine to replace Selenium Core
Hi, I am the team lead for the tellurium automated testing framework (tellurium) open source project. One big challenge for us is to implement a new web test drive engine so that we can implement our own test concepts instead of relying on Selenium core. The main conceptual difference between Tellurium and Selenium is that Tellurium focuses on a nested UI elements or a UI widget instead of each individual UI element. In this way, we can do group locating to find all the UI elements as a whole and
load() function for loading images
I just read this tutorial on dynamically loading images using jQuery: http://www.chazzuka.com/blog/?p=87 However, there is one thing I dont quite understand. The .load() function is binded to a new img() which is empty. The src of the image is only added to the img object AFTER the load(). So wouldn't the load() function be loading an empty img() object rather than loading the image declared in the src after? var img = new Image(); $(img).load(function () { $(this).css('display','none');
Why won't this work?
$.get('http://localhost/test.php',(function(data){ alert(data); })) The alert is blank. test.php definitely returns something. Help?
Is it possible to trigger all namespaces except certain namespaces.
something like $('*').trigger("click:not(.namespace1)");
How to select input have value
How to select input which have value? I want to count the number.
a strange thing with form validation..
$('#form1').submit(function() { var diagnosedValue = $("input[name=diagnose]").val(); // input is radio buttons, hence I have to grab by name, not id console.log(diagnosedValue ); // prints fine if (diagnosedValue === "Yes, I'm diagnosed with such-and-such.") { console.log('yes, diagnosed'); // prints fine location.href = "survey_diagnosed.html"; // is ignored.. remain on same page.. } else if (diagnosedValue === "I have not been
.show on chrome
Hi, i found that using .show in chrome result in immediate show of the div and not in a fluid movement like in firefox. Why this appens and there is a away to solve it? Thanks, Riccardo
Messing with Anchors and LocalStorage for Options page
I'm trying to put together a chrome extension. The options page is really messy so far. Can somebody help me figure out what's going on? The first time I load it, the links toggle like they're supposed to. But when I reload it, it fails to highlight the stuff localStorage was supposed to have remembered, and the anchors don't seem to be working. The problem might be with localStorage, which, I guess isn't jQuery... But I need help, and whoever is helping me needs to be able to read this stuff, so
ajax vs. seo
Hi guys, i was wandering.. if i have some links in my page that refers to some pages and in a ajax function i use "event - prevent default" , the spiders will check likewise my linked pages? thank you!
Stumped by a ajax / form issue
Hi, I'm completely stumped by a problem I'm facing when I try to retrieve data from a REST service via ajax(). When I paste the URL into the browser, the return value (560Kb of plain text) shows up in the browser. But when I perform this via the ajax() call using GET, nothing is returned. The service is a Jersey service running on Tomcat. I've been using Firebug to track the ajax GET request and it says that 0 bytes were returned. But if I click the link that Firebug shows for the GET request, I
binding function
Hello guys! From an html page I call an external js function, like follow $('#idElement').bind("click", {json_obj: obj}, callbackFunc) where callbackFunc is passed to this page as parameter and is something like "opener.doSomething()" My question is: after calling the callbackFunc I need to exec close the window object. I tryed thte follow solution but they don't work. $('#idElement').bind("click", {json_obj: obj}, function(){ callbackFunc; window.close(); }); or something like $('#idElement').bind("click",
jquery and XML question
Can someone help me with this? I am trying to pull down an XML doc from a remote server. It's actually the Google weather API. I'm pulling it (as i can see the results in the Chrome js debugger) but I don't know how to get rid of this error that seems to halt all code processing: "missing ; before statement". I think it thinks the result is different than it's expecting. I'm doing this in traditional HTML. Thank you very much. Here is the code I'm using. I found it in a post somewhere... <!DOCTYPE
Help JQUERY
I'm using one piece of code to select a particular value from the dropdownlist. To select the default value after successful execution...... $("#titleDDL").val('- SELECT -'); But the desired output is got in Mozilla Firefox but not in IE7. Help if there is any other way of coding or solution (if any). Thanks Smarjit.
find function skips duplicates
Hi, I have a div like this: <div id="hintdata"> <div class='10003137'>Key Skills Level 3</div> <div class='10003162'>Key Skills Level 3</div> <div class='10003198'>Key Skills Level 3</div> <div class='10030463'>Hairdressing</div> <div class='10030475'>Hairdressing</div> <div class='10038310'>Key Skills Level 3</div> <div class='10038358'>Key Skills Level 3</div> <div class='10038395'>Key Skills Level 3</div> <div class='10058722'>Food level 2</div> <div class='10064588'>Additional Maths</div> <div
.attr('class') and .replace
Hello, How to transform this class : <div class='blabla uneClasseParmiDautres absentTotoDebout TotoContent blablabla'> To this class : <div class='blabla uneClasseParmiDautres absentSuperTotoDebout SuperTotoContent blablabla'> I use this code : $.each($(".uneClasseParmiDautres"), function() { $(this).attr('class', $(this).attr('class').replace(/Toto/g, "SuperToto")); }); Is there anything better ?
Adding the table row.
What is the best method in jQuery to add an additional row to a table as the row below a particular row?I want to add my row below a particular row in the table.
Ajax/cache: change the separator
Hallo, if you don't wont to cache an ajax-request (cache: false;), ajax() appends something like &_=1278682998056 to the url. Is it possible to change the separator from '&' to ';'? My php-configuration don't really accept '&'. thanx hasenpfote
jquery selector
could anyone explain about which one is more efficent? getting an HTML element by ID (i mean like $("#some-id").... ) OR do full traversing throgh the DOM (i.e : $("div").find("span:first").find("input:button")... ").... thanks... Lichul Trvs @ http://ichul.asdf.web.id/
Document TITLE variable - works in all browsers - but NOT IE8
Hey, I have an XML document which I'll be using to populate a menu. The parsing works in all browsers except IE (I've only tried IE8 which is supposed to be the best... Wow! As I was writing this I found out what upset IE8. I had: $('title').append(courseTitle); Any idea about how to make this work in IE8 as well? Cheers, Eirik
trouble with class management
hi there, Im trying to realize a two level navigation, when you hover an item of the first level the second change contextually; all this stuff removing an adding the class: '.active' and a filter in the selector $('... a:not(.active)') wich doesn't work!!! I've checked with fire bug, the process of adding and removing works fine but seems its useless! If you want take a look at my work: http://jsbin.com/ezaza4 Thank you in advice!
jquery droppable problem
Hello I can drag items without any problem unfortunately items can be dragged everywhere which I do not want. I only want items to be dragged on some specific areas such as buttonmenu. I used many methods but I have not got any result. Could you please tell me how to disable a buttonmenu which has id of 34 not to drop buttons there? You can see the code that I am using (which does not work for not droppping). Best Regards Altaico Here is the code: $("#35").draggable(); $("myArticle").droppable(
How to debug scripts that are loaded with globalEval()?
Hi, I have a piece of code that I dynamically load using globalEval(). But I am not able to debug this piece of code, specifically in IE, even when I place a "debugger;" statement. Any ideas? Thanks.
scrollTop() issue when returning to a scrolled page
don't know if this is a browser bug... I positioned a div at the bottom of the page just underneath the viewport, calculating it with $(document).height() and animate it to bottom:0, works great even when scrolling, cause of updating with the scroll-event. but when I reload this page or scroll down a bit the original position value was used, so it animates to the original viewport value. may I get a hint from the forum? thank you in advance. rolf
How to copy selected row
Hello. This is my code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#addrow").click(function() { var row = $('#ORDERLINES tbody>tr:last').clone(true).insertAfter('#ORDERLINES tbody>tr:last'); var index = $("#ORDERLINES tbody>tr").length;
How to fix this Jquery mix up
I'm using this image slideshow on top of a page: http://www.htmldrive.net/items/demo/28/Featured-Content-Slider-Using-jQuery and this slideshow on the bottom http://www.htmldrive.net/items/demo/41/Slideshow-plugin-for-the-Tabs-with-jquery. I have noticed that when I put the text slideshow at the bottom, the image slideshow stops working, any idea why? Thanks
jQuery conflict with slideshow and glider
Hey guys, I'm having trouble getting two jQuery elements working at the same time. Essentially, I want a fading slideshow above a glider; however, something in the glider scripts is breaking the slideshow. If I remove the scripts for the glider, the slideshow works fine. Can someone please tell me know to resolve this conflict? Here's an example of my code: <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="<?php
Getting html from object
I'm using the JQuery Template plug-in found here : http://github.com/jquery/jquery-tmpl When I run my code as such: $("#resulttmpl").render(result).appendTo("#resultdata");Things work fine. However in my situation I need to get the actual HTML rendered into a variable. I've tried: $("#resulttmpl").render(result).html(); $("#resulttmpl").render(result).value(); $("#resulttmpl").render(result).text();However none seem to be doing what I need (bringing back the full html). I've tried to debug
Ready, delegate, and dynamic content
Hi All, I am using jq to .hide() specific divs in the ready() function that have display:block set as default, effectively providing an easy way to show the same content whether js is enabled or not. I am also bringing in some dynamic content via ajax, and using .delegate to assign new click event handlers. The problem is that this dynamic content is not being automatically hidden via the .hide() function (as ready has already completed), and I can't find a method to .hide() it when brought in
automatic reload google maps ajax
hi, iam not sure if i here in the correct forum. but iam looking for a sample that when i enter a town or zipcode on a webformular and after a short time the google maps will automatically refresh and show me the current location. how can i realize that? (without click on a search button, or that the whole page reload) i found something on a sample page (it seems made with prototype) that is what i want var observeFieldsSearch = ['location']; var observeEventsSearch = ['keyup', 'change']; observeFieldsSearch.each(function(fld)
How do I use jQuery to hide code if page is other than index.php?
So I'm making an ecommerce store and I'd want to hide a product scroller and a banner if the page is any other than index.php, and I know jQuery has the .hide function, but all the examples link it to a button/link/other but I don't understand how to code a conditional statement that hides the code if the page loaded is anything else than index.php. Any suggestions?
Notorious IE "Invalid Argument", line 4618 of jquery-1.4.2.js
I'm turning up an IE "Invalid Argument" error which the browser traces to line 4618, char 4 of jquery-1.4.2.js I know enough to determine that that line part of a function that does something to set styles of elements, but I can't figure out much more than that. The call I'm making is as follows: $evtthis.css({ position: 'absolute', top: topVal }); I assume that the issue has to do with topVal. I'm able
Popup in jquery
Hi Can any once help reg: Jquery pop. My HTML page contains some 'href' link, these are added dynamically, by some php script.... When ever i click on the particular link that corresponding link[nothing but html pase] should be popup with blur screen. Please help me..... Thanks in advance. Satyam
live question
Is the live function must bind with event? if I need to dynamic load form field, and maybe date field need to apply some plugin like date mask, can I do it by "live"?
General Event Question
Hi, I'm trying to understand what I'm doing wrong. What I'm doing is looping through an array and adding an event. When that event is fired I need to use the index of the item in the array (to find a related div). Here's my code: for (var i in $.goMap.markers) { google.maps.event.addListener($.goMap.markers[i],'click',function() { alert("Opening "+i); $("#res"+i).css("background","yellow");
Nominate jQuery for the 2010 Open Source JavaScript Libraries Award
Packt Publishing is holding the 2010 Open Source Software awards and is currently taking nominations in categories such as: Open Source CMS Hall of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Libraries Open Source Graphics Software Cash prizes are awarded to the projects for each of the categories: $2500 for winners, $1000 for runner ups, $500 for second runners up. We would be honored if you would nominate "jQuery, http://jquery.com " from
set val of input box on click in table cell
I have a table with one click-able cell (ancor tag). Here is the code for the cell: (php) echo("<td class=\"tdclick\"><a href=\"javascript:;\" onClick=\" = \"settrnum($fnum));\">$fnum</a>"); Here is what I tried: $(function settrnum(fnnum){ $('tdclick').onclick = { $("#flightno").innerHTML = this.val; }; }); #flightno is the id of the input field I need to set the value = to table cell value. It doesn't work. Any help is appreciated.
$().resizeable is not a function
i have the following which works fine in production but not in my dev. #output { width: 50%; height: 100%; position: absolute; left: 50%; top: 0; border: 1px solid rgb(190,190,190); } <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="/js/JQUERY/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> <script
Next Page