[jQuery] jquery beginner question: defer $('x').text('change') until after $('x').animate()
Hi, I'm trying to get a basic sequence of events to work: 1) User clicks a link 2) two divs (not containing the link) fade out 3) the contents of one div's text and the background properties of the other get changed 4) both divs fade in again. I've tried to effect this a couple of different ways, via chaining (following an example at http://rhizohm.net/irhetoric/blog/88/default.aspx) and just doing the things in order, and a couple other things. Nothing seems to work, so I was hoping for some advice.
[jQuery] javascript
hi guys...i am newbie here..i just want to ask you..How to get javascript tools and book... because i want to know how to mak javascript alone for my blog www.yosaadi.co.cc http://yosaadi.blogspot.com http://only-sharing.blogspot.com tks for your information regards rangminang
[jQuery] modal pop-up from inside <iframe>
I am stuck with an issue of getting my modal to pop up and out of the iframe and show on top of the parent page. I am using the jqModal and you seem to have answers for everything but this... I have a parent page, that i can not edit, with an iframe that contains the logic for the modal. When the the modal is triggered, it only shows inside of the iframe and i cant seem to get it to pop up over the parent window. This is the ultimate objective: OnLoad of the parent page, if something=true to pop
Suckerfish dropdown with jquery: fade not working properly
I made a suckerfish (CSS-only) dropdown list a la AListApart. I then used jQuery to make it hover in IE, and added a fade. However, in Firefox when I hover, I don't get the fade until I hover a couple of times. My suspicion is that the css :hover is working before jQuery is, and thus I get pretty shoddy results. I suspect the first suggestion will be to turn off the css hover-- but that's favoring the animation over graceful degradation, and that just doesn't seem right. I can post code if need be.
[jQuery] How to add different color when mouse over the link?
when I went to Brian homepage http://cherne.net/brian/resources/jquery.hoverIntent.html I found that he has different color on each menu link. Thanks in advance. Teera
Jquery load delay
I'm using Jquery and its Tabs plugin. Everything works fine in my local environment. http://fiderweb.com/diag/without/ But, when I put it on a page with my company's Omniture tracking code and Offermatica add rotating scripts, the left navigation and tabs are delayed while the page loads (all the content displays, and then condenses when everything has loaded. This is most noticeable in IE6. Click around on the links in the body/left nav to see what I mean. http://fiderweb.com/diag/Jquery-Omniture/
[jQuery] How to find the index of the parent of a specific element
My question is quite simple with an example: <div id="mymenu"> <ul> <li><a id="link_x" href="#">label X</a></li> <li><a id="link_y" href="#">label Y</a></li> <li><a id="link_z" href="#">label Z</a></li> <li><a id="link_w" href="#">label W</a></li> </ul> </div> I would like to know the index of the <li> tag containing the hyperlink with id "link_y" : in this example, it should be 1, but if for any reason I re-order the links, alphabetically for example, it should become 2. Thanks for your help! --
Change zIndex using animate() or removeclass?
Hey there, I have 4 Div-Boxes next to each other , which, when I move my mouse over them, get bigger. Looks basically like this: [box1] [box2] [box3] [box4] The problem is, that when I move over box 1 or 2, they grow BEHIND the other boxes... So, something with the zindex isnt working properly.. I am using the animate function, but I can't seem to use zIndex with animate, because Internet Explorer goes nuts when I do it ... This was my original code, which didnt work, as IE seems to fuck it up, when
[jQuery] Unsubscribe
[jQuery] jquery uploader
Hi, I'm trying to use this plugin : http://jquery.webunity.nl/jQuery.uploader/demo1 it's almost working.. BUT i have a problem with the backend.. I can't find any documentation about response codes.. I found a sample_backend but not very precise.. http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps Apparently, when file upload is OK, no response at all.. And what about errors ? how to have the uploader indicates what files causes problems, and why.. ? (file too big, extension not allowed,
[jQuery] Unsubscibe
<div>Hi,</div> <div> I want to unsubscribe from this group as soon as possible .<br clear="all"></div> <div></div> Thanks N Regards, Smruti Pragyan Mishra
[jQuery] Fairly new to animation. Hold my hand please, hehe?
Hey guys, Got a little script I've written. Would like to animate the appearance of the #sidebar2 to it's new block element state if possible ($ ('#sidebar2').css('display', 'block');). // 'get a quote!' button is clicked $('.contactQuote').click(function(){ $('#content').css('width', '33%'); > $('#sidebar2').css('display', 'block'); $('.wpcf7').css('border', '3px solid #6ABC00'); return false; }); $('.wpcf7 input').focus(function(){ $('.wpcf7').css('border',
[jQuery] Alternating Row Colors: Last row not coloring
I have a function that is calling a list of events. Within the <code>.each</code> is alternating row colors code (see below): function DisplayEventList(info,event_id) { $.post('/url/server.php', { request:info, event_id:event_id }, function(xml) { $('#event-listing tbody').empty(); $(xml).find('list').each(function() { var startdate =
[jQuery] Custom Attributes with Integer values?
Hello, I have a form containing a list of checkboxes each with an 'amount' attribute. These checkboxes are in no particular order, and all have different values for the amount attribute. Example: <input type='checkbox' amount='5' name='testName[]' class='testClass'> <input type='checkbox' amount='14' name='testName[]' class='testClass2'> <input type='checkbox' amount='2' name='testName[]' class='testClass'> I had hoped to use jquery to retrieve the value from the amount attribute, subtract it from
[jQuery] Ajax and 404 errors.
I'm trying to load some javascript files via ajax, and for the life of me, I can't get it to catch 404 errors. I've tried searching, but everything I've found says that I should check the status on the request object to catch it but it's not even getting that far. I've tried: $.ajax({ url: "http://some.bogus/javascript.js", success: function() { do_something(); }, error: function(myrequest,mystatus,myerror) { do_something_else(); } }); I would try $.getScript, but that appears to have no way of handling
[jQuery] JQuery beginner's question on slider values
I need to pass the value of a slider to a form. I am trying to use #<input type="hidden" id="my_input" /> # I tried altField as per the datepicker, but that doesn't work. Have tried to get a function working, but to no avail. # $("#target_div_id").slider({ min: 100, max: 500, # function() { # $('#my_input').value( $("#target_div_id").slider.value() ); # } }); # Can anyone help me get off the ground on this one?
[jQuery] Problem with animation queue
Hi there, I want to fire up a bunch of animations on a single click in a strict order. Unfortunately it doesn't work every time. Here is my code: $("#title02").click( function () { // the first 3 events should occur together, NOT one after another $('#pic0').attr("src", '/images/pic3.jpg'); $("#moreInfoContainer").animate({opacity: 0.0}, 500 ); $("#pic1").animate({opacity: 0.0}, 1200, function() { // this function shouldn't start bevore
[jQuery] Clone html and change input value
Hi everybody. I've got a form where users can insert ingredients (name, quantity) for recipes. as they need more couples to store all the ingredients, they use the "add ingredient" link to obtain another couple of input fields. Here comes the problem: I need to increment the value of the hidden input field which precedes the two visible input fields. I kwon there is a clone function in jquery but it makes the exact copy. How can I use clone and modify the given html? Here's the code: Starting form...
[jQuery] Autocomplete - Problem accessing php file
Hi, I have the following script in my index.php file: <script type="text/javascript"> var options = { script:"get_labels.php?json=true&", varname:"input", minchars: 2, delay: 200, json:true, shownoresults:false, maxresults:15, timeout: 5000 }; var autocomplete_json = new bsn.AutoSuggest('labelinput', options); </script> This works fine as long as get_labels.php is located in the same directory as index.php (root dir). If
[jQuery] Problem with animation queue
Hi there, I want to fire up a bunch of animations on a single click in a strict order. Unfortunately it doesn't work every time. Here is my code: $("#title02").click( function () { // the first 3 events should occur together, NOT one after another $('#pic0').attr("src", '/images/pic3.jpg'); $("#moreInfoContainer").animate({opacity: 0.0}, 500 ); $("#pic1").animate({opacity: 0.0}, 1200, function() { // this function shouldn't start bevore
[jQuery] validate - send the submit button
Hello and congratulations for your work. When there are different submit buttons on the form, how to know which button submitted the form if submitHandler function is use ? For in this case it seems that the name of the submit button is not sent in the form.
[jQuery] Strange behaviour with wrapInner() loading data twice
Good day, I'm not sure if this is a bug with jQuery or how a browser handles the request, so thought I would post here first instead of the bug tracker. The issue comes when you try and load jQuery dynamically through creating the necessary DOM objects. Everything works fine as long as you do not have a $(body).wrapInner("..."). It seems that it reloads the content which in effect causes the jQuery to once again be loaded. This may sound a bit confusing so have created a quick demonstration. (Note:
[jQuery] Problems with rounded corners plugin
Attached is my page code, I'm trying to make the corners rounded on the div div#LoginArea - but try as I may I'm not able to work out why this won't work - would be grateful for thought on what I've done wrong... <%@ Page Language="VB" AutoEventWireup="false" CodeFile="DEV_Login.aspx.vb" Inherits="Login" %> <%@ Register Assembly="msgBox" Namespace="FFTMsgbox" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Confirm dialog
I'm trying to build a confirm dialog box. If found a nice plugin (http://abeautifulsite.net/notebook/87) but the behavior is not like a normal confirm dialog box. You have to add a callback function to react on the ok/cancel buttons. Is it possible the simulate this behavior so I can have a function like this: function showConfirmation(title, text){ //this displays a jQuery Dialog form and returns true/false return myjQueryConfirm(title, text); } I tried this with the plugin function showConfirmation(title,
[jQuery] chained select box
Hi, I need to show 3 select box (country, state, city) with data get from a mysql database and when a user select a value from one of the select box the other shows chained data. How can I do this with jquery? (Sorry for my english :-) ). Thanks
how do you fadeIn dynamic number of list items one at a time
I'm loading another html file full of list items. What I would like to do is hide() the content right after it's loaded, and then fadeIn(0 each individual list item one at a time. The problem is, it's loading all the list items at once. I don't know what to do. I could code the chain manually, but only if I knew the number of items in the list would never change. I'd really rather set it up to fadeIn any number of items dynamically. Here's my code, which I know doesn't work, but maybe you could see
focus() and hover() transitions
Hello, new to jQuery, What I need to happen is when you hover over an element, it uses a fadeTo transition and another fadeTo transition when your mouse leaves the element, However my issue comes when i try to use focus() as well, What i want to happen is when an element is focused, it uses a fadeTo transition and stays at that opacity, i want it to stay at that opacity when your mouse leaves that element (but ur still focused) and when your mouse leaves the focused element and hovers other elements
[jQuery] do I really have to use xml?
I have an array of nodes which are being created in a for loop for n 1 to 30 etc etc which makes nodes like this in the html <li name="1" id="hh_010_0160" >hh_010_0160 </li> etc etc <li name="30" id="hh_010_0160" >hh_010_0160 </li> so in other words each node has an array index in the name and some javascript which has items = parent.getElementsByTagName(li); so far so good it all works fine but, then i sort the item list and want to get the array index of the sorted item, i.e the name so I've tried
[jQuery] styling in javascript block vs .css file
I was wondering if someone could shed some light on some interesting behavior I'm running into. I'm following a very simple jQuery example in order to set up an activity / busy indicator, as seen in the following page: http://skfox.com/jqExamples/AjaxActivity.html There is a simple gif that loads whenever an asynchronous event is kicked off. (good to go there) The jQuery code is very straight forward. // prepare the form when the DOM is ready $(document).ready(function() { // Setup the ajax indicator
removing some items of a class & keeping others
Hi, I've searched first but haven't found anything to help with this. The scenario is: I have several conditional select boxes that populate from a database, using .ajax(). When the first select has an onchange, the second select populates normally. The same goes for the second and third selects. When I change the value of the second select box, the third box drops all dynamically created options and repopulates. When I change the value of the first select box, I can only empty the second box and
[jQuery] tablesorter messing with other tables
Hello-- Does tablesorter support nested tables? I'm only trying to sort the outer table, but tablesorter seems confused by tables nested within my <td>'s. Is it a known issue that tablesorter cannot handle nested tables? Many thanks!
[jQuery] PLease help.. sliding menu?
Hey all.. by chance / looking for a good sliding menu tutorial. I did find a great one! > http://www.flowplayer.org/tools/scrollable.html however.. it's just shy of what i need it to do. Maybe you can help with suggestions on how to adjust? What i would like this to do is eventually have it loop consecutively. Actually (the perfect example of this) is a top of > http://jqueryfordesigners.com/the-book-and-the-redesign/ so many great tutorials.. but not the one i need : ( Any thoughts or a nudge in
[jQuery] SuckerFish menus "covered" by main content? please advise
http://www.jingmasters.com/joomla/ - site i am working on my drop down menus do not show up. they seem to be trapped in the menu box. please look and see what i mean. i feel like this is a CSS issue. please advise. thanks
[jQuery] Nested sortable unordered list - parent li moves along with nested list
Within an admin I created there is a nested sortable unordered list with the jQuery UI Sortable plugin to allow the user to reorder list items in the second (ul id="sortlist4") and third (ul id="sortlistb23") level nested lists. The first level list (ul id="sortablelist") cannot be sorted. Here is an example: <ul id="sortablelist"> <li> <img src="source here" id="expand4" alt="alt info" /> <b><a href="link here">Page Title</a></b> - First 150 characters of page
[jQuery] [tooltip] Bassistance Tooltip Transparent Text IE7/IE8 problem
I am using a very simple tooltip on my site (just text). Depending on where I am on the page, the text renders transparently or white, even though the css 'color' is set to black. See this image for an example... http://i44.tinypic.com/idhhcz.jpg The tooltip is definitely the one shown as I can modify other css properties and they change correctly. Bear in mind that *sometimes* the tooltip displays just fine. Ugh.
[jQuery] New Linux.com and jQuery Group
Hi gang. Linux.com did an upgrade of their website today. I didn't see any hint of jQuery in their community section so I created a group. Feel free to check it out - I'd be happy to pass on the admin reigns to someone a little more active than myself. Until then though.... Linux.com http://linux.com/index.php Linux.com jQuery group: http://linux.com/community/groups/viewgroup/240-jQuery Shawn
[jQuery] jQuery cluetip plugin
In my Rails 2.3.2 application, the plugin is working for me, but I am unable to customize anything. Here is my setup: 1. In my application.html.erb file, I have the following: <%= javascript_include_tag "jquery.js", "jquery-ui.js", "jquery.hoverIntent.js", "jquery.cluetip.js", "jrails.js" %> <%= stylesheet_link_tag 'web_app_theme', "themes/#{@current_theme}/ style", 'web_app_theme_ext', 'ui.theme.css', 'ui.core.css', 'ui.accordion.css','jquery.cluetip.css' %> <script type="text/javascript"> $(document).ready(function()
[jQuery] SlideMenu & ASlideShow conflict
I'm using jQuery Slide Menu & jQuery A Slide Show in this URL : http://www.al-alee.com/en/ but the A Slide Show appears over the dropdown menu, I'd changed the Z- Index but the problem still !! Thanks for your time.
[SOLVED] Current mouse position and use later
<script type="text/javascript"> $(document).ready(function(e){ $(document).mousemove(function(e){ x = e.pageX; y = e.pageY; }); }) </script> With this whenever the mouse moves the x and y are updated with the current position. What I want to do is everytime the mouse moves x+50 or y+50 I want to alert('it works'); Anyone have a good idea on how to go about doing this? Thanks for your time. Rob
'Delete' text link not showing up. What am I doing wrong?
Hi: I would like to include a 'Delete' link in the comment box. However, the link is not appearing. The code is well commented. What am I doing wrong here? --------------------------------------------------- <script type="text/javascript" src="/includes/jquery.js"> </script> <script type="text/javascript" > function addComment(rowid, comment_data) { var parentDiv = jQuery(document.createElement("div")); parentDiv.attr("class","comment-row"); parentDiv.attr("id", rowid); // create a sub section var
Next Page