Dynamically adding table row and setting class
I have a table with onw row and one column. I have set class for column also written function for click event for class. Now added table row dynamically and set same class. But click event works only for existing row not for newly added row.
Trouble with Drag/Drop Tree
I'm having trouble getting a draggable tree to work. What I'm ultimately trying to do is send a serialized list to PHP, including the position and parent values for each item. The first problem I'm having is that the event seems to happen on the drag and not the drop. Help? index.html - http://pastie.org/1138973 jquery.ui.nestedSortable.js - http://pastie.org/1138974
offline language translator english to french or like this
Hello all,i have a bit problem to make a offline(without internet connection,local PC) language translator. if you have a code like this problem then kindly send me.Hope it does make a sense Thanks
Iterate through dropdowns
Hi, I'm trying to iterate through all the dropdown boxes on a page without much success! What I'd like to do is store the selected value for each of the dropdowns, separated by commas in a variable when a button is clicked. Each of the dropdown boxes 'id' begins with the string 'attrib-' which is how I'm trying to identify them. I've managed to hide all the dropdowns with this code: jQuery(document).ready(function() { jQuery("#myButton").click(function() { jQuery("[id^=attrib-]").hide();
Jquery not seeing classes set by its self
Hi, I'm new to jQuery/JavaScript and I wondering if this is because it can only see classes/id that are set on page load. I'm using the code below to give elements on my page individual id's. $(".text").each(function(count){ var new_id = "txt_" + count; $(this).attr("id", new_id); }); but when I try and call this id later in the code, it doesn't work.
DIV expanding upon mouseover
Hi. I wrote document: http://s339175806.domenastandartowa.pl/main/2/ and i would get the effect: http://a.imageshack.us/img823/5109/demod.png All work but when mouse is out of DIV1 and DIV2, DIV2 change its width to 500 and DIV1 change its width to 460. I want get the effect: If the cursor is outside divs nothing change. How can I do it? Sorry for my bad english.
load and slide content
Hello, I would like to make a web site that loads the whole content at once and is being appeared corresponded to user's actions, sliding to the same area. Website that matches to my thoughts is zacharypulman.com. At least the way that content slides around. I tried to find in JQ examples something similar but nothing. In fact I am not sure if it is a plugin, UI, etc. Just for the story of my depression I have checked about 200+ scripts :s. I dont complain new ideas are on the way. I have spent hours
Calling function through onload
Hi everybody, I'm playing with a modal Dialog of ericmartin (simplemodal) which I found at this url: http://www.ericmmartin.com/projects/simplemodal-demos/ It's called "Confirm override". This function is called through a click on the button or on the link. Now I want to call this function onload I dont' have really a clue, how to manipulate the current script to make the correct changes. Imho this is the code snippet, which calls the popup through a click. jQuery(function ($) { $('#confirm-dialog
Change CSS Class on Focus
Hello, I have a form where each field is inside a div. So I have the following code to highlight the div on mouse over and remove it on mouse out: $('form div.Field').hover(function () { $(this).addClass('Hover'); }, function () { $(this).removeClass('Hover'); }); But what I really need is: - Add CssClass Hover when any form element (input, select, ...) inside the div is focus; - Remove CssClass Hover when the form elements inside the div stop being on focus. Do you understand? How
jQuery Cycle: How to stop it by default, and start it on mouseover?
Hi, is it possible to make the jQuery Cycle script paused by default - ie. when page loads, it will not automatically start sliding through the images? I am fairly certain this is pretty simple to do with the cycle('stop') (or 'pause'), but I cannot seem to get it to work. Below is the code, which makes the slide show play after page has loaded - then it pauses after first mouseover (mouse hover and mouse away) - and then it plays again when mouse hovers. So in other words: after the first mouseover,
Is this menu possible to realize with jQuery?
Hey all, i´d like to have a jQuery-Menu like the flashmenu of this Website I´ve found two examples which almost do this effect: LavaLamp and this one. But I´m not sure if I can get the "lamp-on-off-effect" when hovering a menupoint. Do you think this is possible with jQuery - unfortunately I´m no jQuery-Expert Help would be very nice
Help with remote JSON call.
I have a little notification script I'm working on and am having a little trouble getting the getJSON() function to work properly. Here is the code I'm using: <script type="text/javascript"> var auto_refresh = setInterval(function () { var lastid=$("#lastid").val(); $.getJSON("http://remoteurl.tld/file.php?lastid="+lastid",function(data) { $.each(data.alerts, function(i,mydata) { if (lastid != mydata.id) { $.pnotify({
Jquery styling a little help?
Hello, I am new to jquery and found a script that toggles anything within a div container and counts the words/letters and restricts typing after xx letters etc. I basically was wondering if someone could take a look at the script below and tell me how do i add: margin-left: 166px; and Width 160px; , I did use css to style it but the jquery styling overides the css i have in my sites css file. Currently the width is 0 so the character/word count appears over three lines hence why i want to adjust
calling java method using json object
hi all, i have a jsp page with some setting values and i have a javascript page for all the element events. In this js page i have added all the jquery method calls and form submit statements. initially i was using dwr to call java methods and get the values in the drop down box and textfields in the jsp. the jsp page is working fine, but somehow, i am required to replace these calls with some other javascript calls. i searched on google for possible alternatives and found out about json object,
Do I need to install JQuery to use JQuery UI features?
I know it's a newbie question, my first experience was with ExtJs but am moving away from that due to the license changes. Thanks
How to use clue tip
Hello ! I've created a gallery... On click, a thumbnail expands into an overlay window but it's not possible to insert any short or long text wih link(s). I've found cluetip for displaying "captions"... but I really don't know how to make it works... Sorry for my ignorance... but I'm new to jquery... In fact, cluetip should appear on hovering over the large image... and not on the thumbnail : Some lines of code : <li class="item col2"> <!-- /// WORK BLOCK /// --> <a href="img/files/Paysage.jpg"
If I want to use jQuery UI 1.7, do I have to have jQuery libs inlcuded or can I do without?
I just started learning about jQuery.
Nav Bar Help Anybody?
I recently started reading a book about javascript including the JQuery library. I understand the basic concepts however I am still working out the details that are oh so important. The following link is to my personal website, to the page I am having trouble with. I looked at my book and the JQuery Event page for the hover() function and it looks all right to me, however it is just not working. Please not that on my computer all of the file paths are correct, It is just online to its easier to
Superfish - Bordering sublevels
http://justtesting.atspace.com/index1.htm Compare the page in Firefox vs Internet Explorer. When in Explorer, the underlying sublevels are bordered black all around the drop down box, just like it should be. However, when in Firefox the upper right and lower left parts are not bordered. How to solve this problem when using Firefox?
"not" dont work :(
Why this code dont work ? $("#short_news").click(function () { $("#focus").show(); }); $("*").not("#short_news").click(function () { $("#focus").hide(); });
Is this functionality available in JQuery?
Unfortunately I know nothing about jQuery and was told by a colleague to look here for an answer. I am working in JSF and I have a text field and a drop down box in my JSP page and whereby when I enter a value in the text field I need to be able to have a specific option in the drop down box be SELECTED. In trying to look for this functionality in jQuery I kept coming up empty. I am assuming I did not know how to look this up in the forum and/or on the website. If anyone can please give me an answer
ID-Selector always returns null after move to new server
I just moved a project from my development-server to the live-server. Since the move, the jQuery I use for scrolling an image stopped working: $("#" + divid) is null // divid is "box" in this case The variable doesn't seem to be the problem, since it contains the right string when I check with Firebug. I tried selecting the div without the variable: $('#box')But it just returns null. When I do the same on the development-server-copy of the page, it works and returns the div. Selecting the element
using multiple jquery
hello!. i don't know so much about jquery so just i use them with indication from their web site. so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need: i have: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> and <script type="text/javascript"> $(document).ready(function(){ $(".flip").click(function(){ $(".panel").slideToggle("slow"); }); }); </script> so alone it worked
Populating Hidden Fields in a Form
I have a form with an inputbox and the value of that input box needs to be also assigned to a hidden field. <TD>City</TD> <TD WIDTH=10 align="Right">:</TD> <TD><INPUT TYPE="Text" NAME="Contactcity" ID="Contactcity" VALUE="" tabindex="9"></TD> Here is the hidden field I need the above value assigned to. <INPUT Type="Hidden" Name="LEADSCity" Value=""> Thanks
Position Utility
Moderator, I am reposting this because it hasn't appeared in the list yet so I figured there may be a problem... 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.
Jquery function not fired for XSLT generated <DIV>
Hi! I am newb to Jquery and XSLT. I have been trying a proto which transformes xml using xslt. I've been using jquery since I started with HTML proto. jquery functions are not fired for <DIV> tags generated using XSLT tranformation. But they are fired for HTML own DIV tags. HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>XSLT Examples</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link
how to change image src path?
What I'd like to do is change the path to images with the class .changsrc. Eventually I'll attach this to a link, but for now I only need it to happen on page load. I managed to change the entire image src using attr() but that doesn't work for multiple images with one class name. (maybe I'm missing something there) So... how can I change img src="images/imagename.jpg" to: img src="images/alt/imagename.jpg" I'm thinking this must be simple but I've been searching for the solution and can't find it.
Superfish - no wrap
1) When I resize to a smaller browser window for my centered Superfish menu, the menu will change. Example here: http://www.tightcss.com/menus/centered_superfish.html I want my menu to stay intact in one row, no matter how small the window is. How do I make my menu to not wrap? 2) If I have a long text menu alternative within a sub level, the text will split into two rows. How to prevent this?
Adding prototype function as an event handler
Hey guys, I need to know how to add an event to a button. The specific issue is that I want to add an event which is a prototype function of a class. Consider the following as an example: MyTestClass = function() { this.firstName = "Pete"; this.lastName = "Johnson"; MyTestClass.prototype.getFirstName = function() { return this.firstName; }; MyTestClass.prototype.getLastName = function() { return this.lastName; }; MyTestClass.prototype.showFullName
Question: How can i make unique tabs?
Problem is solved! This is my result. Got only one more question: How can i make it scroll verticale instead of horizontale? I tried a few things in the .js files but it looks like it make no sense or something o: i only knew how to edit the scrolling speed not the direction. links for the .js files: jquery.scrollTo-1.3.3.js jquery.localscroll-1.2.5.js jquery.serialScroll-1.2.1.js coda-slider.js Thanks! ~Chris
grabbing table row contents
Hi Guys, I am a lil new to JQ. I have a table and each row has a unique id like so <tr id="123">. I have a edit button in one of the fields on that row, and I want to turn that row into a form. How can I grab all the values of each field in that row and store them as a variable when the edit button in that row is clicked? Here is what the table looks like now and any help would be greatly appreciated! <tr id="e2c420d928d4bf8ce0ff2ec19b371514"> <td><div id="item_name">asdf (asdf)</div></td>
Adding simple prev/next links to gallery
Hi, long-time web designer, new to jquery. I've got a simple enlargement slideshow running from Soh Tanaka's 'Fancy Thumbnail Hover Effect' script here, to which I'd like to add some prev/next buttons to aid navigating through the images. I've looked at the main reference page to the prev and next actions on this site, but it just seems set up to change the colour of a div. Can anyone guide me one how to add these links to navigate through an image gallery like the one I have here? Thanks
possibility's jQuery for a site
Hi, I'm very new to jQuery, but i've bin reading a lot of tutorials and I'm getting very excited. But before I'm starting, I do have a few questions. I could use some advise for what is good and whats not. Also thinking of SEO. The site I want to make has a header within the header the menu, the places of the menu-items must be different on a different page, but within the header. Is this possible with jQuery? The first page contains only one big image under the header. This image must have hotspots
nextUntil selecting too many items
Hi there. I have a simple table structure, like this: <tr class="odd"><td>..</td></tr> <tr class="even detail"><td>..</td></tr> <tr class="odd detail"><td>..</td></tr> <tr class="even detail"><td>..</td></tr> <tr class="odd"><td>..</td></tr> <tr class="even"><td>..</td></tr> I'm standing at the first tr and I want to select every following tr whose class does include "detail". I'm trying to do it with the following idiom: jQuery(this).nextUntil(["class!=detail"]); However it's returning every
.each() function [help]
Lets say I have the following html <div class="tab"><span class="tab_title">bla 1</span> <span class="status_down"> </span> </div> <div id="info"> </div> <!-- info --> <br /> <div class="tab"> <span class="tab_title">bla 2</span> <span class="status_up"> </span> </div> <div id="info"> </div> <!-- info --> I`m new to jQuery and new to javascript ... but I have programming background ... and the following javascript ... function hideInfo() { $('#info').each(function() { $(this).hide(); }); } all
jquery and the activeX control in internet explorer...
hallo everybody, i m a real newbie in javascript and jquery.. till now i was working with flash and html+css, now in going to do something with jquery.. I have a question about the activeX control in IE, because i can see that all the esample in the Jquery website they work great in IE, but i have made a simple animation that move an image along a line with Jquery, and every time i get the activeX control pop up!! So i would like to unterstand why this happen, it will be great a quickly solution..
Problem with toggle/animate
function LeftBut(){ $('#textleft').animate({'width': 'toggle'}, { duration: 1000,}); //This one over works as supposed, have even tried without it, but wanted to post the whole function. $('#textleftbutton').toggle( function() { $('#textleftbutton').animate({left: '+=350'}, 1000); }, function() { $('#textleftbutton').animate({left: '-=350'}, 1000); } ); }Everytime I press the button the animation stacks like this; 1. Moves to right. 2. Moves
Google maps Draggable Markers and showing in <input value="" />
Hy I found this script for recording a latitude and longitude to a text file using php , but I would like to show parametars lat and lng in html <input type="text" value="lat" /> and <input type="text" value="lng" /> direct on the curent page without refreshing the page I found this page and I'm asuming that is posible to do that And I also find a asp version of what i need and that version haw all what i need , but its writen in ASP and I nede it in PHP please help Thanks in advance and sorry
Need help with append() abd selectors
I have set of ListItems on my page, something like this: <ul> <li>Some value</li> <li>Some value</li> <li>Some value</li> </ul> I need to insert another <li> in the list, such that it becomes the second <li> in the list. e.g. <ul> <li>Some value</li> <li>I'm a new list item</li> <li>Some value</li> <li>Some value</li> </ul> I've been trying to use append() to do this, and that works, but it ends the item as the LAST <li>, not the second one. I'm having some trouble figuring out the
Trying to use jQuery on a page with a very large image
Hello, I'm a hobby programmer in PHP with no experience in JS. Somebody showed me jQuery and I was very impressed what could be done with little code. My main website is used to create (large!) custom maps using data made available by the Canadian government (see http://trail.brijn.nu if you are interested). I would love to provide my users with better feedback on the map creation process. For the larger maps it needs to retrieve a bunch of 1000x1000px tiles and stitch them together. The jQuery UI
Next Page