Passing parameters between jQuery scripts
I have little bizarre problem. Working in Java web development we have project that we use plenty of templates from Velocity. Where one template can refresh section of it self and display one or more templates. My problems is that in parent template I have to pop up window with message if in child template an item from group A been moved to group B or vice-versa. Anyone has any idea how change on child template can be propagated up to parent?
validation help
hi is this posible to validate input type file using jquery then please help to me i have to check that the file size is not exceed 1mb and the extensions of file must be jpg,gif and png so please help to me. i have validated the extention but i don't have any idea to check the file size and i have multiple file objects so please do it on the bases of file and not on the bases of class and id
DRAGGING an image
I'm working on a site for a class and I want to make the image that pops up (when you click the first red square) to be draggable like in this example here. http://docs.jquery.com/UI/Draggable I'm having problems because this image already has a script applied to it and I'm just starting out learning jquery so I'm not sure how to figure this out. Any suggestions/solutions would be great. Thanks! VIEW SITE HERE
Adding multiple objects with popup calendar?
Hi there, I have been struggling to find the best way to add a group of objects and a popup calendar like so with add/remove buttons. <div><input type=text><input type=text w/popup calendar><btn add><btn remove></div> I want to be able to retain the entered data, add a new row, and remove any row as above inside a form like this. <form> <div><input type=text><input type=text w/popup calendar><btn add><btn remove></div> <div><input type=text><input type=text w/popup calendar><btn add><btn remove></div>
Basic addition
I am trying to perform a simple addition with jQuery. 2 input fields and a total price. On click the total is displayed below. I can get jQuery to perform the calculation, but it wont update the original price and each calculation adds the new calculation next to the total price when I need it to replace it. Any help appreciated Dave $(document).ready(function() { var currentPrice = $('#totalPrice').text(); $("#calc").click(function() { var value = $("#price1").val();
Using ScrollTo in a horizontal website
I am new to Jquery ScrollTo and know very little about how to modify it to do what I need. I am designing a horizontal website for a local artist and I have a fixed vertical menu on the left side. I have the paintings set up in a table to the right of the menu going horizontally off of the page. When I click each painting, it scrolls to the left behind the menu and stops at the edge of the screen. Is it possible to modify the code so that the edge of each picture stops at the edge of the vertical
Drupal 6.16 / jQuery Update 6.x-2.x-dev (2009-apr-24) / jQuery UI 6.x-1.x-dev
I'm newbie.. Have drupal with jquery update dev module.. gives a link in a html: <script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js?5"></script> which seems to be fine.. than I have jQuery UI 6.x-1.x-dev and I have downloaded the latest jQuery UI 1.7 development package from: http://code.google.com/p/jquery-ui/downloads/list?can=3&q=1.7 and moved it to folder: /sites/all/modules/jquery_ui/jquery.ui/ now i dont see any warnings in drupal admin.. everything seems
Add Text via Dropdown
Hello :) I am new in jquery and after finishing my first task , here is my next problem. I would like to add Text in a texfield after klicking on doropdownbox / selectbox. This works so far but it resets the text to the last value youve klicked.When you klick again. I need to let the Text from last klick and add new one after klicking again...So i could fill the textfield with my Dropdown choises. I hope you can help me. My code looks like this : $('#dropdown').change(function () {
Why the show() function never stops
Hi . All I have two buttons. "Search" and "Read More". The problem is with my "Read More" button. Basically it has to change to 'loading image' when it is clicked $(document).ready(function() { $('[id$=btnReadMore]').live('click', function() { $('[id$=btnReadMore]').hide(); $('[id$=loadingImg]').show(); document.getElementById("<%= UpdateProgress1.ClientID %>").style.visibility = "hidden"; });
problem of multi instances with my plugin
Hello ! First of all excuse me for my poor english... I've got a problem with my plugin. It's a slider plugin and when I define multi instances in my page, the controls don't work... (function($) { // // plugin definition // $.fn.blopSlider = function(options) { // build main options before element iteration var settings = $.extend({}, $.fn.blopSlider.defaults, options); // iterate and reformat each matched element return this.each(function()
How to query next element from current element using jQuery!!
Hello Experts, How to query a next particular element from current element? Here is an example... I have a 3 radio buttons inside table. Each row has a radio button. After table tag, i have a textarea element. When User select any radio button, I need to hide/show the textarea control based on value of the Radio button. Below code is not working as expected. Please help me with this problem. Please find the attached code for your review. <html> <head> <script language="javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
jQuery Ping
Hello guys, I'm very new to this, and need your help What I need is very simple: check whether a site is online or offline. The question is that the site is where the web application is running so i need to do it asynchronous. I've tried it in many ways, but I can't get it working: E.g. <!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;
Why the JQuery function execute only once?
Hi. all. I created a JQuery function $(document).ready(function() { $('[id$=btnReadMore]').click(function () { $('[id$=loadingImg]').show(); $('[id$=btnReadMore]').hide(); document.getElementById("<%= UpdateProgress1.ClientID %>").style.visibility = "hidden"; }); }); It works fine the first time when I click the button but after that when I click the button again it does not execute at
Start jQuery AFTER image loads?
Hello, What I'm doing is I have a splash screen before it displays my webpage: $(function() { $('#splash').fadeIn(2000, function() { $(this).delay(500).fadeOut(2000, function() { $('#copy').fadeIn(1000); }); }); });DEMO What I want to happen is this will run AFTER the image (splash) is fully loaded. I could put a .delay on it but I don't want to make people wait if there internet connection is fast enough to load the image fast. Maybe the .load function? I'm not really
Adding a delay to a cascading menu mouseout
Hello Forum, Thanks in advanced for your help! I am working on a website that requires a cascading navigation system. I got the following code from www.dynamicdrive.com and have tweaked a few things to work for my needs //Nested Side Bar Menu (Mar 20th, 09) //By Dynamic Drive: http://www.dynamicdrive.com/style/ var menuids = ["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas function initsidebarmenu() { for (var i = 0; i < menuids.length; i++) { var
Re-Incrementing all counters in table
I previously had a question about incrementing a counter column in a table as rows are added: http://forum.jquery.com/topic/incrementing-numeric-content-of-td-cell-after-adding-row-to-table The relevant part is this: newRow.find('td:eq(1)').text($('#mytable tr').length - 1);However, since I created a delrow function to remove rows, I see that the counter is not being re-incremented. So if I remove row 2, the counter column will display 1, 3. Is there a way to have the counters re-incremented after
Adding an event handler to a DIV to detect when visibility changes
Is it possible to add an event handler to react to a change in visibility of a DIV element? If so how? Thanks.
Support for calling a stored procedure
Is it possible to have jQuery or its ajax abilities call a stored procedure for mYSQL and have it execute?
Loading image in Opera 10.10 issue
I am trying to develop a plugin to watch panorama images for jQuery. The plugin is supposed to load two images: a small one and a big one. The big image is supposed to load when the user clicks on "enlarge" icon. The problem is thah the big image won't load in Opera (in FF,IE8,Chrome everything is fine). The big image is loaded exactly the same as the small one. Here is the code the loads the small one: // .... /*creating image*/ var self = this; this.$iImg = $('<img>')
Set ajax MaskedEditExtender mask by Jquery script in ASP.NET
Is there a way to set Ajax MaskedEditExtender Mask by jquery secript. I'm using asp.net!
Not able to delete row
I use the following to add a table row: $(".add-row").live('click', function(){ var newRow = $('#mytable tr:last').clone().insertAfter('#mytable tr:last'); $('#mytable tr:last td:first img').css("visibility", "visible"); $('#mytable tr:last td :input').val(''); });and the following to delete a row: $("img.delrow").click(function(){ $(this).parents("tr").remove(); return false; });The delrow class is in the first td cell on every row: <td><img src="del.png"
drag&drop like resizable column
Hello, I was wondering how to create a left column for navigation and a right column for data, that allows the user to resize the left column on the fly; like if I were to use frames. I apologize if I'm not using the right verbiage. Thanks, Charlie
Incrementing numeric content of td cell after adding row to table
I use the following to add a new row to a table: $(".add-row").live('click', function(){ var thisTableId = $(this).parents("table").attr("id"); var lastRow = $('#'+thisTableId + " tr:last"); var newRow = lastRow.clone(true); $('#'+thisTableId).append(newRow); $('#'+thisTableId + " tr:last td :input").val(''); return false; }); The form data is cleared, however, the first td cell contains a counter, so when a new row is added, the last number is displayed.
Simple "loading..." message. how to adjust my code?
hi guys, i have this simple function $('#provider').change(function() { $('#tarif').load("ajax/order.php?atask=gettarifs", { 'selectprovider' : $('#providerselect').val(), 'current' : $('#current').val() }); });which loads a list from a php function.....now i want to display in <td id="tarif"></td> the message "loading..." until the function gets all data from php....how should i change it?
Initial display setting ?
I've been starting to learn when I use q-press theme of wordpress. This is fantastic. I have question about initial setting of display of toggle function. when the page loaded, it display something and click it, it toggle in and out. is there any way, it display in the beginning, however I want to make that toggle action display in the beginning like I already clicked it and vise versa. for example about drop-down menu. I display menu and it drop-down when I click it. what about if it display in
Initial Setting to Display.
I've been starting to know about jquery when I am using q-press theme of wordpress. This is pretty new to me, and looks cool. I have question about the initial setting for displaying. Most code do something when I click like drop-down menu. I am wondering.. is there any way to make display drop-downed already at initial page, and when I click it does drop-up. just I want to know the way for initial setting for display.
Edit slider so that it automatically slides
<!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" /> <title>Portfolio Image Rotator by Soh Tanaka</title> <style type="text/css"> body { margin: 0; padding: 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } *{outline: none;} img {border: 0;} .container { width: 960px; padding: 0; margin: 0 auto; }
jqury hover
Hi Why does this work on my joomla site: $(document).ready(function(){ $(".moduletable_menu ul.menu li a, a.mainlevel").mouseover(function(){ $(this).animate({ paddingLeft: 10}, 300) }); $(".moduletable_menu ul.menu li a, a.mainlevel").mouseout(function(){ $(this).animate({ paddingLeft: 0}, 300) }); }); And this: $(document).ready(function(){ $('.moduletable_menu ul.menu li a, a.mainlevel').hover( function() { $(this).animate({paddingLeft: 10}, 300,
Yet another drag issue... not working in IE, PERFECT in Chrome, OK in Firefox.
Tryin' to do this without using the UI plugin... I have another variation working on a table. Here I apply it to a select and its options. Works perfectly in Chrome, OK in Firefox (highlights text when you move downward), and not at all in IE - despite various hacks to handle both the default behavior and IE specifically. I should mention that this code was adapted in part from http://www.lukedingle.com/javascript/sortable-table-rows-with-jquery-draggable-rows/#more-190 whom I have to say THANKS
bind event to a selection form
Hi, I trying to build dependable dropdown using ajax and jquery. I'm able to show the new dropdown, but i'm not how i attach an event with the new dropdown menu. I'm tryingto do following way. But, it is not working. Could please help me. url = 'topics.php?sectionid='+$('#section').val(); $('#topics').load(url).show(); $('#topic').bind('change', function(event) { topicChangeHandler(); });Here
IE8 font goes bold when using .fadeto and .hover
Hi, Hope someone can help. Been using jQuery for a short while now and I have stumbled upon what might as well be an IE8 bug. When I apply the following to a typical <ul> or <li> or even <a>: jQuery(document).ready(function(){ jQuery("#menu").fadeTo("slow", 0.5); jQuery("#menu").hover(function(){ jQuery(this).fadeTo("slow", 1.0); },function(){ jQuery(this).fadeTo("slow", 0.5); }); }); The font weight seems to go bold
.hover fadein jumping to fully opaque
Hello, I'm really new to jquery, started yesterday and this is my first post so please be patient with me. I have been looking on some different tutorials and have started to create a jquery menu for a new website layout that I'm working on. What I'm trying to do is to change an image in my header when hovering over different menu items (in a normal html menu) with a fadein/fadeout effect. I think i have been doing quite well so far and have almost got it as i want it to be on my test site located
Removing a class on click
Hello all, I am trying to remove a class on a 'selected' anchor when a highr level anchor is clicked. Here is the url: to the pagehttp://danielkraus-appserver.com/obelisk/practicetemplates/services.html. I have tried everything I can think of - most times the 'selected ' class never gets applied when I try to fix this issue. I'm still new to jQuery so the answer may be quite obvious. An help is greatly appreciated!!!
sorting sql with a mouse drag
I'm new with jquery and cannot find the right words for finding what i want. I want a table that can be sorted one row at a time by moving it up and down with dragging. after dragged, the result should saved to sql. Lets say that the row has own data in sql "sort_order" what is int number. how could this be done ? this seemed nice, but no sql and moves sideways also: http://jqueryui.com/demos/sortable/#default This one seemed like a real deal, but couldn't find a help how to save the order with php
Simple timer start function
When I submit a form to the server, I can easily get the finish time, but what do I need to do to get the start time? By 'start time', I mean, that the focus is initially on the first text field, and when the focus is changed I'd like to have the timer start. There doesn't need to be any display of this to the user, only that it's available when it's submitted to the server. Should I use a plugin to do this? Or something else? Thanks.
Double Div'ing
OK... maybe I'm missing something or maybe its not possible but here it goes anyway coz I need sleep! I have a page that I have enthusiasticly slapped my new found love Jquery into. I have a search box that pulls data from my database and displays it in a AJax Div. What I want to do is then be able to click on the individul rows and load another page in another Ajax Div. I have tried putting each row from the database in a div, then added a click event fuction to the jquery script. This doesn't
jquery-1.4 v. jquery-1.4.2 -- what am I missing??
Very first day - so "newbie" in every sense of the word. I downloaded jquery-1.4.2.js and attempted to run the example I found at: http://www.w3schools.com/jquery/default.asp (see code sample below) I get the following error: $ is not defined Browser: firefox I looked at the sample code and determined they are using jquery-1.4.js so I downloaded that. if I go back into my sample code and change to jquery-1.4.js The sample code works just fine ***** Sample Code ***** <html> <head> <script type="text/javascript"
swinging effect
Hi, Is it possible to use jQuery to create a swinging effect? I want to animate a price label which is attached to string so it swings slightly from left to right (about 10 degrees each way)? If so if someone could point me to an example I would be very grateful
How can I combine load() with lightbox??
Hi - I'm not a jQuery (or any other kind of) programmer so I appreciate expert's input. I've been experimenting while learning javascript and I'd like to know how to do a "trick" that combines 2 things I've seen done with jQuery. I've seen how beautifully lightbox makes a photo appear and makes the screen behind it darken. I've seen how a jQuery/AJAX (?) method or action (load?) can make clicking a link in one html page bring in a div from an external html page. I'd like to combine these two so
How do messages work?
How do messages appear beside each form field on submit/validation? How can I show the top-most validation message in a label at the top of the form?
Next Page