How to Stop and Restart a transition
I asked this question yesterday, but I have not found it as posted, so please excuse me if it is poosted but I cannot find it. I am new with Jquery and just know some of the basics of JS, so with that as background, here is my question: I have been able to have a series of images fade in and out with the following Jquery code: $(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){ $('.fadein :first-child') .fadeOut(500) .next('img') .fadeIn(500) .end() .appendTo('.fadein');
Jquery toggle should expand after Page reload
I am new to jQuery. I wrote below code for Collapse/Expand some sections. It is working fine. Finally If I click "Save" button and I am re-loading (refresh) page again( code in asp.net). So then sections are going default Colleapse again. I need them back to expand sections. I mean what ever user expanded should me expanded again after refresh page. How can I do that? $(function() { $('tr.subCategory') .css("cursor", "pointer") .attr("title", "Click to expand/collapse")
HELP ME
http://www.zazzle.com/cr/design/pt-mug this is just a demo site. i am suppose to do something like this in PHP. can any one tell how this can be done with PHP ? what is the logic behind this ? is this possible with jquery or GD Library ? please help me..
$("#winSpan_Pro").dialog() not working
Take a look at my code and tell me what's wrong (it keeps opening the iframe in div winSpan_Pro without the dialog): <html> <head> <link type="text/css" href="/jquery/css/custom-theme/jquery-ui-1.8.1.custom.css" rel="stylesheet" /> <script type="text/javascript" src="/jquery/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/jquery/js/jquery-ui-1.8.1.custom.min.js"></script> <link type="text/css" href="/meebohs/sys/navbar.css" rel="stylesheet" /> <script type="text/javascript">
.toggle(true) throw null in $(document).ready(function())
I am toggling row siblings. I wrote .toggle(true) when document ready. see below picture. I think row sibling are not availble before this function calls. $(document).ready(function() { $('tr[@class^=RegText]').hide().children('td'); list_Visible_Ids = []; var idsString, idsArray; idsString = $('#myVisibleRows').val(); idsArray = idsString.split(','); $.each(idsArray, function() { if (this != "") { $(this).siblings('.RegText').toggle(true); list_Visible_Ids[this] = 1; } }); How to resolve
Event Object Parent
How do I get the parent of an object passed through an event? For example: $('#myObj').click (regEvt); function regEvt (e) { alert (e.currentTarget.parent()); //this does not work }
Writing back to the input field, which started function
Hi, i'm a newbie, so hopefully this is an very easy to answer question. I have couple of input field which should be linked to open an jQueryUI dialog box. The point is, how can I archieve that the function writes back to the input field from which the dialog was started? Using (this) only effects the dialog box. // this is the click event for the input-field class called "link" $('.link') .button() .click(function() { $('#dialog-form').dialog('open');
making a pop up box on a calendar
Hi, This my first post on here so hope I'm giving you guys enough information. I am trying to build a calendar that has clickable dates that reveal a pop up box with the event of the day when you click on them. I have got some basic functionality at the moment with the pop up working on one date, but need some help making it work on multiple dates. at the moment I have the pop up box positioned relative and and am using the toggle function to switch the display form none to block. I need to work
Multiple image sliders?
Hi there, I have just created this image slider for a website i am working on... http://pullenworks.com/lookbook.html firstly, it doesnt seem to be working, which isnt a good start. ha. there is supposed to be an arrow under the pink bit (the pink but is the top of the next image) it seems like the images haven't been floated so the images arnt horizontal so the scrolling doesnt work. can anyone see the problem? it works in the preview from dreamweaver, but not when i upload it... it work on this
.fadeIn() quality problem
hey does anyone know how to improve the quality of the nav loading in on this page? link here its a bit 'scraggly' when it fades in, not smooth at all. will
JQuery fade in fade out effect doesn't engage smoothly and also causes Video stutter problems.
I created a website using JQuery to create fade in fade out effects on some text and images on the main page. I wanted the image and text to all fade in and out at the same time, and yes I made sure the speed and timeout are the same, but still it seems abit off. It's not too bad in safari but it's especially bad in IE 8, no surprise there. It should be noted that the animation type for the image is 'fade' and the animationtype for the text is 'slide'. Plus if you play the video on that page
Error load XML data
I am developing a website that uses JQuery to load and then display an RSS feed, and although I have things working in most web browsers, it fails in IE 8. In IE 8 when the page is first requested I get a Javascript error "Object doesn't support this property...", BUT if I click on the page reload button the error goes away and everything works just fine. Even more strange is the fact that I have used the same code before on another website and it worked without a hitch. The section of code that
Sliding Content
Hello, I worked on that probleme a coupls of hours now and can't solve it. Hopfefully some1 can help me. What I already done is: on startup ther is no content (.hide) and just the urls. On click (.click) on a url the specific (.sbilings) content for this url slides out beneath the url (.fadeIn) The Problem is: When I click on the next url the content of the first url should slide out (.slideOut) and the new specific content should slide out. But this doesn't work at all. The content of the first
price/distance calculation
hi im looking for a jquery tutorial which helps on calculating the distance between two points? i've found a few javascript ones, but its breaking the rest of my jquery code! does anyone know of anything? im using it to calculate a price for a spcific distance travelled. plum
Variable into $.ajax()
Hi, I recently closed a thread related to this accidentally. while the posts helped, I didn't quite solve the problem. For some reason, the value of variables is not passed along into the the query string. I've tried get and post with no luck. If I hard code the data field then the valus IS added to the query string. Below is my code function CallService() { name = $("#taYourName").text(); $.ajax( { Type: "GET", contentType: "application/xml", url: "YourNameIs.asmx/YourName",
Problem with clone and append
Hello all, I am facing a problem using clone method, i'm trying to clone a table row (that contains drop down lists ) and then append it to the same table. but when appending the new row all the drop downs values are reset The code: var rowId; // Equals the id of the row to be clone var tableId; // Equals the id of the table var newRow = jQuery('[id$='+rowId+']').clone(true); jQuery('[id$='+tableId+']').append(newRow); Anybody could help me ?
Floating div like in Facebook???
Does anyone know how it would be possible to create bar at the bottom of the browser window that doesn't reload when you navigate thru the site. A good example is the chatbox that Facebook has. When you click links throughout the site the chat box is constant and doesn't reload.
What in the world is wrong with this?
I made this today and it just doesn't want to work. I really have no idea why. Any help would be appreciated. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery Popout Nav</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $('a').clicked(function() {
Two or more animate()
Does any one know the answer to this??? Hi All I am very new to JQuery so I may be asking a basic question, but here goes......How can I make two or possibly more animate()'s finish at the same time? I have an animate() re-sizing and re-positioning an image (speed 2000). I would like to fade up (change opacity) another image (speed 200) so that it ends simultaneously with the first transition but for the life of me I cannot see how to achieve this. What I have so far can be seen here.... Thanking
Select :eq doesn't work as I want
How can I get the Nth child? Example: <body> <div> <a name="hehehe">Anchor 1</a> <a name="hahaha">Anchor 2</a> <a name="hihihi">Anchor 3</a> <div> <div> <a name="hehehe">Anchor 1</a> <a name="hahaha">Anchor 2</a> <a name="hihihi">Anchor 3</a> <div> <div> <a name="hehehe">Anchor 1</a> <a name="hahaha">Anchor 2</a> <a name="hihihi">Anchor 3</a> <div> <div> <a name="hehehe">Anchor 1</a> <a name="hahaha">Anchor 2</a> <a name="hihihi">Anchor 3</a> <div> </body> I want to get all anchors in the 3th position
IE replaceWith issue
Hi, During the last month i understand jQuery a lot better and i have my codes working great in every browser but IE. When i tell it to replace an ID with different content then post a request and tell it to replace the ID i just replaced with the received content IE spits out a NULL error for my JSON request. This is the code I'm using... function switch_coms_page(sid,page){ nuke_jq('.comments_split_bar').remove(); nuke_jq('#comments_pages').remove();
How to use $.(#xx) or a url.fetch result?
I am very new to jQ, just listened to a talk yesterday, first time using... After doing a url get with, var url = new URL(); url.fetch('remoteUrl'); How do I do a $.(#high_price) on the resulting url.response string? Codially, Cqcn
Small problem with AJAX results.
Hi I have managed to develop a small application that returns results from a .asp script and using JQUERY I can display the results on the page. I have also managed to extend the script so the resutls are then filtered down, so it is almost working the way I want it. I have however now found a small glitch in that when a filter is applied that returns no results I get an alert box appear, and then the last set of successful results are displayed. My thoughts are this is some kind of cache of the
Using the # sign in a function
Is it possible to have the # sign somehow next to "gameid" in the function? It's triggered through a "onclick" link. Right now Safari and Chrome don't need the # sign but Firefox does. (not sure about IE) <script type="text/javascript"> function gamenow(gameid) { $(gameid).css("opacity","0"); $(".game").slideUp("slow"); $(gameid).slideDown("slow"); $(gameid).toggle(); $(gameid).fadeTo("slow",1); } </script>
Ajax not asynchronous in IE?
Hi, I'm having (once again) tremendous problems with IE (7), trying to create an application that behaves properly. This time, it's with Ajax calls triggered by a button click, which do not behave asynchronously. Here is the highlight of what I'm trying to achieve: a button clicked sends an ajax call to the server whilst the call is made and until the callback function has returned (or an error has been identified), a "wait" animation is triggered. (in the case below, simulated by appending a status
Remplacement contenu html par un autre
Bonsoir, Dans un formulaire html, je cherche à remplacer tous les <input type="radio" name="3_2" value="1" /> par <div class="radio"></div> Côté js: $(document).ready(function(){ $('input').each(function(index, element) { switch($(element).attr('type')) { case 'radio': $(element).replaceWidth('<div class="radio"></div>'); break; } }); }); Cela ne fonctionne pas et je ne vois pas comment faire :( Merci! Renaud
$.ajax()
Hey, I'm using $.ajax to call a web service. All seems to be going well to the point the function in my succeed: function(parameters) is called. However, this is actually the problem domain. When I pass a parameter to this function, the firebug console window tells me it is not defined. In essence it is saying there is no data being passed to the function. Strangely, well to me, is that the response, again in the firebug console, actually shows the data returned from my web service. It would be grand
Why doesnt this work?
Im trying too animate using opacity. This code broke after updating to Jquery 1.4. Im using this code: function fadeTitles() { $(".line_inner").load("/ajax/shouts.php").fadeIn(3400).animate({opacity: "1.0"}, 3400).fadeOut("slow", function() {setTimeout(this, 3400);}); setTimeout('fadeTitles();', 3400); } // Document ready $(document).ready(function() { fadeTitles(); }
Applying Style Overrides to a Jquery Plugin
My question directly is in concern to the following plugin, although the answer will help me deal with other plugins of the future: http://plugins.learningjquery.com/cluetip/#options Basically, I have 2 instances of this plugin used within my pages. Physically, the 2 menu buttons are clsoe together. So, with the default settings of the plugin, the cluetip that appears is not in the right place on one of the 2 instances. So with the second instance needing some modification away from the default
Draggable Div over Div
Hello, I'm very very new but I like to use this great script: http://jqueryui.com/demos/draggable/#default It works fine but I like to have the draggable div over the content div. I tried to set the position (in my css file) as "absolute" with "top: 1px" und "right: 1px" but then the div is no longer draggable. Also tried to set the z-index on 1 and 2 for the draggable div. It's not working.. Anyone can help? Thanks
What are these 2 jquery files conflicting with each and how do I fix it?
What are these 2 jquery files conflicting with each and how do I fix it? The jquery in the index.html file and the lightbox js file (prototype.js) are conflicting in some way. Can you see what if is?
Setting position of a new element with .offset gives me negative position
I'm trying to learn jQuery, and I'm trying to create a set of absolutely-positioned elements across the page (why is a long story), positioning them with .offset. However, an element positioned with .offset({ top:20, left:20 }) comes out as <div class="rand" style="top: -618px; left: -336px; ">20 - 20</div> which is not at all what I expected... for (var i=0; i< n; i++) { var off = { top: i * 20 // Math.floor(h * Math.random()) ,left: i * 20 //Math.floor(w * Math.random())
help with simpe hover, please
Hello All, I have a very simple hover function that I cannot seem to get to function correctly, I need to have a div show up over the current hovered div. An overlay. Its for blog postings. IAnytime I hover over one, all of the overlay divs show up. What am I missing? here's the jQuery: $('div.post-overlay').hide(); $('div#excerpt-wrap').hover( function(){ $('div.post-overlay').show(); }, function(){ $('div.post-overlay').hide(); }And
jQuery showMenu before/after
Hi, I am trying to highlight a table row when right clicking on it and remove the highlighting class after. The before function is working, but not the after function. The after function is not even invoked, why? Thanks for any ideas how to solve this!! jQuery(tablerow).showMenu({ opacity:0.8, query: "#myRvMenu", zindex: 2000, before: function(e){ jQuery(tablerow).children().addClass('datahighlight');
Safari problem
Hi all I'm pretty new to jquery and have made a site for a friend. My problem is that we have an annoying bug in safari. We have some thumbsnails to diffrent photo sessions, where the site fades from the frontpage to the gallaries. But in safari the pictures disappear when scrolling right?? Ok this is hard to explain so here's a link: http://www.mumilab.com/MUMILAB4/ Any help will really be appreciated :)
Issue using :not()
Hey guys, I have a little issue here. I am using the following selctor: $('div img[rel*="Zoom"]') But I am trying to select all IMG tags which DO NOT contain "Zoom" in their REL attribute. I figured I could make this work with the :not() selector somehow, but the tests I ran didn't work. Could someone gimme a hint?!
Hit counter with mysql
Hello, I want to count clics on some links (links to external sites)… I want to save number of clics in a table of a mysql database ; how do I do this with AJAX ? (Any clue ?) thanks.
Problem with animate(). ¿Why this code isn't working?.
I have the following code in HTML <!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" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/menu.js"></script> <title>Untitled Document</title> </head>
Setting a div dimension based on window.height & .width.
I would like to set the height of certain #div elements on a page based on the height of the user's current window state. It should draw the elements based on the size of the window at onLoad, and also respond to the onResize event. Any ideas? I am new to jQuery. Thanks.
showErrors and errorList
I have using jquery.validate.js and I just want if any error is there some files are not show in the page. I am having application.html and In that file I pit 'validate' code, all works fine but, I dont know how to get error count on application.html. Please if you any idear how I do it, then please share it with me.
Next Page