just wanted to say...
As a web developer who has been in this industry for 10 years, and having finally started using jQuery, I just wanted to say a big THANK YOU for this! I love you.
Call transformation on targeted uls or ols (within the jquery ready function):
I'm very new to jQuery and I'm trying to use this script here: http://plugins.jquery.com/project/nested-list-to-google-org-chart I'm having trouble getting the script to load $("#list").g_orgchart(); within the jquery ready function. Here's what I currently have, but the script is not loading correctly, I'm hoping someone can point me in the right direction.....the path to jquery.g_orgchart-0.1.js is correct. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Can't get value from textbox
Greetings. I am unable to get the value from a textbox located in my Default.aspx - <input id="textOwner" type="text" value="Smith" /> I have this code in a seperate .js file - function Owner() { strtest = $("#textOwner").value; $("#divOwnerList").append("TEST"); } The var strtest remains empty, but the divOwnerList does get 'appended' with 'TEST'. Though .append is not a method that is in the intellisense. Any idea? Thanks (not sure why my code is getting extra line feeds inserted
Using .eq() and .data() does not mod HTML
I am doing something like the following: var set = $('div#this_one'); var next_sibs = set.nextAll(); for (var i = 0; i < sibs.length; ++i) { var item = sibs.eq(i); // get this item in the set. var info = item.data(); // the the data for this item. info.new_value = 42 + i; // modify the "field" in the data } When I look at the variables in FireBug, they are as expected; but when I look at the results in the HTML page the value retains its original value. Thank you.
Need help with my first test of Ajax
I have made a simple php form where the user types in a first name and the php part finds names that match on the first letter(s) typed in. The names are stored in an array to keep it very simple. Here is the html: <body> <form type="post" name="ajax_test" action="test_ajax.php"> <p>Enter first name (try entering a B)<br />Leave blank for all names</p> <input id="input_box" type="input" name="first_name" value="<?php echo $rvars[first_name]; ?>"><br /> <input name="btnSubmit" type="submit"
More than one plugin
I'm new to jQuery and I'm really lost on how to implement multiple jQuery plugins/functions* on a page. Take this page, for instance. I'm using jQuery to generate the "What's On Media Spy" slideshow at the moment. I'm now trying to add a new jQuery plugin called Meerkat, which generates one of those fixed bars at the bottom of the page. I've included all the required files and code. However, no matter what I do, the Meerkat plugin simply refuses to work. The problem is mine, by the way - I've tried
Basic knowledge - Ajax and XML
Hi @ all. At first: I'm using jQuery and I love it. The handling is beautiful and there are a lot of situations you can use jQuery for problems, for code-optimizing and and and. .. but why do I say this things to you ... You know it already ;D To the cause of my topic: I use the ajax functions too (which works fine) and often I read about XML in coherence with ajax. My question is: Where is the XML :D when I make an ajax-request i type in the destination-url, sometimes paramaters to send ('data .....')
jquery autocomplete result show in front of all div
my textbox is placed in a div and my page has several div,the result is got from the autocomplete method of jquery but .the reult shows behind the other div.first 2,3 menu of reult shows behind the other div and remaining are shown crrectly.is ther any property to show all result in front of all div
Scope question and basic understanding : access jquery from within function?
Alright, I'm new to jQuery. I am still trying to get the hang of it... The problem I have: I have 2 textfields on a page (tbUsername and tbPassword), and want to manipulate them. When a user clicks or focusses on tbPassword i need to do the same. So instead of this: $('tbPassword').click(function) () { //do same code as onFocus }); $('tbPassword').focus(function) () { // do same code as onClick } I do this: $('tbPassword').click(function) () { handle_tbPassword_events(this); }); $('tbPassword').click(function)
Video Player Container Position
This page contains a scrollable div with thumbnails that use onclick to instantiate videos: http://www.rkwalton.com/aculeata.html This works fine until the user scrolls to thumbnails in the lower portion of the div. At that point the video player in instantiated "out of sight" at the top part of the div. Is there a jQuery solution such as an action that moves either the whole div or the player container so that it will be in view no matter where the user is? Thanks!
How to use jQuery in Web App that makes JDBC calls to MS SQL database.
Hello, I am new to jQuery. Can anybody give me an example/sample code/Architecture advice on how to use jQuery in Web App that makes JDBC calls to MS SQL database. Currently I am using JSP with JavaBeans to access the database. Thanks
Rendring differently from different div's
BRAND NEW to web development at all, so excuse me if this question and the following code are just crazy over the top... Trying to build a virtual tour with divs over hover points on a map, going piece by piece, trying to get up to two div working properly, and the div that is listed second in th html is rendering weird. "Code" is as follows: $(document).ready(function(){ $('.content:not(p)').hide(); $('.selector:eq(0)').hide(); $('.selector:visible:first').css('background-color','#20bdbe'); $('.selector:visible:eq(1)').css('background-color','#01a490');
show a text box when an option is selected from a dropdown
I have the following dropdown list box: <select name="DDLConditional1" size="1"> <option selected="selected">is equal to</option> <option>begins with</option> <option onclick="ShowBetween();">is between</option> <option>is not equal to</option> <option>is greater than</option> <option>is less than</option> </select> I want to show() a textbox and a label based on someone selecting
I need to populate a drop down list from sql server via jquery
I need to populate a drop down list from sql server via jquery. any suggestions? I'm unfortunately unable to use any server-side type coding
Can this be done? A selection question: how to select a tags with no ul > li >a children?
I have about 13 ul li a items in a list and some have nested lists within them e.g. ul li ul li a and some don't. I want to prevent the default action on only a elements that have nested lists within them but not prevent default action for ones that don't. Here's an example of the markup... <ul id="mainmenu-nav"> <li class="li-nav"> <a href="#">Section with subs</a> <!--don't want these to follow--> <ul class="ul-nav"> <li class="li-nav">
problem with $.post
Ok, so my $.post ajax query isn't going through and I can't figure out why. I've cut out almost everything, and boiled it down to only a really basic function, but still nothing. Here is the Client Side code: <html> <head> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> function cstarter() { window.einterval = setInterval("cst()", 5000); window.big = "hi"; } </script> <script type="text/javascript"> function cst() { $.post("testback.php", { csize: window.big
Simple idea...
Hello. I have a php array of urls. I want to load each of them into an iframe, in order. I want to wait until the iframe is loaded before I load the next one. There is an iframe parameter called onLoad that will call a javascript function when the frame is loaded. I am trying to use jquery to popup a window on the screen (I am using colorbox), display a page in the iframe then immediately after it is loaded load the next page in the iframe. It seems simple but I am having trouble understanding how
Problem with show()
Hi there, New to this, so sorry if it's really silly. My problem is as follows. We have been given a list of anchors, some are html and some are pdf. These are grouped into a div which is to be hidden on document ready. Then two buttons with a choice to show either html links only or pdf links only. I can't get anything to show. Code as follows: $(document).ready(function(){ alert("Anchors hidden"); $('#anchors').hide(); }); $(document).ready(function(){ $('#htmlLinks').click(function(event){
advise on how to get this to work
hello, i have this javascript in my template <script type="text/javascript"> $(document).ready(function(){ $('#no_password').change(function(){ if ($(this).attr('checked')) { $('.show-if-password').hide(); load_captcha(function(){ $('.show-if-no-password').show(); }); } else { $('.show-if-no-password').hide(); $('.show-if-password').show(); } }).change(); }); function load_captcha(callback) { // Gets image and audio URLs by Ajax call $.getJSON('/get-captcha/', function(json){ // Error message if
css media types and jQuery?
Hi, does anyone know of a way of finding out (in jQuery) the CSS media type that the current page is rendered to? I've got a site with different external stylesheets for screen and print and I'm using jQuery for enhancing some pages in certain ways, i.e. using jCarousel on some. For the print-style, I want a much simpler layout with no dependency whatsoever on Javascript (since Javascript-Changes to a page seem to be rendered differently – if at all – on different browsers). My solution at the moment,
multiple form validation and enable - disable
hi, i a new in jquery an i have a question. i have a form with multiple sections, and i want if a element is not valid, the submit button to be disable. and after that the submit button to be enabled, but when i click on it, to disable the section, but the data on it to stay intact, then enable another section in the form, and do exactly like the section above. After that, is both section is valid and completed, to make a final submit, and all the data to be proceded. ...and a nother probleme is
I need a litte help
So I have this HTML here <!-- navigation --> <ul id="nav"> <li><a href="#">link #1</a></li> <li><a href="#">link #2</a> <ul> <li><a href="#">sublink #2 - 1</a></li> <li><a href="#">sublink #2 - 2</a></li> </ul> </li> </ul> and the idea is that I want to be able to hover over the link 2 there and have its ul list drop down, now here is my js
Validate Plugin with serialize()
I can't figure out why this code is not working.. The data does not serialize so it sends no data.. Everything else works fine but that.. Could somebody help rearrange the code to make it proper? I'm using the Validation Plugin.. if ($('#contact_form').length) { $('#contact_form').validate({ errorPlacement: function(error, element){}, submitHandler: function(form){ $('#replace_wrap').html('<p>Processing...</p>'); $.ajax({
Jquery not working for me.
I have installed jquery renamed it to jquery.js and have put it in its own directory pointed my page to it and nothing. Then I tried the google hosted version of the file and still no luck. I have tried more than a dozen plugins and I don't know what it could be. I am developing on local host using xamp server and im also using windows 7 if that is of any help. I am trying to put a slideshow/coinslider and to validate information to make my site more dynamic. If anyone has any suggestions please
hide table body by default
Hello, I'm trying to hide the table body of all tables on my html page. By default they are shown, but I want them hidden. Since the ID for each table on my html page will differ, I need some way to collapse them all on pageload, because all I can seem to manage is to have them expanded by default. Any help is appreciated. javascript: function togglePanelMore(id, source) { var viewContainer = $(id); if ($(source).html() == "showrows") { $(source).html("hiderows"); viewContainer.show(); } else { $(source).html("showrows");
More accordion
I have an accordion setup that loads each record from a database as a selector, which then contains the results of multiple subsequent queries. I currently use a dialog form containing a select list for the property unit you want to insert the data. I would rather have a button within each selector that opens the dialog form pre-populated with the value I want for the property unit. I can't find an example of how to have the specific button pass an arguement to the form. I appreciate the help!
Help interpreting a simple jQuery-related instruction
Hi, I'm new to jQuery and relatively new to Ruby on Rails. I've successfully installed the rails3-jquery-autocomplete gem (http://github.com/crowdint/rails3-jquery-autocomplete) and I'm playing around with it in a test Rails project. One of the instructions on the gem states: =============== Getting the object id If you need to use the id of the selected object, you can use the :id_element HTML tag too: f.autocomplete_field :brand_name, autocomplete_brand_name_products_path, :id_element => '#some_element'
Variables for Selectors
Hello, I'm new to markup and coding in any form. I love jQuery though and what it's capable of and also how intuitive it is to start with! I've run into a problem for what I'm doing with my portfolio though. I'm trying to achieve something like this (the top left one). I get how to do it if I wanted to write a script for each individual box, changing out the selectors -- but how can I do it with only one script? Goal: On hover-over of class "preview", it grabs the ID of which img is being hovered
I Need to Find a JQUERY and CSS Expert in NYC?
Hello, I live in NYC and I am building my very first website using iWeb. I am an absolute beginner and I have only been building my website for 2 months now. I have already starting incorporating HTML snippets and I am now having problems incorporating a JQUERY fading navigation bar on my website. Is there someone in NYC who would be willing to get together with me at a Starbucks and help me with my website. I don't know how much to pay but, of course, I would be willing to do so. Please check out
Newbie trouble downloading JQuery from JQuery.org
I am new to JQuery and tried to download the compressed and uncompressed versions from JQuery.org, but instead of downloading when I click on the download buttons, the files are opened as small text files that apparently have javascript code in them. I tried this in different browsers and on both the Mac and IBM. I can't figure out what is going on. Suggestions welcome. Thanks, Michael
Simple menu animation
I'm attempting to animate a menu that is set up in this structure: <ul id="nav"> <li id="menu_home"><a href="#">Home</a></li> <li id="menu_aboutus"><a href="#">About Us</a></li> <li id="menu_ministries" class="current"><a href="#" id="current">Ministries</a> <ul> <li><a href="#">Canberra</a></li> <li><a href="#">Melbourne</a></li> <li><a href="#">Sydney</a></li> <li><a href="#">SE Qld</a></li> <li><a href="#">Overseas Missions</a></li> <li><a href="#">Other - Regions</a></li> </ul> </li> <li id="menu_bookshop"><a
Animate Curved Path
Hi, I have been using Jquery for the better part of two years off and on now. I do alot of Ajax interaction with jquery and various other things, including building a couple plugins. But what I really am trying to do is avoid using pre-built plugins for the sake of learning more about jquery before I use those tools, so far thats worked great from a knowledge stand point. At the moment I am working to try and replace a few Flash animations I have been previously using. My questions is along the lines
Highlighting/changing text color in a Textbox as user types
Hi, I have a text box. I need to 1) search the database for the words user is typing in the text box. This will happen with each key press. 2) if there is a match - I need to change the text color. How can I achieve this? Thanks so much.
Is there any alternative for .closest() ?
Hi all, I'm looking for an alternative for .closest(). My script refers to jQuery 1.3.2 which is not the latest, but does its job. By trying to implement my code into another script I noticed that this script uses jQuery 1.2.6. Well, 'changing that version was no option'. var statTested = $("h1:contains('mystatus')"); if (statTested.length > 0) { var containingIn = $("p:contains('In [')"); if (containingIn.length > 0){ $("<div id='createDiv' style='border:1px outset #999966;padding:1em;margin-top:1em'>Alle
Checkbox not checked after click
I've added some functionality to a checkbox. So that when the checkbox is checked it will display a div, when unchecked it will hide the div. This is working fine except when the checkbox is clicked, it doesn't display the checkmark in it. And when the form is submitted, the checkbox is unchecked. Checkbox <input type="checkbox" name="m7bc41custom_addesign" value="Y" id="displaytyles" /> <div id="stylediv"> <div id="effect" class="ui-widget-content ui-corner-all"> <h3 class="ui-widget-header ui-corner-all">Format</h3>
jQueryfordesigners.com & textmate theme
Hi: I'm using textmate for symfony & jQuery development. Also I'm watching the jQueryfordesigners.com screencasts and i want to know what Textmate theme is used in that screencasts, anyone hava an idea? Thanks!
Ajax does not work!
I have this code: $.getJSON(site_url+'index/meciuri/event_id/'+event_id, function(data){ alert(data); $('#grid').html(data); }); it alerts null ! Firebug shows me that it makes the request and it return a varios number of bytes 2,10, 700 etc. But it doesn't display any results!!! In all browsers. I have tried also with $.get, $.post, $.ajax and even yui. The same thing. I have written like a million ajaxes before! Thanks.
Simple JQuery preloader
Good morning all, I'm fairly familiar with PHP, and have in the past done some Javascript coding. The company I work for has started using JQuery for some graphical elements such as banner rotation and lightboxes. I have found and modifed JQuery code that allows me to create a gallery of thumbnails, with a simple fade-in/out action when you click on each of the thumbnails. My trouble is that the pictures I am using for the large images are taking a while to load, so I thought i'd look for a simple
selecting selectables as a row
Hi there, i´m trying to connect a few selectables, using ui selectable lists. the result should look like a table. i´ve divided it into columns, each of it as a sortable, to change the order of the columns. now i do have some divs as columns, each with a few rows in it. if i select one row in one column i want to select that row in every column. i can catch the event, and get the attribute of that row in that column. this attribute is the same in all row/column i want to select with this click. i
preload content ¿how to?
am newbie and would like to know how to do that, If I run this: $ (Document). Ready (function () ( $ ("Ul # mycarousel.") Hide (); )); hides the content I want to preload. I would now like that instead of hiding it. just filled, I want my ul#mycarousel, rather than the application that requires another option is to show me an image, while loading all my content for div#content
Next Page