Strange behaviour hover
Hello everyone, I'm a beginning web developer with a good knowledge of html and css and beginning to get the hang of jQuery but this time google has let me down in finding the problem so I turn to you :-) I'm having a hard time finding the solution to the following problem: On this website: cobeco.truvowebagency.be you will see a menu on the left side that on hover, will slide down a second menu next to its parent menu and so on. (The second and sixth menuitem have a second menu.) It all works good
:nth-child(5n) is not working properly
Can anyone take a look at http://www.vitaminwatercanada.ca/gallery/most-popular.html and tell me why the 4th elements are getting selected by $(".entry-summary:nth-child(5n)").addClass("last"); You can try the following code in Firebug console to debug: $('.entry-summary').removeClass('last'); $('.entry-summary:nth-child(5n)').addClass('last');
XML Parsing for Image URLs — Help
Hello, I am a new comer to jQuery transferring from flash. Im trying to parse an XML file that has holds the URLs to about 10 images. However, all the tutorials I have followed do not seem to work. Ive been trying this for a few days now and I was hoping one of your jQuery gurus may see something I dont. Here are my codes : XML : <?xml version="1.0" encoding="UTF-8"?> <Images> <image url="_work/_new/balloonsfocusxtraballoons.jpg"></image> <image url="_work/_new/bkyrd.jpg"></image> <image url="_work/_new/bush.jpg"></image>
Help using scrollTop
Hi there, I have just started learning jQuery and I have part of the system working already with my n00b skills but I'm now stuff trying to do something. Basically, I have a site which is all one long page, very WEB 2 design. I have navigation buttons on each of the 5 sections that make the entire long (vertical) website. I'm looking for way so that when a visitor clicks on one of the navigation links, it will scroll smoothly to my anchor, which looks something like this: <a name="contactMe"></a>I'm
Change event does not fire in IE
This question has been asked a couple of times before, but in a slightly different context. I have registered a change event like so: $('#textInputElem').change(function() {//do stuff}); This input field is a text input that gets populated with a file name from a file browser window. I'm triggering the upload as soon as the user selects their file (i.e. as soon as the value of the text box changes). This works fine in all browsers except (big surprise) IE. Now, reading through MSDN I noticed
jQuery + SWFObject Problem
I'm hoping someone might be good enough to lend a moment and give me their thoughts on this. The site I'm currently working on has a flash header which needs to expand when a button is clicked. This was all working in a previous version using Prototype + Scriptaculous, but for a variety of reasons, we'd like to move it to jQuery. The Flash Header is inserted into a DIV using SWFObject, and the DIV is resized via a Javascript function to expand. Getting jQuery to resize the div was certainly simple
After appending new row to table lose handler
Hello, I've got a problem when I append a row to the table, the link in new <td> in probably not in jQuery Collection and I cant use jquery click or any action on it, just href go to url. Maybe it will be more clear on my code :) $('table tr td a').each(function() { var $dialog = $('<div></div>').append($loading.clone()); var $link = $(this).one('click', function() { $dialog.load($link.attr('href')).dialog({ (...some code...)
Using Jquery slide() functions in the chrome
Hello, I found a set of extensions for jQuery slide that I am using to slide a div right and left. The code is as follows. The trouble however with this, and the show() and hide() functions is that it stops sliding when I zoom in my browser window using Cmd + - (I have a Mac). At that point the div hides and then pops back. It only works when the browser is at Cmd + 0. I tried it with both chrome and safari and it does the same. Is this a known issue ? I would really appreciate some insights !!
XP spending bars
Hi all, I'm really new to jQuery so please bear with me! I'm building a Facebook Connect app for Electronic Arts based on FIFA. I need to have a pool of points that users can spend on various skills (passing, shooting, tackling...). The way I see it working is having a set of say, 10 sliders, as a user slide one up, the pool of points is subtracted from. If a user was to spend all points they could only slide down and not exceed the maximum number of points. These points values would then need to
[jQuery] resize columns!
Hi there has anyone seen a demo or something that can resize the width of several div:s? What I'm looking for can be found on netvibes.com. They have a nifty little feature(try and drag the little rectangular box that is situated between the columns!) that let's you resize the 3 columns. I need exactly the same feature for a project....tips/ideas anyone on how to program this little thingie?
Checked Box
Hi, I have a form setup and working and sending to a thankyou page in PHP. I am now looking to having a javascript function to say if it is checked on submit then redirect to this page instead, I have got this piece of code which doesn't work, am I along the right track or does anyone have some better code for me? <script type="text/javascript"> $("form").submit(function() { if ( $("#00N20000002Bra2").is(":checked") ) { location.href = "http://www.google.co.uk"; } else { location.href = "http://www.bbc.co.uk";
Notifications like facebook
i want Notifications like facebook with jquery and php, when user add new record in db show to admin Notification
Download issue
Hi, when I click download JQuery I receive a page of code, but nothing downloads... any idea why? I did download JQuery on another computer in the past and did not experience this issue. I am using Mac OSX 10.6.4
HEAD request from opera
Hi, I am trying to send a form with HEAD request using $.ajax(). $("#userId").val(1); $.ajax({ type: "HEAD", url: "/user/" data: $("#user").serialize(), complete: function (XMLHttpRequest, textStatus) { var hasAccess = XMLHttpRequest.getResponseHeader("hasAccess"); if(hasAccess == null) { //do somthing } else { //do otherthings }
How don’t save a specific cookie when i call jquery.ajax!!!
Hi, here is my call: jQuery.ajax({ type: "POST", url: "http://localhost:8080/axis2/services/AutheticationWS/signin", data:{ username: myusername, password: mypassword, platform: myplatform }, dataType: (jQuery.browser.msie) ? "text" : "xml", success: function(data,textStatus,XMLHttpRequest) { var xml = data; //checking if the browser is
pulling text from one list and duplicating it into another
Hey guys, I've been working for 13 hours now and am half retarded. This should be easy I think... I've got an order list, each list item with the class .tumblr_title in it. I need to take the text() from each .tumblr_title and mirror it in another list ("#feature>ol>li"). This is what I have but it's not working. Any ideas? $("#feature>ol>li").each(function(index) { $(this).text(function() { $(".tumblr_title").eq(index).text(); }); });
How do I center a SUPERFISH unordered list menu?
I CANNOT get my superfish menu to align center I have tried the text-align every place I know, but just cannot get it to center. Any help? Thank In Advance ...
attr doesn work with IE7
Hello Folks, we have a recent problem using the attr method to add a onclick parameter. In FF it works perfect but not in IE 7. Does anyone have an idea? Thanks in advance! Thalal Here is the code: ------------8<-------8<-------8<----------8<--------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>onmouseover test</title> <script type="text/javascript"
Prevent focus event when click event fires
Hello, I have an options menu I've put together that I now need to add keyboard support. I was thinking that I need a focus event so that when a user tabs to the options menu the focus event triggers and causes the menyu to open. They can then use the arrow keys on the keyboard to navigate up and down the menu. I have two functions: open() and close() when a user clicks, the event checks to see if the menu is open and if it isn't, it opens it. The problem is that the focus event does the same
animate scrollTop glitches [solved]
Hi guys. I'm rebuilding a flash site in html and ran into a problem that I can't figure out. Please check out this link: http://extranet.frontend.pt/gohtml When you click an item in the portfolio, it pulls the horizontal and vertical scroll to the proper position, but animating the scrolltop is giving me glitches. It looks like the page jumps to the top, then returns and animates. Here's what I'm doing: $('html,body').animate({ scrollTop: lastChildOffset.top - 140 }, 500); Pretty basic. I tried using
Accordian Wordpress Menu
Any One got the tutorials how to create the JQuery Menu same like wordpress. Many Thanks For the Response
Jquery Questions and Answers
Hi, I am looking at developing a questions and answers section on my website and this is how I want the structure setting up like: http://craigfarrall.com/test/test2.html As you can see I have three parents that I would like applying, the top level of questions, second level of questions and then the answers. Does this make sense? I only want to be able to have the questions and answers chosen to be open and if i decide a new route to go down for the one I am on to close. Anyone have any ideas? I
validating files
I am wondering how to validate two thing using jquery. 1. That a file has been selected or not 2. Wether that file is a png, gif or jpg currently all i have for the rule is image: { required: true, accept: jpg|gif } what am i missing... Thanks in advance Ilan
How to intercept all http request in CSS frame ?
Hi, I'm trying to convert an existing HTML Frame into css frame. The layout now will looks the same with the HTML Frame. One challenge remaining is on how I intercept all request and event (such as link clicking, form submission, etc) in center layout of the css frame so the result will still displayed in the center layout too. (In HTML frame, I guess this is a built-in function). Is there anyway we can do that? I'm thinking of (somehow) intercepting link clicking and form submission, but what about
Passing variables ??
Hello everybody. I know this is not probably the place to ask this, but you guys are the closest I know to have the skills or knowledge to answer my question. The thing is that I know [because I've seen it, in js libraries] that you can pass a variable to a js script in the way: script.js?var=value But I HAVE NO IDEA on how to get that value inside the Javacsript file. Anybody knows how ?? If knows how, could provide me an example ?? Can pass more than one ?? Thanks a lot !!
ajax call doesnt work in IE
i have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this. For some reason it works in FF only - not IE. LINK: http://bit.ly/ciIxoH any ides appreciated! thanks
Cannot differentiate between classes
Hi there - I am building a menu system and I cannot seem to differentiate between the different class elements in my menu. My problem is that when I click on one of the 'buttona' elements, all the ul's with 'effect' fire - does anybody know how to differentiate so that if the one li is clicked just the corresponding ul with open and close? Thanks! Rob my html - <ul> <li><a class="buttona" href="#">Application one</a> <ul class="effect"> <li><a href="#">Add</a></li>
swap text with image on mouseover (and restore on mouseout)
I have a bunch of divs with numbers (counting records in my database): <div class="rowcount">1</div><div class="rowcount">2</div> <div class="rowcount">3</div> on rollover, I'd like to replace the text (the numbers) with an image (/images/button_go.gif). what's the best way to do that? I can manage to use the jquery.mouseover function but restoring the text on mouseout is troublesome for me. do I need to pass that as a variable? (I do have the rowcount number as a variable available in PHP. thanks
jQuery 'if' statement problems...
Hi! Please look at my "Fiddle": http://jsfiddle.net/HPaRa/1/ I'm having problems with the jQuery 'if' statement. When the div 'accord3' is hidden, I'd like the class 'linklast' to be added to 'Schools' --> the bottom corners are rounded. When the div 'accord3' is visible, the bottom corners must be square, meaning the class 'linklast' has to be removed. This has to be able to switch back and forth while I toggle the visibility. Thanks a lot for your help! Eric
selected option for select box while button click
What is wrong with below code: any idea HTML : <select class="widthed" name="moveattrribseq" id="moveattrribseq" multiple="multiple" size="10" > <!-- Options will be added dynamically --> </select> <input type="button" class ="buttontext" name="next" id="next" value="Next"> Jquery : $(document).ready(function() { $('#next').click(function() { $('select#moveattrribseq').attr('selected','selected'); // this line is not working... }); }); I need
Debug Help Needed.
I have my jquery's working perfectly on Chrome, Safari, Firefox, Opera but cannot get a few pages on IE8. The actual blog posts under Cooler and I get nothing to work on IE7 any help. Base site run from: http://03119ae.netsolhost.com/site2010/ Cooler Blog Example: http://03119ae.netsolhost.com/site2010/community/meet-erin-tammy/ Did I say how much I hate IE.
dynamically retrieve the parent element info
Hi there, I was wondering if I could dynamically retrieve the parent element info.... Is there anyway to retrieve the parent li's id when user clicking any links below? for example, if click the 1st "#" it returns 'myli1', 2nd '#' returns 'myli2' something like..... function clickHandler(event) { $(this).parent().attr('id'); } Thanks <li id='myli1'> <a onclick='clickHandler()' href='#'></a> </li> <li id='myli2'> <a onclick='clickHandler()' href='#'></a> </li> <li id='myli3'> <a onclick='clickHandler()'
JQuery: load, LightBox
I have a following structure: <div id="loaddiv1">Link1 </div> <div id="loaddiv2">Link2</div> <div id="loadinto"></div> and the following script: <script type="text/javascript"> $( function abc () { $('a').lightBox(); }); $(document).ready( function(){ $("#loaddiv1").click(function(){ $("#loadinto").fadeOut('fast').load('1.html').fadeIn("slow"); //here I tried calling lightBox() once again }); $("#loaddiv2").click(function(){ $("#loadinto").fadeOut('fast').load('2.html').fadeIn("slow"); //here I tried
Why does this work in Firefox but not IE?
Hi All, Consider the following snippet: $("<StudentEnrollment><Students><Student>John Doe</Student></Students></StudentEnrollment>").find("Student").length In IE8, that will return 0 (because it found no nodes). In Firefox, that snippet will return 1 (because it found one node that matched the selector "Student"). Why the difference? And how do I get this code working across browsers? Essentially, I've got some XML, and I want to search it for all nodes that match the selectory "Student" (i.e.,
Using AJAX to call PHP script
Hello there. I am planning to use an AJAX call to a PHP script that accesses a REST servlet. My php script would be very simple; something like: <?php // call the RESTlet to grab data from the database $output = file_get_contents('http://localhost:xxxx'); echo $output; ?> This is the code for my AJAX call: $.ajax({ url: 'myscript.php', dataType: 'json', success: function(series) {
PNG Issue - Alpha channel works fine ONCE LOADED but if animating, I can see artifacts where there are shadows?
Hello all. I have searched forever online and am only finding partial fixes. I have several pngs, some with drop shadows, some with no shadow and are simply graphics of text. The alpha channels ARE working in IE7/8 but if I attempt to animate the PNGs' opacity, I can see black artifacts before it reaches it's final opacity value. You can see this here (in the link "WORK" or when clicking the dots under the work collages): http://www.levlane.com I did find a post within here (jquery.com forum) which
Capture element added to the DOM
I have a coded 'field' in Sharepoint (I'm not a big SP fan) that shows a code based on a separate 'status' field and I've been using jQuery to find those table cells and change the 'code' to an image icon. Works great, except in a few places on the site, the image is loaded after the fact in an ajax call when you click a certain button or what not. I could try to capture that button click and maybe throw in a SetTimeout, but that seems a bit like a hack. Any thoughts for how to accomplish this?
Using show hide div script for multiple div groups
Hi guys, I have a jquery script for showing and hiding the content inside, between two divs, controlled with radiobuttons. I like to use the same jquery script for another group of divs and radiobuttons so I'm trying to create a loop are so inside jQuery. Could somebody please help. Thx in advance. <!----------------- my script ----------------------> showhide.js jQuery(function() { $(document).ready(function(){ $("#div1").css("display","none"); // ol id $('#div1 :input').attr('disabled',
Show command
I'm new to jquery and I'm working an a little project, which is a simple login form. I have a form inside a fieldset that contains 2 textboxes, Username and password and a submit buttion.. In the fieldset but outside the dorm a have a 'div' if the validation fails it prints a message about the failure. It works but it just flashes on then goes away; Can anyone tele me what I'm doing wrong? HTML Code: <fieldset class="ui-widget-content ui-corner-all"><legend class="ui-widget-header ui-corner-all">NFP
Problem Using Nested Ajax Call
Hi All, Greetings. I have application in which i am fetching bulk of data using ajax and json(dataType format).The problem is before success function gets completed and ajax call is made.Is there mechanism to queque it up or something. i am attaching code snippet with this kindly help me out. Function : 1 function createPrDetails(workflows) { var output=""; output+="<div class='headerAccordion' >"; $.each(workflows,function(i,workflow) { output+="<h1 id='"+workflow.docNo+"'>";
Next Page