Getting the child of an object without an id
I apologize in advance but I am really not sure how to find this. I just need to know how to find child elements on a parent element that I already have the object for. The parent node doesn't have an id so I can't just get the ID and use the find functionality in jquery.
Newbie : Trying to use the ToggleClass
I'm trying to toggle the on and off class on list items but having issues it working. I only want the 'on' class on the element that is clicked. So if another element in the list is clicked it removes the 'on' class from the one that had it to the one that has been clicked. Any advice? Thanks $(document).ready(function(){ $("#oVideoPlayerBreadcrumbs li a").click(function(e){ $('#oVideoPlayerBreadcrumbs > ul').find('li').filter('[class=on]').toggleClass('off'); $(this).toggleClass('on');
Where is the "All" on Api
I'm not finding the "All" options on Api. Is very useful. Anyone knows about? Thanks.
jQuery with tables?
Hello Folks, I am new to jQuery. I have a sample code as given below. It works fine, except I need to display it as a table with tr and td tags and the animation should be like toggleup. So basically, when I mouse over the tr elements, the corresponding td elements should pop up for the particular tr. <HTML> <HEAD> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <TITLE>Test</TITLE> <STYLE> body, input{ font-family: Calibri, Arial; } #accordion
Ajax call fails under Windows Authentication
I have the following call to a WCF service working local to my machine, but when I deploy the code to the server which accepts only Windows access I can not figure out how to get credentials transported. The binding is webHttpBinding $.ajax({ type: "Post", contentType: "application/json; charset=utf-8", url: "EHSAuditWCFAjaxService.svc/GetAuditSearchData", datatype: "json", data: '{"inSearchWord":"' + inTextBox.value + '"}', error: jqueryError, success: success3 });
JqueryUI: a link and a modal form, how can show the form above the page where the link is?
Hi, i have link that shows a modal form, but it shows the dialog in a new page.. I want to show the modal form above the page where is the link. What should i do? This is the link: <a href="/frontend_dev.php/mensaje_nuevo?receptor=1&tipo=0&estado=0">Enviar mensaje</a> And this shows the modal form: <script type="text/javascript"> $(function() { $("#dialog").dialog({ height: 223, width: 373, top: 160, left: 439, modal: true }); }); </script> <form id="dialog"
Changing value of hidden field inconsistent?
I am working on bringing my existing website to the iphone/ipod using jqtouch and jquery. I am stuck using the following code to change the value of a form's hidden field with the value of a clicked link. It works for the first two clicks then no matter what other link is clicked the form's hidden field value is changed to the value of the first or second clicked link? Is there a more robust, reliable way of achieving my aim? Snippets of code below. Many thanks, Chris ... $(document).ready(function(){
Jquery anonymous function calls
Hello, Im seeing a lot of jquery codes wrapped in an anonymous function call like this : filename : sample.js (function($) { /*more code here*/ })(jQuery);And then this file (sample.js) get included in the page via the src attribute of the script tag. My questions are : 1. When is this anonymous function call executed? 2. Does this imply it already has $(document).ready() with it? 3. How can i access variables defined inside this anonymous function calls in firebug for example or in any other
Newbie - Loading a new result that requires own jquery events
I am relatively new to jquery, so sorry of any ignorance. My questions is this: I have a basic page setup that has the (eg: index.php): $(document).ready(function(){ ..etc..}); All setup. I have a menu which loads the links into my "<div id="result_wrapper"></div>, which works fine. But this newly loaded page requires some jQuery controls for a button that is in the content. My question is: where do put the jquery controls for that new button? do i put it in the index.php? or can i add a new <script></script>
jquery selector doesnt work in clones $j("[name=name\\[0\\]]")
Hi, according to: http://api.jquery.com/category/selectors/ I tried the following code which should work, but it does not. ... or did I some error???? This is the HTML snippet----------------------- <p name="name[0]"> p with name "name[0]" </p> This is what I type in theFirebug Console--------------------------- >>> $j("[name=name\\[0\\]]") // this one works [p] >>> cl=$j("[name=name\\[0\\]]").clone() // we clone it [p] >>> $j("[name=name\\[0\\]]",cl) // find it in the clone FAILS []
Reading a XML file with jQuery?
I have a data file ... <?xml version="1.0" encoding="UTF-8"?> <loc version="1.0" src="GSAK"> <waypoint> <name id="GC1D004"><![CDATA[Zone of Influence]]></name> <coord lat="47.435067" lon="-123.055417"/> <type>Geocache</type> <link text="Waypoint Details">http://www.geocaching.com/seek/cache_details.aspx?guid=BIG HEX #</link> </waypoint> </loc> I got a code fragment from a google maps example .... // http://marcgrabanski.com/article/jquery-makes-parsing-xml-easy jQuery.get("data.xml", {}, function(data)
jQuery Auto Slideshow / Carousel
Hello All, I'm looking for an existing jQuery solution to create an automated slide show / carousel that automatically scrolls at a set pace. Here is an existing 'scroller' I've created this existing one in flash and I'd like to switch it to a jQuery interface: http://www.the-leap.com/our-celebrities.php I have found several jQuery carousels that work with buttons & manuals, however I haven't been able to find one that slides automatically and continually depending on the size of the image or content
Why is this anythingSlider is not displaying correctly on some browsers
Hi, I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here: http://www.fireflycomms.com On FF, Chrome and Safari on Mac some of the images appear with incorrect text: The slider is set up like so: <div class="anythingSlider"> <div class="wrapper"> <ul> <li> image a text a </li> <li> image b text b </li> etc... </ul> </div> </div> However, in FF, Chrome and Safari on Mac the image a appears with text b, image
calling a .php function in append?
Hi, I am very new to this, and I see some examples about how to append text to the bottom of your content on an html page. In my head I was thinking I could call append(php file here) and have it go out, do the php and then append it to the html. I just am not sure how to have a .php file do something and then append it to my html content. Thanks I have it like this. <script> $(document).ready(function( ) { $("#button".click(function( ) { $('#contenthere').append('phpfilehere.php'); });
Really basic FUNCTION question
I'm looking at a friend's code to learn some things, and i'm confused about a couple of things: 1. function fadeSquareIn($i) { fadeSquareIn is a created function, and he passes in "$i" ..... as far as i can tell, the i variable is not located anywhere else. the $ sign i thought was to call a jquery event, but in this case, the variable i is not any css element. using firebug, i run through this line, and its as if "i" is just a variable used in the subsequent actions... a for loop, etc... 2.
JQuery UI implementation Problem
Hi, i want to implementate JQuery UI on our FormServer. But everytime i get an error. a.plugins[e].push is not a function The error comes from the jquery-ui-1.8.1.custom.min.js i renamed it in jquery2.js The other File jquery-1.4.2.min.js i renamed it in jquery1.js works well i can make a $('#test'); in firebug an get the right response. Can you help me please? I really want to use the nice Functions of JQuery UI in our FormServer
Position
Hello I am not a pro web designer by any stretch of the imagination but I have just discovered jquery which is very cool and very wonderful! I am confused about how to use the Position utility. I'm not even sure I understand exactly what it does so if my take on it below is wrong, please educate me! I can see on the demo page that you can drag and drop divs to different places on a webpage. Does this tool allow me to visually position divs on my webpage pre-publishing so that I don't have to do it
trying to read a file with jquery and completely lost.
I have a data file like so ... <?xml version="1.0" encoding="UTF-8"?> <loc version="1.0" src="GSAK"> <waypoint> <name id="GC1D004"><![CDATA[Zone of Influence]]></name> <coord lat="47.435067" lon="-123.055417"/> <type>Geocache</type> <link text="Waypoint Details">http://www.geocaching.com/seek/cache_details.aspx?guid=bf163abd-8d00-4bef-9443-9200419c34bc</link> </waypoint> <waypoint> <name id="GC1D00Q"><![CDATA[Welcome Wagon]]></name> <coord lat="47.432517" lon="-123.070183"/> <type>Geocache</type>
css works in IE not FF
Hello, The following works in IE8 but not firefox. q is a variable that is an id: an example of the selector is (.names #AAA) $(".names #"+q).css("background-color","yellow"); I get nothing in FF. Thanks
Need Advice to start
Hello, I want to learn Jquery, but i need to choose a right "path". There is Jquery, jqueryui, plugins... Where to start ?
fadeTo() on whole paragraph but one word
I have a div with some content in it, within the content there's an anchor and when you click it all the content but the anchor itself should fadeTo('slow', 0.2); What I have now is; $("p a#somelink").click(function() { $(this).parent().parent().children("p").fadeTo("slow", 0.2); return false; }); Which obviously just fades all paragraphs. Is it possible to do what I want and with which selection string would I achieve it?
Collapse with data from DB
Hi all Hope this is the right forum to post this in. Im new to jQuery, so hope you can help me and guide me the right way :) I have a FAQ section on a homepage. I want to show the questions onLoad and onClick collapse and show the answer. Something like http://www.webintenta.com/9914.html / http://www.webintenta.com/Files/JQueryCollapse.html But how do i do this on my ASP.NET page when i need to take the data from my MSSQL db? Thanks in advance Regards
newbie question
All I want to do is pop up this simple jquery tool tip as seen on http://plugins.learningjquery.com/cluetip/demo/ If you look at the bottom of the screen, I want the rounded corners popup: non-caching ajax clueTip with arrows enabled. Here is my code.... http://www.norrislikens.com/fanion/tooltip_test.htm I copied and pasted via the directions...from: http://plugins.learningjquery.com/cluetip/#getting-started I have the .js and .css files uploaded to my server...I dont know why I cant get this simple
ajaxSubmit Issues
Hi, I am a newbee in this jQuery. I trying to submit a form with a file upload functionality. This below explained code submits the form successfully, but does not include the Image part. The code is as below. Form ============================================================= <% remote_form_for(:user,@user,:url => {:controller => "account",:action=>"update_profile"}, :html => {:method => :post, :multipart => true, :id => "edit_form"}) do |f| -%> <table align="center" class="signup_table">
Elements with the same classname
If I only want to modify a particular element with the same classname as a group of elements, how would I go about doing that? I know JavaScript has a way, as shown below, but what is the jQuery equivalent? Thanks! document.getElementsByClassName('foo').item(1);
submit();
Hi, my code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="http://nevilel.storea.sk/admin/template/ajaxform.jquery.plugin.js"></script> <script language="javascript"> $("#edit-comment-form").submit(function() { alert("ok"); $(this).ajaxSubmit(); return false; }); </script> <div style="float: right;font-size: 20px;font-family: Century Gothic;color: #7DC40D" id="komentar-"></div> <h4 class="title"><a
returning to original state
Hi, Just edging into jQuery. I have this function (cut'n'pasted) which works fine—it finds a class, and then finds its child with a certain class, and makes the child visible, when any member of the class is hovered: $(document).ready(function(){ $('.hex').hover(function(){ $(this).find('.hN').show(); }); }); So: I'm working on a 'back' button which will restore the page to its original state; there are several other conventional js functions which are working ok: but how to do it with this particular
Basic if else syntax question
I have a simple jQuery code that shows or hides a DIV based on the selected value of a select tag. Currently it looks like this and it's working fine: if (selected == "0") jQuery("#divPublishDate").show('slow') I want to add an else so that the if the value is anything other than 0, I want to hide the div. What's the proper syntax in this case? I assume this is the short version of an IF statement without the { }. Thanks, Sam
Slides
Hello everybody, This is my first day trying to work with jquery and my first post as well. I was looking at the docs and saw this one here: http://docs.jquery.com/UI/Effects/Slide#options So I was trying to run the code posted on this doc locally which would be: <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
VS2010 + jQuery 1.4.2
I am using VS2010 + jQuery but I found that the script intelligent hasn't show function that when I press "." for obtain its method, how can I fix it??
[jQuery] Form validation
I've got that code: <script> $(document).ready(function() { $("#addNews").validate({ errorPlacement: function(error, element) { error.insertAfter(element.next().next().next()); } }); }); </script> It works great, but when I want to send values from fields to php it doesn't work. It just reload a page: <script> $(document).ready(function() { $("#addNews").validate({ errorPlacement: function(error, element) { error.insertAfter(element.next().next().next()); }, submitHandler: function() { var ftitle
absolute basics for jQuery and jquery-impromptu use?
Hi, I'm semi new to javascript but have used it a few times. I think I have figured out how to include a js file in my html too. Can someone tell me step by step where to drop jquery and jquery-impromptu, what to name the files and anything else I need to do to make the code below work? The reason I ask about names is in case there are class files involved or impromtu looking for jquery in which case the name of my js files would be important. Here's what I'm trying to do. I went here, http://trentrichardson.com/Impromptu/index.php
Problems with Ajax request
Hi there, I am trying to make a view that stacks images on top of one another. As the user uses mouseup or mousedown (+ LMB click) the user can scroll through the images. I am trying to use Ajax to load the new image when the user mousesup. RIght now nothing happens on mouseup. Can someone tell me what I am doing wrong please? thank you. FYI: no errors on Firebug, hence I am posting here. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>radiology viewer</title> <link rel="stylesheet"
Swapped image cut in half
Hi I'm new to jquery and ran into a problem I just can't figure out how to solve.. I'm building a little website for a friend of mine. On the Team-page i'd like to swap the standard headerimage with an animated gif of the person, by hovering over the persons name. So far it all works just fine, with one "little" problem. The first time i hover over a link, the animated gif is loaded, but cut in half and only the top half of the image plays the animation. Since this might not make any sense you can
Classes, objects and inheritance ..?
Hi all, I am a newbie to jquery, but have been working with jquery past few months. I am a guy with quite a lot of curiosity to do stuffs in javascript. Basically i have a good experience and knowledge with prototype.js library and also at the same time i am willing to get deeper into jquery. I very much use oops concept now a days in almost every problem i solve using javascript, and was doing with prototype's feature to create classes and objects. Since i am now looking to get deeper into jquery,
Nested Inputs
Being new to web development, I have run into an issue. Not sure if this is correct place to ask, but I figure that if I start here someone will tell me if I am wrong. I am trying to write a web page that has nested text boxes that can be added dynamically. As an example, let's think of a recipe. The recipe can have different steps (aka marinade, main cooking, gravy preparation, etc). Each of these individual steps can also have a different ingredients for them. So sticking with the above example,
Use jquery to search for javascript functions by name and invoke
Hi all, Have an issue I would be grateful for some help with: I have some dynamically generated HTML It ends up with several java script functions with predictable names e.g. function_1() function_2() function_3() .... function_x() I do not know in advance what x will be now do I have any way to find out. I would like to call each function in turn, although the order in not particularly important. Is there any way I can use jquery to perform something like (in pseudo code) //arr[] = search_for_any_function_with_name_like(''function*');
jQuery 1.8.2 datepicker - two fields
I'm trying to implement the datepicker and I have two fields on my form: Birthdate & Lived here since? In my header I have: <script type="text/javascript" src="javascript/jquery/jquery-1.4.2.js"></script> <script type="text/javascript" src="javascript/jquery/ui/jquery.ui.core.js"></script> <script type="text/javascript" src="javascript/jquery/ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="javascript/jquery/ui/jquery.ui.datepicker.js"></script> <link type="text/css" href="javascript/jquery/themes/ui-lightness/jquery.ui.datepicker.css"
typo
Hi Guys, Under support you have a typo in your menu: Coommercial Support Love the library, great work!
Getting a simple grid
This is most likely a stupid question, and one that could be probably be resolved with a few simple brain cells, but what I'm currently in need of is a script that will allow me to embed a grid within an image so that when one clicks on a cell within that grid it'll exact a response linked to that individual cell. For example, say I want one row1 column1 to appropriate a 'hello,' while all other cells within the grid appropriate a 'get lost.' I've absolutely no knowledge of java and was wondering
Next Page