Store input text to combobox (where to save the combobox values? array?) - user settings page
2 text boxes (input type='text') 1 combobox (empty at the beginng OR loading filled in combobox) 1 button (saves the two filled in textboxes to combobox The main question: To store user text in a combobox is not very hard, problem is, on REFRESH..combobox is empty. I need a way to remember those inputs. I can only think of an array. side question: With jQuery, what are the easiest methods to do CRUD operations with an array? Is an array the best way? Purpose: Just a settings page, where you can
Please Help!!! - jQuery conflict when adding jquery.min.js
I have 2 separate things going on my homepage using jQuery. One is a menu calling the following jQuery: <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/my-menu.js"></script> <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.easing.min.js"></script> <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.lavalamp.min.js"></script> The other is a tabbed content box feature that calls the following
Access placeholder value (<input placeholder="Username" type="text" />) ..change text to: "username required"..
HTML5 has built-in placeholder text. Default behavior: On focus form field is empty, on blur placehoder text is there again. Once you type in something ("John").. the blur does not empty it. Now before login button, i want client-side validation..i want to place custom text i red color: username is required. The problem is to get the default HTML5 placeholder text back again! Because if I put red color in there the next time someone writes..it is red. $("#LoginButton").click(function(event) {
noobie q
Hey, I deal with networking most of the time so dont kill me please :D, I have this little problem. I have a submit and a function that I bind to it after clicked. It is supposed to take a value of a textfield that precedes the submit in the table and then do something with it. I really dont know why but I am still getting "undefined". I read some around but couldnt find anything. I guess I will ask a fellow programmer...Of course after clicking each of those submits I need to get the val() of the corresponding
Help on tutorial
Hi, Could anyone explain this more detailed? $(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() { $(this).next().slideToggle(); }); Ok, as i understand it (though it seems, i've totally messed up). We search for DD (find('dd')) in element with ID #faq ('#faq'). If we click on it ( click(function()) then element dt (find('dt')) will be showen or hidden (depending on it's state, as described in slideToggle()). What i do not understand - why there's hide().end()
Webpage coding help..
I am a beginner trying to build a webpage. Here is what I want to do but I am not sure how to describe it: Well here it is: I am basically looking for a HTML code or CSS, or some simple Jquery code: (but I think it can be done with just simple HTML codes) Say that I have a wepage with a full page of words.. and i need to scroll up and down to see all the information. But I know there's a code that when you press on a link on the webpage it will bring you down to the content you want to see, in
Using variables with if/else - syntax help
Hi, I'm getting hung up on something that seems pretty simple, and I think I'm just making rookie syntax mistakes. I have a user dashboard that has a button on it to hide/show one of the panels, and this uses the cookie plugin to remember the user's preference. The cookie plugin provides a variable to use for controlling the display of the panel div, which then just toggles .show() and .hide(). (It returns either "block" or "none"). I want to add a little more to this so that it also changes the
Error running on a linux box - Works ok in Windows
I have successfully used jquery.min.js and aninmatedcollapse.js from DynamicDrive on a Windows server. On a Linux box I am getting an error. I updated jquery.min.js and the error changed to another location in jquery. The overall question - Have there been issues running jquery.min.js on a Linux box? Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; GTB6.4; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729;
Plugin writing
Hi guys I am writing a plugin to wrap some suggestive searching into an application. I needed many suggestive's on one page so i decided to write a plugin to do it.. The plugin is going okay except I am a bit stuck with 1 line of the javascript. This might be a bit off topic but i thought i would ask. In short my suggestive uses timeouts to send the values to the server to get some text back... It basically sets a timeout on a keyup and cancels / resets on the next press... for example if you type
JSON to Array (or how to know number of json objects)
HI, I am writing this code <script type="text/javascript"> $(document).ready(function() { var obj = jQuery.parseJSON('{"a":"sss","b":"sss","question":"whi?"}'); //alert(obj.question); }); </script> how could i know how many objects variable obj has?
What is the Preferred Copyright Notice Format for jQuery?
In the Web sites I build that use jQuery (most of them these days) I have been using the following copyright notice to give credit, which I believe I orginally took from the jQuery site: jQuery Copyright ©2009 by John Resig and the jQuery Team. I notice that the copyright on the jQuery site is slightly different: jQuery Copyright ©2010 by The jQuery Project. Is there a standard manner in which The jQuey Project wishes the copyright notice to be presented?
cross domain load of data
I've been getting to grips with jQuery, mostly with PHP, on my own site and loving it, so trying to use it in a new project I am working on. Basically, I have some content loaded onto a clients server and when it launches it gewts the users previous data from my server. So, to get the initial user data, the page on their server makes a jQuery call to my server to get the users previous progress. My problem is that both servers are different domains, and I am getting warnings about the page accessing
How to set the select after load... help!
Hello guys, the question that I have for you is very simple to resolve I think. I have to combobox, when the user select the first combobox, the second combobox change. After change, it´s show the first data that is in database (the combobox is loading data from a database). What I would like to do is after combobox get the data, it show "Select here your option" and not the fist data from database. Can you understand me? He is the code for a best look. $(document).ready(function(){
How replace content by other content ?
What is the similar in Jquery of : document.getElementById('toto').innerHTML = document.getElementById('tata').innerHTML; $('#totoi).contents('#tata'); So is not contents......You have idea ?
Why is the get() required here?
Why is the get() required below to form a standard JavaScript array? p=$('img.queue').map(function(){ return this.id;}).get(); The keyword 'this' returns a raw DOM element, rather than a jQuery object, so shouldn't the jQuery array from the selector get mapped to a standard array by 'this'?
FadingOUT and FadindIn BackgroundImage. How to
Hello all. I have some images and i would like FadingOut actual image and fadingIn on a new image. And this procedure is repeating for my 5 background images set. I try this code but i don't ran good. Can you help me ? ps: i am a frenshie so sry for my bad english . jQuery(function($) { $(document).ready(function() { $('#mainFrameCentre') .animate({ backgroundImage: "images/bg_text.png", backgroundRepeat: "no-repeat" } , 10000);
.hover problem with hoverout
Hi, the hoverout does not work because of the index. I need a unique class on every item so the index works fine with addClass, but removeClass does not remove the class. I don't know why. $(function() { var $items = $('#myItem'); $items.hover(function(){ var index = $items.index($(this)); $(this).addClass('hov'+ index);},function(){$(this).removeClass('hov' + index);}); }); Is there any other solution? jbobbele
Tabs with UI
Hi all, I am using http://docs.jquery.com/UI/Tabs works great, except that I cannot style the tab buttons how I want them. Is it possible to use Tabs without any styling, so that I can fully style using my global stylesheet? Appreciate any help. Thanks
.hover problem with houverout
In this example a unique class for each item in a list is needed. To do this I added the index of the hovered item to the class "hov". The code: $(function() { var $items = $('#myitem'); $items.hover(function(){ var index = $items.index($(this)); $(this).addClass('hov'+ index);},function(){$(this).removeClass('hov' + index);}); });The hoverout (.removeClass) does not remove the class. I don't know why. Please help. Is there a better way to do that? And why the
Jquery cascading listbox multiselect problems
hai, everybbody me new in jquery i have two cascading listbox with multiselection enabled .How i bind data to the listbox through webservice and jquery any idea thanks in advance
IE7 ignores my script
Hi All, Im using a small jQuery-script that inserts certain classes in a table-structure, in order to get a horizontal design. Works like a charm in FF but IE7 seems to completely ignore the script, or render it wrong. The script: $(function(){ $(".projectView").wrapInner("<table border='0' cellpadding='0' cellspacing='0'><tr>"); $(".file, .textblock").wrap("<td>"); }); The site can be found here: http//www.rayurban.com/cami/ Help! peter
problem: can't remove new rows in table
I want to be able to add and remove items (rows from a table). Right now i am able to add rows seemingly without any problem. And here is the thing I haven't been able to solve. When clicking on my image I can remove items that is created upon page load. But i can't remove items that I add after the page load, with the help of jQuery. Any thoughts on what is wrong with my code and why? My code jQuery code: $(document).ready(function() { $('#addItem').click(function() { var new_category = $('input#newCategory').val();
date picker error
I am using the jquery date picker for saving the profile information. If am entering the date and save, then its showing 1 day minus . ie, saved the date which is 1 day before the date I entered. Here I attached the document which contains my configuration for this. please find the attached document.
datepicker
I am adding jQuery’s datepicker to one of my VS projects and cannot seem to make the onselect event work in the datepicker script function. I have attached the html . AlI help is greatly appreciated! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>jQuery Calendar</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
After submitting form to jQuery show the orignal DIV contents after some time
I'm new to the whole jQuery stuff and really like it! I'm really a graphic designer but like this sort of coding two! I'm currently creating a simple shoutbox system. The whole shoutbox is in one DIV (shout_box). The DIV shows the 8 latest posts and below that you can enter a new shout / post. I used some script to submit the new post to a PHP page which fetches the data using Post. Then the script displays the message that the post has been added. This works great! However after 5 seconds I want
Creating dropdown list problem
Hi, I'm working on a project where I'm generating a drop down list of roller coasters that are categorized in xml by different parks. I have coded the script to loop through the xml and create an <option> set of tags each time it hits a new <photo>. After creating the drop down lists I want it to run so that when the user selects that area it'll show coaster pictures that are associated with that particular <photo> section park. I have pasted the code that I've written for the first step of generating
Referencing an unnamed form
Hi, I am using the following system to create my forms : <% using (Html.BeginForm()) { %> Now I want to refer to the form in JQuery, but all the examples I can find refer to the form by it's name. How do I refer to my form if it doesn't have a name? Thanks, Mike
Retrive "name" value of an checkbox
I have a variable "nonsopiu" containing a html string like this <input type="checkbox" class="miaclasse" name="1"> <span>something</span> alert(nonsopiu); give <input type="checkbox" class="miaclasse" name="1"> <span>something</span> I want to have value of "name" of input field in a new variable but i don't know how ..
Add new contents to web page automatically
Greetings! I am new to jquery but am under the impression that it will help me achieve the following goal. I have searched this site and googled for a solution but did not succeed. I have a web page that is going to kick off a backend script (perl) with a click of a button.The script consists of a bunch of sql queries each returning a result (success/fail). The script should be running until either finished or if one of the steps fails. On success i want the html page to be updated in more or less
Help with onmouseout timed with 3 paragraphs
I have the following code. What I want is that everytime the user does a mouseover on Contact he can see the info on class para1. When he does a mouseover on Description he can see para2. Then on More he can see para 3. Yet if he wants to see the description he can do so. Once he is out of the popupbox description the popup box should disappear. This should also happen with para3. <div id="sidebar"> <ul> <li><a href="">Contact</a></li> <li><a
select checkbox with this name
The name of the checkbox is ctl00$cphMainContent$702$cbSelect please note there are more then one checkbox but want to select them all I am having a hard time finding the right selecttor so far i tryed this var CheckboxList = $('input:checkbox'[name*='cbSelect']) can any one help me ?
Need help using jquery ajax for html forms.
Hi, I am having problem making a html form to use ajax to submit post method data to a php file then run a javascript function that runs the jquery .post function to grab some data from a php script. so far what's happening is that my html form will act just like a html form. Meaning when the user submits the inputs it will redirect the user to the php file. here is the code: here is the javascript: [code] $(document).ready(function(){ $(document).pngFix(); $("#message_sending1").submit(function(){
UI / Utility / Position
Hello, everybody! I'm a n00b with jQuery, finding my way through things slowly. Just as I started to think I understood things, I started wading into the jQuery UI territory and well, I'm confused again. But let me begin with my problem: I need to be able to position a flyout menu to the right of the main menu. I'm sure there's a plugin for that but for a variety of reasons, I'm stuck with what I've got here. What I'm actually doing is taking a couple unordered lists which are display:none and .clone()-ing
Using datepicker
Hi, I am just picking up JQuery and started with the DatePicker control. I have added a datepicker to my .NET page and it works fine, but is missing some of the cool functionality of the example from the JQuery site. In this example http://jqueryui.com/demos/datepicker/, when you change the date within the textbox, the date highlighted on the calendar also changes to reflect this. But when I use the code in the demo from the download, this does not happen. Can anybody help? Here is my code
Hide isn't working in IE
Hi, This code works fine in Firefox, but in IE the fields don't "hide". I have a pull-down menu that is supposed to allow the user to hide or display two form fields. Any help is appreciated. <html> <head> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <!-- version 1.6 --> <script type="text/javascript"> $(document).ready(function() { $("#hideornot").change(function(){ var hideornot = $("#hideornot").val();
A Popup for Shopping Cart
I am not sure if this is the correct forum category or not. If not, my apologies. Please move to the appropriate forum. I am using ProductCart shopping cart for all my ecommerce sites and I wanted to know if there is jquery plugin or script that will allow me to open/close a popup displaying the cart totals. I am looking for something of this nature: http://www.sitepoint.com/examples/ppopup/tooltip4.html I am not fond of the body onload method but the real issue is that the shopping cart totals
Using onChangeTopics in textfield !
Hi, I'm trying to test the following code to copy a value from textfield source to the textfield destination,but the property onChangeTopics doesn't work well, whenever i write something in the source textfield his value is not submited, any help plz?? <s:form id="test"> <label for="sourceString">Enter string: </label> <s:url id="urlsimpleecho" value="texfieldDestination.action"><s:param name="sourceString"/></s:url> <sj:textfield onChangeTopics="textfieldUpdated" href="%{urlsimpleecho}" id="sourceString"
jquery, .next() not working when using in $.get callback function
Hello, I am newbie to Jquery, i need help for the following, When i use $(".rateit").click(function(){ $(this).next(".rateoptions").html('My options data here'); }); It works smoothly, But when I use this in a callback function it doesn't work as follow; $(".rateit").click(function(){ $.get("test.php", function(data){ $(this).next(".rateoptions").html(data); }); }); I will be thankful for your help regarding this fix.
Learning JQuery 1.3 - Expanding and Collapsing
I have a dynamically created table and I’m using Learning JQuery 1.3 to toggle open and closed different sections of the table. The table is as follows: <table id="topics" width=700> <thead> <tr> <th>SUBJECT</th> <th>SELECT</th> </tr> </thead> <tbody> <tr class="parent" id="1"> <th colspan="1"><strong>TOPIC 1</strong></th> <td><input name="" type="checkbox" value="" /></td> </tr> <tr class="child-1"> <td>SUB-TOPIC 1</td> <td><input name="" type="checkbox" value="" /></td> </tr> <tr class="child-1">
Hiding Div tag on mouseleave
Hi all, I am trying to display content when mouseenter the div tag with id="test" when mouseleave i want to hide the contents.It was working fine only once. I want it to repeat that when ever mouseenter or mouseleave. Could any one help me please..... Test1.txt contains - just text <html> <head> <style> div #load{ float :right; border: 1px solid gray; } </style> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#test").mouseenter(function(){
Next Page