Clone Textarea Problem
Hi All, I created form for my website. When i click html "add" button, js create textarea. But if submit form, I cant get new textarea's value. It disappeared. function add() { //Create an input type dynamically. var OncekiTxtBox = $("#TaskJob"+TotalTxtBx.toString()); var OTBValue = OncekiTxtBox.val(); if(OTBValue == "") { alert("Please fill textbox."); return false; }; TotalTxtBx = TotalTxtBx+1; $("#JobCount").val(TotalTxtBx);
Clone textarea problem
Hi all, I have a problem with Clone Textarea. When i press html button, page create a new textarea. But after submit, Page cannot send textarea info. I use jquery 1.4.2 but i tried on 1.2.x and 1.3.x. function add() { //Create an input type dynamically. var OncekiTxtBox = $("#TaskJob"+TotalTxtBx.toString()); var OTBValue = OncekiTxtBox.val(); TotalTxtBx = TotalTxtBx+1; $("#JobCount").val(TotalTxtBx); var foo = $("#fooBar"); //Append the element in page
load() jQuery API
hi all, im new, i have a dropdown menu and with load() i want to call a data.php file which sends the value of the selected item from the menu to the php file and then take the results from an xml file. now the code is : $('#display').load('data.php', { 'value1': value} but it doesnt seems the value1 to be send to the data.php where i have $q=$_GET["value1"]; to take the value1. sorry for my bad english
Multiple sliders on 1 page
Edit: See another problem below... Hi guys! I cound't find a suitable content/image slider, so I've made one myself. It works juist the way I want it to, BUT: I can have only one per page, otherwise they "slide each other"... I could copy and paste the code, changing the names, but that ain't a nice solution, so I guess they should have ID's or something, but I dont know how to do that... Thx in advance! $(".slide_nav li a").click(function () {
input type="image" submit probls
Hi Everyone I'm hoping you can help me. I'm a total beginner so please be patient. I have a form like this. <<form action="index.php?_a=tellafriend&productId={PRODUCT_ID}" target="_self" method="post"> <table border="0" cellspacing="0" cellpadding="3" id="TAFriend"> <tr> <td align="right"><strong>{TXT_RECIP_NAME}</strong></td> <td><input type="text" name="recipName" value="{VAL_RECIP_NAME}" class="textbox" /></td> </tr> <tr> <td align="right"><strong>{TXT_RECIP_EMAIL}</strong></td> <td><input
Why would you ever want to add a backslash into tags with jQuery?
Hi, I am new to jQuery and have been using some pre-written code to learn with. One piece of this code is using the .after() function to add in some tags, I understand that concept, I just don't understand why they would be adding some thing like this: <\/ul> What is the purpose of that backslash in there? This is the whole line: jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul><\/ul><\/div>");Thanks for any help! -Brian
Geting info about select items
Hi, ok I start using jQuery - great job! but my question is i have a select statment <select id="dd"> <option value="1" e="0"> Data</option> <option value="2" e="0">Another Data</option> </select> and a button <input id="add" type="button" value="Add"/> now when i cilck on button i want to generate a input like so <input type="hidden" name="'A'" value="B"/> whear A = option value B = option e i now how to get the A but don't now the B My code $("#add").click(function() { var $id = $('#dd').val();
Showing source of one <div> in another with a regular expression (regex) html().replace()
Ok I give up and wondered if one of you guys could cast their eye over this for me? QUICK VERSION: <div> with id of 'rendered-view' contains the rendered version of: <a id="link1">blah blah</a> <a id="link2" href="http://www.somesite.com"><strong>Visit this site</strong></a> i.e: blah blah Visit this site I want a <textarea> with id of 'source-view' to contain (without the ids): blah blah <a href="http://www.somesite.com"><strong>Visit this site</strong></a>
How do I learn how to design a rotating banner for my site?
If there's an easy way, please share, I'm just learning jquery so that my site looks uniform on all devices. any input or advice would be great! Thanks!
Selecting <tr> elements that do not contain <th> as descendents
Hello, all. I try to follow the book example and try to select <tr> elements that do not contain <th> as descendents. I try to use the selector $('tr:not([th]):odd') against the following table. <table> <tr> <th>Title</th> </tr> <tr> <td>Field 0</td> </tr> <tr> <td>Field 1</td> </tr> <tr> <td>Field 2</td> </tr> </table> However, it keeps on saying the odd count as 2, rather than 1. Please help. Thanks!
Async JSON Flickr call + Fancybox reference problem
Hello! I have a working code example of getting a flickr feed with the help of JSON and present it on my web. Check it out: http://www.prototype.se/flickr/flickr_feed_basic.html I found the script to do this on several websites but I am not sure who wrote it... anyway: I modified it to work with fancybox to show the big pictures in the feed instead of jumping to the flickr page. My problem is (I think) that the JSON call is done after or while I execute the fancybox code. So when I try to build a
multidimensional ragged arrays
http://dl.dropbox.com/u/3595000/work/jq/t2.htm <br/> Why is this essentially random under refreshing (in ff3.6 & Chrome 1b)? <br/> Assuming it can be made deterministic ... the goal is to find selectors for this type of dictionary that would, eg, select all 3rd letter a's followed by t's... <br/> Although this is a small dict a larger dict eg the Scrabble dict is envisioned - and it must be fast and deterministic.
get pixel rgba clientside with jQuery?
I need to get the alpha value of a pixel at known coordinates in a png image. I need to do this clientside. I don't want to use flash. I have been told there is no way to do this with javascript. What about jQuery? Can this solve the problem for me? Thanks, Sam
How to send a file and a text field with a form and process the json response
Hello I am a rookie using jquery, and I took a couple of days trying to get upload a file, but do not know. I have read a lot of manuals and have tried a lot of plugins that I found on google, but not having much idea I could achieve my goal My goal is to send a form with two fields: a picture and a key to http://www.dumpyourphoto.com/api/upload_photo/json. This website will give me back a reply with the url of the photo that is what I have to deal. I've failed with this: <script type="text/javascript"
How to send a file and a text field with a form and process the json response?
Hello I am a rookie using jquery, and I took a couple of days trying to get upload a file, but do not know. I have read a lot of manuals and have tried a lot of plugins that I found on google, but not having much idea I could achieve my goal My goal is to send a form with two fields: a picture and a key, to http://www.dumpyourphoto.com/api/upload_photo/json. This website will give me back a reply with the url of the photo that is what I have to deal. I've failed with this <script type="text/javascript"
serialize data post to php
Hello All, Sorry, I know this has been asked multiple times, but I have read all the other threads and still can't seem to get this to work properly. I need to pass the following data as an array to a php page for a MySQL insert: <form> <input type="text" name="fruits[]" size="30" maxlength="50" /> <input type="text" name="fruits[]" size="30" maxlength="50" /> <input type="text" name="fruits[]" size="30" maxlength="50" /> <input type="text" name="fruits[]" size="30" maxlength="50" /> </form> When
Help! New to jQuery - can't get the js files to work.
I am fairly new to jQuery and I am trying to add some to my portfolio. However after spending a day working on it and reading instructions I am unable to get any movement. I have tried a few different scripts with the same issue so I am pretty sure I am doing something wrong. I was hoping someone here could help me or tell me what I am doing wrong. I am trying to add this script: http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/ Everything I need is downloaded. My code
ajax load event
I need to run some javascript after a div content is loaded with a partial update. $("#divCheckBoxList").load(function (){ alert("hi"); }); the above approach is not working. Any Advice?
Fade Background Image in Nav
I am trying to improve my navigation so it fades from one background image to another using jQuery. I have heard the benefits to using it so I want to give it a shot. So I searched the web and found this tutorial. http://jqueryfordesigners.com/image-fade-revisited/ I am using a transparent png background image sprite with text overlaying the background image. The tutorial uses jquery to fade a div on top of another looking like it fades. Since I am using a transparent png, that wont work. So, is
Simple question..
Hello everybody, I guess the answer to my question is as simple as the question, but I couldn't find the right answer on the internet.. so i'm posting my problem here :). I use ui.datepicker <script type="text/javascript"> $(document).ready(function() { $("#date").datepicker({ //???look here maxDate: '0D', changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', showAnim: "fadeIn",
goto url based on form
Hi there, Im new to jquery so bear with me... I have a site setup where i can sort content based on keywords in th url. e.g. www.examplesite.com/keyword will only show content related to the keyword. I want to have a form that takes a text input, apends it to a string and when you press enter redirects you to a url based upon the input. so putting entering 'foobar' and pressing enter sends you to www.examplesite.com/foobar heres the code i have so far, it will only send me to www.examplesite.com?keyword_search=keyword
Error: $ not defined
Hi, Just downloaded jq & jqui - previously used YUI to make stuff draggable - thought I'd give jq a go ... So I downloaded jquery1.4.2 & jqueryui1.8.3 got a problem with draggable, keep getting the following error in FF Error Console:<script language="javascript" type="text/javascript" src="/jscript/jquery.js" ></script> <script language="javascript" type="text/javascript" src="/jscript/jqueryui.js" ></script> <script type="text/javascript"> $(document).ready(function() {
How to reload a tab every time its clicked?
Sorry, im pretty new to javascript in general. I kind of went backwards and learned php/html first and didn't really delve much into it. I've searched the forum and there are many threads on this subject. I went to every one and am unable to get it working for me. Anyways, I want a particular tab to reload the content each and every time it's clicked on. I'm having a hard time understanding the functions. what im trying is $('#reports').tabs('load', 0);Where "reports" is the div id of the tab.
Main-content with slider - from links outside the div or ul li
Ok dunno if this is where i should be posting etc... but going ask anyhow... I'm trying to achive something that currently none of the sliders do, as far as im aware i have a main-content area inside a container, i want to use links from outside that area which is a sidebar. the goal is to load the "contact" "about" contents inside that slide-container located inside the main-content area... currently seperating the links for clicking to make the slide slide doesnt work when the <a href="contact.html">
beginner question
hi, i wanted to know if i need to be familiar with javascript before start learning JQuery? or it is just recommended but not necessary? thank you.
Making hover work.
var hovers = { hoverAdd: function(object) { $(object).addClass("tmpExampleOver"); }, hoverRemove: function(object) { $(object).removeClass("tmpExampleOver"); } }; $(function() { $("div").hover(hovers.hoverAdd(this), hovers.hoverRemove(this)); }); I am trying to pass the hover functions instead of defining the functions inside the hover method. Cant get it to work. Help appreciated.
Calling object inside of jquery function?
Hi, I am having a question about this and that and so on. As you can see i have my modal object beneath and i'm having a problem dealing with "this" inside the jquery ajax function. As you see i want to update the modal_content inside of the jquery ajax function but can't do that because "this" points to the specific jquery function and not the object the jquery functions is in, i tried to declare "that" as "this" but that didn't work either. Hopefully you can understand my description but if not
[refresh flash] How to refresh flash object using jQ, on button click
Hi! I have small html page, with flash content and text under it. I wonder how do I reload the flash (with different set of flashvars), after the button click. Thanks in advance
UL LI Selector
Hello, I am newbie to jquery. tried to search through the posts, but could not find a solution to this. hence posting. 1. HTML <div id="content"> <ul id="sub_navigation"> <li id="find"><a href="#">We Help Potential Clients Find You.</a></li> <li id="login"><a href="#">Login</a></li> </ul> </div> 2. I need to select the login from Java script and when clicked . need to display a pop-up login box. I am not able to select the specific (#content #sub_navigation li ) login ... to put a pop-up.
Wrapping an X amount of divs with a parent div
Hi, I would like to wrap a single div (with id="LeftForm") around the first four divs in my form -- around the divs "EditableTextField1" to "EditableTextField4". Starting with: <div id="EditableTextField1"><label for="Form_Form_EditableTextField1">Name:</label> <div><input type="text" name="EditableTextField1" value="" maxlength="20" size="20" /></div> </div> <div id="EditableTextField2"><label for="Form_Form_EditableTextField1">Name:</label> <div><input type="text" name="EditableTextField1" value=""
dynamic changing the contend
Hello, i've got a simple but for me insoluble problem. i've have to create an unsorted list <ul> where the li's are cliable und hoverable or the links, when its not w3c confirm ;-) problem: when i click on a link an php-scipt should be called and some contend should be changed. but witch contend, is managed by the script. example: <ul> <li class="button" id="c123"> <a href="/script.php?button=c123">Category 1</a> </li> <li class="button" id="c124"> <a href="/script.php?button=c124">Category
Unable to Download
I cant download the program. I am operating on Vista 32 bit. error: Window is undefined; Code 800A1391 ; runtime error Any solution"
Jquery remote JSP
Hi, I'm trying to validate a form, checking if the email is already in use. rules:{ email:{ required : true, email: true, remote : { url : "/checkEmail.do", type: "post" } } } but it never reaches the servlet that I configured for it <servlet> <servlet-name>EmailServlet</servlet-name> <servlet-class>be.kdg.carpool.servlets.EmailServlet</servlet-class>
Find the first letter of the last word with inside a string (string can have multiple words)
Hy, is there a way to find the first letter of the last word in a string? The strings are results in a XML parser function. Inside the each() loop for every node i catch the string like this: var str = xml.find("name").text(); str can have multiple words: Examples: str = "One Two Three"; str = "Hy what's up!"; In the first example i need the letter "T" in the second example i need the letter "u" -> those are the first letters from the last words. TY
Why don't my DIV's fade back in?
Hello, I have a set of 18 DIV's and when you mousein one of them the others fade out, then when you fade mouseout they are all suppose to fade back in. All of the links do, but my divider DIV does not fade back in. I don't want to add it to the class .footerlink, because I just want it to fade out and fade in with the rest but when you roll over the #divider div nothing will happen. Can you help me figure out why when you mouseout the #divider DIV stays faded out? DEMO jQuery: $(function() {
Adding multiple objects with popup calendar?
Hello All, This may end up a double post for that I apologize. But I posted this last night at around 1am as well but haven't seen it yet. I'm looking to add a div of multiple objects with an attached popup calendar like so: <div><input text><input text w/popup calendar><add button><delete button></div> Basically I want to be able to add a row while retaining previously entered data, and be able to delete any row within a form like this. <form> <div><input text><input text w/popup calendar><add button><delete
Check whether a website is online or offline
Hello again I've commited a post before about how to make a Jquery ping script, Well I've got it working, but the problem seems to go further than that. As a matter of fact, I have this script for rebooting / halting the server the script is running from: //JavaScript Document function testServer() { $.ajax({ type: "POST", url: "../php/server.php", data: "Daisy=Daisy", timeout: 2000, success: function(msg){
This keyword problem
Hi all, I can be considered very newbie to js and jquery land. My question is related this keyword and function binding. I want to bind my sampleMethod function to anchor however I want to still use properties of in sampleMethod. In case at below this function is referring anchor element. How can I do what I want? var vanillaFunction = function(){ console.log(this); x = 1; this.sampleMethod = function(){ console.log(this);
FadeIn is very slow with IE
Hello i've noticed that when using the fadeIn method in medium/large pages the fade in / fade out effect is very slow and laggy when i test the same page in other browsers such (firefox/opera/chrome) its run very smooth no matter what the page size is.... this is very annoying. is there a fix for this problem? here is my code LoadMessage = function(MessageHeader,MessageContent) { $('<div id="MessageContainer" class="COMessageContainer"></div><div class="COMessageTapet" id="MessageTapetID"></div>').appendTo("body");
Lost in the wilderness
First post here so please excuse any errors. Building a new website for my club. Decided that 'moving' images - Ken Burns style - would look good so spent days on the web trying all sorts of stuff. Eventually settled on Cross-Slide by Tobia Conforto which uses JQuery 1.4.1 and mootools. All went well in IE6 but IE8 has the images positioned everywhere left/right although OK top/bottom. Upgraded to JQuery 1.4.2 but no better. Understand there are issues with JQuery and IE8. Have programmed for over
Next Page