JQuery Selector is not working for second time
Hi I am using JQuery for Selecting Divs having particular class name. After it worked for first time fine I am not able to find same divs in second requests. Following is my code:\ $(document).ready(function () { $("#hrefFareSorting").click(function () { var divValues = $('.Flight_O').get(); alert(divValues); disp(divValues, 0, '#divFlightPrice_O'); ....... I am using VS 2010 IDE and .NET runtime 4.0 and default jquery libs. Any help is greatly appreciated. Best Regards Sudhir --
Jquery - WebService issue
Hi Guys and Gals Im having some problems consuming a webservice. The webservice works fine. I can access it and get a response. However when i attempt to use it though the Jquery & Ajax it always returns and error. its probably something really small but as im faily new to this I cant see it. Any help or suggestions would be great. Thanks in advance. JQ & Ajax $("#ddlAggregator").change(function() { $.ajax({ async: true,
Faded backgrounds while showing JS alerts
Hello. I'm wondering if this is the best/correct way to "grey out" the background of my app while a JS alert/confirm box is shown. Here's what I have come up with: function btnDelete_OnClick() { $('#divAppContainer').fadeTo(100,0.33); window.setTimeout("ConfirmDelete();",200); } I had some issues with calling ConfirmDelete() in the Callback of the fadeTo function so opted for this method instead. Although this works, I wouldn't mind some input on if there is a better way... I'm new to JQuery and
Stuck! - JQuery Mega Nav & Featured Content Slider together
Hi there, I hope this forum will be able to help me as im pretty much at a stand still. I can get a Jquery mega nav to work by itself as in example: http://www.internetmarketingisland.com/test/index.html I can also get the Jquery Featured Content Slider to work as in example: http://www.internetmarketingisland.com/test/index2.html What I cannot figure out is I cannot get both of them to work together. Ive tried everything and sometimes its something small. I hope someone here can help as im really
Why won't the link work?
Hey guys. I'm quite a newbie with JQuery, so this may be an easy answer and I appreciate the help. On the page located at http://pauljenkins.tv/index-tabbed.htm, I've got a slider that moves up and down when people click the "look who else agrees" link. That works great. But when the panel is open I want the user to be able to click the "read more" button and have the panel close (it does that) and open another page (in this case, testimonials.htm). That's what isn't working. Any insight will be
[SOLVED] attribute selector as variable not working
Hello again! Here's what I hope to be a quick question that I should be able to figure out myself... but, unfortunately, I can't... I'm trying to pass a variable into the attribute selector. When I substitute the "+myHref+" for "http", I get a match. When I log the myHref var, I get a match. What's wrong with my syntax? Why isn't the myLink finding a match? var myHref = jQuery(".recipeThumb a").attr("href"); var myLink = jQuery(".recipeTitle a[href*='+myHref+']"); alert(myLink) Thanks for the help!
Idea Mill table filter
Hi, i am using the tablefilter from idea mill. I think it works great but when i put more than one table on my site, i can’t controll the second one, this means, i can't page through the table site of the second table. Is this a bug or it is my fault? NokSuKao
Global ajax handlers to execute before local ones
Hey everyone, First time user in this forum, but it looks very nice. I am looking for some information regarding the global ajax handlers in jquery. My situation, basically, is the following: I would like to attach a handler that would listen for any ajax request. This handler should execute first -- before any local callbacks. It should, furthermore, execute only in case the request is successful. Now until this moment, the only way that I could think of would be to override the ajax function in
jquery tabs to split single form
Hi. im trying to split a large form into smaller sections by using the tabs. im trying to load the tabs pages via ajax to reduce load on the tabs that are not used. but. i cannot seem to include the loaded content into the huge form. could this be done somhow ? im not interested in several small forms. because the dependant ID of all the form fields is submitted later
jcarousel with multiple content divs?
I'm designing a homepage with a carousel for featured content- please see my comp below. I'd like the nav (the list in the lower left corner) to keep it's position, while the text description and image scroll at the same time. Is there a way to have 2 divs controlled by 1 link? Or, perhaps the text and image are wrapped in one big div, while the nav is positioned absolute by css? Any thoughts on the best way to achieve this with jcarousel or similar? Thanks!
[SOLVED] Get execution index of method?
I'm not sure if the subject describes what I'm asking very well, but it's the best I can think of. In this example: $(".nav a").bind("click", function(event, i) { }); Is there a way to get the index of the a you clicked passed into the handler? Like if I clicked the second A i would = 2. Same question for any jquery method actually. Since they all work off of collections I'd like to be able to get the index on anything.
[SOLVED] Array and .each don't work together
Without the .each function and the array the following code works fine (f.e. var pf = '#id1') I don't wish to write identic code, that's why i try this: $(document).ready(svgAutoAttach); function svgAutoAttach() { var editors = ['#id1', '#id2']; $(editors).each(function(){ var pf = this; $(pf).mouseover(function () { $(this).attr("fill-opacity", "0.5"); $(this).attr("style", "cursor:pointer"); }); $(pf).mouseout(function () { $(this).attr("fill-opacity", "1.0"); });
toggle onmouser and again on mouseout
hello i am quite new to jquery. i would like to show a div on mouseover via toggle and change it back on mouseout. right now my code looks like this: $(".#image").mouseover(function(){ $(this).next("#posts").fadeToggle(200) return false; }); it works on mouseover but i have no idea about the mouseout part. any help would be very appreciated. thx. michael
Help with cookies please.
Following a few guides and mashing together some lines of code I have the following js for a div hide/show function. I'd like to use the jquery cookie script that comes bundled with jqueryui so the below script will save users preferences and call them on page load. I've played around with the cookie call and set... but the only thing I can get to happen is the "plus/minus" image to change. The problem I was having was the first time to the page all divs were visible, when you clicked the "minus"
Identifying form submitted via jQuery
Hi, I have several forms in a single document, each of them is submitted using the functionality provided by the jQuery Form plug-in (identical options). My question is simply, how do I dynamically determine which form was submitted? Say I have 3 forms, user clicks on submit button in form 1 (id='form1') - in that case I am looking for a way to get an expression for $('#form1'). This expression should be available to the ajaxForm "success" function. I thought about using some onClick on the submit
jquery ui dialog ANY RTE working?
No matter what rte plugin (lite rte, rte, tinymce) I've tried, they all work in firefox if its NOT in a dialog, and they work in IE no matter what. But if I make a textarea inside a modal an RTE area, you cant actually type anything anywhere, and the buttons just throw errors. Id love for a user to be able to use an RTE inside a modal dialog but I've found only frustration for this issue....So, for the LOVE OF ALL THAT IS HOLY is there an RTE that works in a textarea inside of a dialog modal for
jQuery menu problem
I'm pretty new to jQuery. I'm trying to create a slide down menu using but i have a few problems 1. The width of the submenu that slides down is too narrow until it fully slides down when it fills to 125px which i have set by CSS. I have no clue why it is doing this. 2. When i first load the page the slide down does not work, instead the CSS display : block works when i hover over them. I'm assuming this is because the DOM is not yet ready so the function is not yet called? 3. I am using .hover to
Problem get with jquery slider ui!!
Hi, i have a slider to get the value and make dynamic shapes in my html with protovis! When the slider is change value i want to have the correspondence with the curve line! My code is: <html> <head> <title>Examlple 1 protovis</title> <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
Totaling table columns on change doesn't work!
I have the following asp web page snippet: <table id="qii_5" width="60%" align="center" border="1px" cellpadding="3" style="text-align: center"> <tr> <td class="headingcell"> PK</td> <td class="numbercell"> <asp:TextBox CssClass="center q5r1add" ID="qii_5_pKmTextBox" runat="server" Text='<%# Bind("qii_5_pKm") %>' Columns="5" TabIndex="9" /></td> <td class="numbercell"> <asp:TextBox CssClass="center q5r1add" ID="qii_5_pKfTextBox" runat="server" Text='<%# Bind("qii_5_pKf") %>' Columns="5" TabIndex="9"
Help needed with Show(),Hide() Functions.
Hello, I am in need of assistance, I'm trying to do a form creation, when the user clicks on any option from the table, the particular form would be displayed. However I am unable to display the second form with the show() function. Any simple help would be appreciated. Thanks in advance. <html> <head> <title>Create Survey</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> var form1=1; var form2=1; $(document).ready(function(){ $("#1TQSA").click(function(event){
Moving an item ...how?
Hi all: I have the following html + javascript but it doesnt do what I want. I would like to be above to move an element - how can I do this? Many thanks. <!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><title> </title> <script language="javascript" type="text/javascript" src="../Scripts/jquery-1.3.1.js"></script> <style type="text/css"> #p1 {background-color:red;width:200px;height:150px;}
from fade to slide: some troubles
I have a script that allow me to move between a div series, sequentially or directly, clicking on a specific icon. This is the JS: (function($) { $.fn.loopedSlider = function(options) { var defaults = { container: '.container', slides: '.slides', pagination: '.pagination', containerClick: false, // Click container for next slide autoStart: 0, // Set to positive number for auto start and interval time restart: 0, // Set to positive
edit selected text
Hey all, I have somewhat an issue in jquery i have a dropable content from one list to another easy enough, on dropping i dynamically create divs that are editable. So now i have a div and want to be able to highlight text and then click on a few buttons that give options such as Bold Underline and Italics. I can get the selected text and alert that back but i cannot replace successfully the highlighted text! Ive tried every method available in jquery and played with it using lots of JS but no luck!
Hover Issue - Mouseout triggered unexpectedly
I'm having trouble with a hover effect on a menu. HTML <ul id="MainNav" class="nav" > <li><h2><a href="#">Item 1</a></h2> <ul class="subnav"> <li><a href="#">Sub Item 1</a></li> <li><a href="#">Sub Item <span>2</span></a></li> <li><a href="#">Sub Item <span>3</span></a></li> </ul> </li> </ul> JS $('#MainNav li ul.subnav').each(function(){ $(this).hide().parent().wrap("<span class='hoverEffect'></span>"); }); $('#MainNav span.hoverEffect').hoverIntent(function(){
jQuery Easing Plugin Related
Hello Friends, Look at the below site http://www.kriesi.at/demos/?wptheme=SleekSlide While u click on "next project" it's generating effect of "easeOutBack" with animation. Now i'm looking for same functionality but in reverse for "previous project". although it has "easeInBack". I tried using it but it's not working properly or not generating perfect animation as it should be. Make the page to SAVE AS . easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 0.6; return c*((t=t/d-1)*t*((s+1)*t
jQuery Click Slideshow
I recently talked to Jonathan of snook.ca about his jQuery slideshow and see if he could turn it into a manual version with clicking as the only control. In the end he told me he was quite busy, but to ask a jQuery forum about it, so here I am. Anyways, here's the tutorial (http://snook.ca/archives/javascript/simplest-jquery-slideshow/), can anyone please modify the code so that the next images show up only when they're clicked? I would highly appreciate it. Cheers!
Auto size reflesh iframe of inside to out
I have a problem. Have a tree composed of several nested iframes. is part of a framework inside the company. It will open and when the iframe innermost closes (hidden) it calls a javascript function that resizes according to the content. When are you opening is OK It is resizing the frames. But when closing an internal one button plus the height of the iframe parent updates. Recently I met pluggin autoHeight of Jquery. Tested and works opening. But to close it will not shut the iframes father to
Turn mouseover/mouseout function to an automatic one?
I'm using the following code to make an item appear when rolling over another item http://pastie.org/743176 . What I want to do instead is that without using mouseover or mouseout, each item triggers the other item automatically. It's 4 buttons, and each one shows something different. So instead of having everything hidden at the start, It would be nice that it would keep "highlighting" each item like some kind of showcase. Any help is much appreciated!
Selectable interaction among tr elements of table
Hello, I am very new to JQuery and I need some help.. I've taken the code for serialize selectable from here http://jqueryui.com/demos/selectable/#serialize and altered it a little. My goal is to be able to multiple select rows from a table and access their ids. My altered code is ... <link type="text/css" href="jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="jquery/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery/js/jquery-ui-1.7.2.custom.min.js"></script>
Detect click in a div and put that div at top on page reload
I know, the Subject is a mouthful, so I'll explain: The photo gallery (Coppermine) for a client of mine is entirely enclosed in a div. All files associated with the gallery load in that div. Whenever any button or link in that gallery div is clicked, however, the page reloads to the top of the Web page. The problem is that the gallery is a ways down the page and moving it up is not an option. The first and most common solution would be to add a "name" attribute to the div and find any links that
Drag items out of a dialog
Hi I want to drag items out of a jquery dialog, but there is an 'overflow:hidden' in the style tag. How can I drag items out of a dialog? Thx
preventing jquery cycle loop
If you worked with jquery's cycle plugin, you know you can make a slide-show with some images or div's. My problem is that I want to prevent the user to go the first slide when he got to the end, or go to the last slide when he is at the first. Normally, that can be achieved by a 'onAfter' function where one can hide the previous or next buttons if the current slide is the first or last. Only problem is that the buttons are present until the slide is over. So basically if I'm on the second slide
jquery fancybox - inline content not updating...
I am trying to incorporate the jquery fancybox functionality into a shopping cart (for this example I am using the jquery simplecart). I have a button which opens up a fancybox window with the cart contents in it. From here you are able to remove items etc... trouble is, although the buttons are working and items are being removed, the values within the fancybox popup do not update. Any ideas how to fix this... code attached. Thanks <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Job to transform a Website layout
Hi everybody, I'm new here and I want to tell you at first that I found this Forum very great. I develope with some a ERP Software and we want to make the layout much better. Tehere is anybody who interested to do the Job for us with Jquery!?!? Please contact me
Validation elements in DIV, not FORM !
Hello, How validate elements in DIV(best this script : http://bassistance.de/jquery-plugins/jquery-plugin-validation/). I have formular step by step and validation of elements in FORM is not good:/ I want validate this formular: http://brenelz.com/2009/04/28/building-a-jquery-step-by-step-form/ in steps... I have found plugin http://plugins.jquery.com/project/validator - but demo not work me Please help me...
How to pass ids dynamically to a method that uses JQuery
Hi , I am using an Ajax enabled version of display tag. I have attached war file for your reference . It is running wonderfully when I create a single grid , but when I have more one grid inside a jsp , I am facing the problem. Here the main thing is the usage of a js file named displayTagAjax.js , which uses JQuery in turn . Here this file displayTagAjax.js has a two methods changeLinks() and changeUsingSelector() which are kind of hard coded .I am pointing where the hard coding is : 1.In side changeLinks()
Delayed event bubbling...
I need to delay the bubbly of a live event until i have the result of a different function that is called. What I have is a large form which has incremental saves, these have their own Save button which has a live click event attached to them. Theres also sections of the form where you can create additional fields. For example you can add multiple locations, so it add's another address section with its own Save button. One of the section however, has an upload control, which is in an iframe. The
Stream/"read line by line" ajax
Is there any way to read a file line by line or by chucks of data with a certain size. Essentially I need to finish requests when they encounter a certain string ("</title>" to be exact) for a browser extension I am developing, to minimise the overload caused by the extension. I believe the idea to be fairly straightforward and in php it would have been as simple as writing a "hello world" script, but in javascript/jquery it seems to be altogether impossible. :/ Thanks in advance for any help, David
Carousal IE problem
http://home.iitb.ac.in/~meenagaurav/wilco/iframe.html I have made some modifications in jcarousal. It is working fine with chrome or firefox but With IE the text is not visible. help please?
mooving mouse over the edge
Hi, i have a jquery here on this demo page: http://igor.jeff.at/igor/index.php?id=50 it looks cool but there is one thing that i want to get rid off. When I moove the mouse over the edge of the white area (.itemdisc) the background is jumping. please help me with an approach how to fix that. thank you var zoomspeed = 400; var textspeed = 500; $(document).ready(function() { $('.ijgalleryitem').bind("mouseover", imgMouseOver); $('.ijgalleryitem').bind("mouseout", imgMouseOut); }); function imgMouseOver()
Next Page