JQuery: Multiple vehicle specification data
Hi Everyone, I will make in a Web page Users specify a multiple private vehicles data and address data and then save the specified data into database. The whole thing is to be realized with JQuery. Does JQuery library a method that can do that easily? Thanks in advance.
Conflicts with jQuery Libraries - Site Needs to go Live - Please Help!
(Issue resolved) Hello everyone, Here's what's happening: I have a website up on a test domain right now that I'm almost completely ready to move to the proper domain, but this issue is keeping me from putting it all together. You can follow along at the test domain here. (user removed link) As you can see, I have 3 site elements that use jQuery: Twitter Slider Box (bottom right of most pages) Drop Down Menu (nav menu on all pages) Flickr Gallery Wordpress Plugin (/photos/)In my header.php file I
Pagination in Image Jcorousal
To represent page numbers in Image jcorousal following is the html <div class="dvPagi"> <div class="jcarousel-control"> <a href="#" class="active" id="1">1</a> <a href="#" id="2">2</a> <a href="#" id="3">3</a> <a href="#" id="4">4 </a> <a href="#" id="5">5</a> <a href="#" id="6">6</a> <a href="#" id="7">7</a> <a href="#" id="8">8</a> <a href="#" id="9">9</a> <a href="#" id="10">10</a> <a href="#" id="11" >11</a> <a href="#" id="12" >12</a> <a href="#" id="13" >13</a> <a href="#" id="14" >14 </a>
Prevent an event while in another event
I want to be able to prevent an event from running while another is in progress. For example, on this page http://www.queness.com/resources/html/newsslider/index.html if you click "Next" a number of times quickly, it stores all the clicks in a queue and will continue to run all the clicks way after u finished clicking, how can i prevent another event being added to a queue while an event is running?
rotating text links
Hi everyone, I am very VERY new to all of this but was wondering if anybody could point me in the right direction. I want to display a line of text sorta like this... circle | square | triangle | heart | something else | rectangle and have each word link to seperate pages. But, I also want it so it rotates (say every 6 seconds) so there is a new line of words and links that appear. Can anybody help me? I would really appreciate any help at all. xo
.change or .delegate with 'change'
Is there a way to get each keypress to recognize? Here's my code: $("#makeContent").delegate('#makeSearch','change',function(){ var searchVal=$('#makeSearch').val(); $("#makeWrapper").load("../i/php/ajax-makes.php?page=1&search="+searchVal); }); I'm trying to get the PHP script to .load on each keypress rather than hitting enter. When I use 'keypress' instead of 'change', I have to type REALLY fast for the browser to pick it up. Ideas? Btw, #makeSearch is the
Can anyone help me convert something from Prototype to jquery?
I am beginning to learn jquery but I have one piece of prototype that I am having a hard time recoding to jquery. It is basically a flash message for a regular flash message and ajax requests to the server. Thanks! /*--------------------------------------------------------------- Setup Flash Messages UI ----------------------------------------------------------------*/ document.observe('dom:loaded', function() { Flash.setup(); }); /*---------------------------------------------------------------
"change" or "delegate" don't appear to work with IE and dynamic content. Why?
How can I make "change" or "delegate" work with a drop-down menu and dynamic content in IE (i.e. IE8)? $("select.cat").live('change', function() {... $("select").delegate(".cat","change",function() {...Nothing seems to work with IE. Does anybody have a suggestion to address this frustrating matter? What else could I try?
JQuery parsing table
Here is a sample code for parsing table with J Query. I would like to improve it, any suggestions? https://gist.github.com/45cb4fbddae03fb0bd61
onchange on checkboxes fires n times
Hello, I have a problem. I have a series of 6 checkboxes with the same name. The purpose is that whenever one of these is checked or unchecked, another part of the page is filled again based on an AJAX query, that has the values of all the checked checkboxes as input. I added an onchange event handler like this: $('[name!=stage]').change(refillActionsParameters);what happens is that this handler function gets called 6 times when I check or uncheck any of the checkboxes. As a remedy, I put the onchange
create form in new ui-tab and set its values
hi, i'me new to jquery and ask myself how i should realize the folloing task: i built a windows-explorer-like application based on jstree, ui layout and jqgrid to display db-values. the titles of the parent-child-related record-sets are displayed as tree into left pane, other informations of the child-elements of the the selected element are displayed also as grid into right pane. to edit a recordset the user clicks its row into the grid, what opens a new tab. now i ask myself how i could create
jQuery Ajax issue - IE only
I've got the below function that works perfectly fine in FF, but it acts like nothing is happening in IE 8. I've tried the no cache option, my own url random addition and numerous variations. I'm new to jQuery and was hoping to find out why this is an issue and how to resolve it. function chg_class() { $(document).ready(function() { var ls_data = "r=cc&m=class_chg&class_id="+class_id+"&gender="+gender; $.post("events/ajax.php", ls_data, function(data)
Jquery Datepicker - using radio button to select days ahead.
I would like to use a radio button to control the datepicker so that it changes the days that can be selected. i.e. radio choice 1 - user can only select four days in advance. radio choice 2 - user can only select two days in advance. radio choice 3 - user can only select one day in advance. I am using the Keith Wood version of the datepicker : http://keith-wood.name/datepick.html This is the code I am currently using for four days in advance: $(function(frm) { var fourWorkingDays = new Date();
jQuery check checkbox via MySQL query
I have a form with a group of checkboxes. Each checkbox in the group is named "foo[]". The user clicks one or more check boxes then clicks next. The values of the checkboxes are then stored in a MySQL database via PHP. No big deal. Suppose the user wants to go back and change his/her selections. I'd like them to see what boxes they checked previously. I'm trying to figure out a good solution to this. Since I need each checkbox to be named "foo[]" for PHP purposes, I can't give them a unique name.
Using .load() function for multiple divs help!
Well basically, I'm trying to use the function once which is .load() and fetch my content from there, then after that I'd like to seperate the class's or div's I'll be using such as <div id="test1">This content will show in the external website</div> But I'm having trouble doing that, I've used multiple lines just to load the same page and take small bits of content out and it doesn't work well together as some load's results will be different compared to the others. Heres my code:
Click anchor does not work properly in IE7 .
The following code was tested in Firefox and works also in IE 8. But when clicking the anchor (id=movefoot), it does not work in IE 7. Any idea....? jQ code : $('#movefoot').click (function (event) { // move footer event.preventDefault(); switch (footeropen) { case (true) : $('#footer').animate({ height: '30', }, 500, function() { // function when animation complete. footeropen
HELP: replace script
Dear, How to I write a script to replace text, like below how to I use Jquery Script change GeoTrust under class content to VeriSign..?? ---- <div class="header">A trusted leader in online security services</div> <div class="content">GeoTrust® is the world's second largest digital certificate provider. More than 100,000 customers in over 150 countries trust GeoTrust to secure online transactions and conduct business over the Internet. Our range of digital certificate and trust products enable organizations
"tabindex" selector: IE6 Vs FF3.6
Currently our company is migrating from IE6 to FireFox 3.6. For some time both browser will be used in parallel. The selector $("[tabindex]") seems to act differently on both browsers, consider the following code: <script type="text/javascript"> $(document).ready(function() { var output = ""; $("[tabindex]").each(function(i, elem) { output += "<br/>"; output += $(elem).attr("text") + ":" + $(elem).attr("tabindex"); }); $("#result").html(output); }); </script>
Convert JS Object to JSON via jQuery
I am trying to convert a very simple JS object as follows to JSON, cant seem to find the solution var obj = []; obj.ssl_card_number = "xxxx 6535"; obj.ssl_expdate = "0412"; mse
variable link base on browser version
Hi, How do I do something like this? If browser is IE7 do this link Otherwise Do this link? I kinda have an idea that it has something to do with $.browser(); But I don't know how it is done in practice? Are there snippets for such code? Thanks
How to get all checked radio button values
I'm having a bit of trouble getting the checked radio values from my form so I can submit them via AJAX. The main problem is, I do not know what the name is going to be, and there could be any number of them. Here is a basic example of the HTML code (It is dynamically generated). <form id="addnew"><input type="hidden" name="clientid" value="1" /> <table class="clientareatable" align="center" cellspacing="1"> <tr class="clientareatableactive"> <td>This is a test question 1</td>
a timer in jquery, how did this guy do this?
Hi guys, While surfing the net I've found this cool sudoku game. It also has a timer counting the seconds while you are playing the game. In this counter I am interested. How did he create it? I want a similar thing on my site with the same functionality. Here is the game: http://www.anti.ro/games/sudoku/ Click: play game and see the counter/timer in the lower left corner Also when you press pause, the timer will stop. When clicking resume game, it will continue. Well how did he do this and how can
Show part of content again which is hide()
Hello, Is it possible with jQuery to show a part of the content again which is already hide? <!DOCTYPE html> <html> <head> <style> #div1 { float: left; border: 1px solid black; background-color: #EEEEEE; width: 200px; height: 200px; } #div2 { background-color: #FFFFFF; width: 100px; height: 100px; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <button id="hidr">Hide</button> <button id="showr">Show</button> <div id="div1"> <div id="div2">
Automcomplete and Lightbox Popupwindow
Hi, i use a jquery autocomplete textbox. if the user press the the search button a lightbox popup will display. take a look to the source. i replace a link with a new link and the found id of the autocomplete box.but that works only if the user select something. if he select nothing , i want change the link with the entered query string . something like Popup.aspx?q=test but how can i get the entered query string of my textbox (txtsearch) ? var xUrl = '<%=ResolveUrl("~/Search_VB.ashx") %>';
multi-layer dynamic slider
Hey everyones,I am new to jQuery, but I used it a bit already. I am working on a project and I think this place is perfect for asking :) Ok here is the project: I am doing a website where the user can design is own skateboard. My idea was a slider 900x500, where the user would see the shape of his skateboard. He can look at different shape until he find the one he like. When he found it, he would press a continue button. Then, a new layer would be add over where he would select the graphics he want,
How to get dynamically generated ID by Class Name
Hi all, hoping this is the right forum to post in... I'm stumped on a jQuery related development task. I'm using jQuery in a SharePoint Web Part...The web part pulls data from a list and displays each item as a link button. When the link button is clicked it uses the jQuery-UI to display the body of the list item in a dialog box. I have this working perfectly when all of the class names are hardcoded. So in this code dialog0 is the class name for the body of the first article. newTitle0 is the linkbutton
HELP - Trying to return the left css value after using 'animate' function
I want to return the value of the left css property of a particular <div> after I have moved it using the animate function in jquery. I have it return correctly on second pass but it wont see the new left property value even though I am requesting the value after the animate function has completed? Any thoughts on what I am doing wrong? $(document).ready(function() { var ThumbNailPosition function returnThumbPosition() { ThumbNailPosition = $('.showcase-thumbs li').css('left');
How do I update DOM after setting value to a Field?
Hi, I'm developing one application that have two iframes. These iframes are ARS forms. So, I need to transfer information from one to the other one and after that, call one save method of the ARS form. (Ps: both have the same src attribute, in other words, the same form). Ex: var vl1 = $("iframe1").contents().find("field1").val(); $("iframe2").contents().find("field1").val(vl1); It's displaying the information correctly, but when I call the save method, this information that I transfered is lost.
DATE PICKER rang and multiple together
Hy, I'm building a booking web page and need help wit this code http://www.eyecon.ro/datepicker/#about I need someting like flat: true, date: ['2008-07-21 - 2008-07-28', '2008-08-10 - 2008-08-16', ..... ], format: 'Y-m-d', calendars: 3, mode: 'multiple and range', - select range: yes but just one range and not to interfear to ranges that are seted (date:) ore if not posible yust a multiple range can be shown in calendar (date:) and not selectable at all Please help me and sorry for my bad
how to search smongst a selectors children for a named element?
i want to access a div nested within another one. the parent is clicked setting off the function but I want to operate on the child, and by its name. I can't figure out the appropriate way to access this specified child. help? thanks $(".content-item").click( function(){ $(this).addClass('div-selected', 500); $(this).siblings(".content-item").removeClass('div-selected', 500); $(this).next('#contentPlaceholder').load("content-template.html");
Is it possible to make virtual tyoe of method in jquery?
Is it possible to make virtual tyoe of method in jquery, that can be overridden?
Controlling scrolling behaviour with jQuery
So I have a page that is split into 2 columns. The left column there are expandable forms that are quite long to ask the user optional product preferences. On the right side of the page there is a much shorter, 'contact details' form. The contact details form is mandatory. The behaviour idea is that as the user scrolls down to complete the left column optional forms, the page will only scroll the left column - the contact details forms displayed in the right column stays in place to avoid a big gaping
error 'o.find' is not a function
hi. i am using opera 10.61+win 7. after write this // ==UserScript== // @require http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js // ==/UserScript== movie = $(".moviename-big").parent().parent().parent().find("span").html(); i've got an error in opera console: Uncaught exception: TypeError: 'o.find' is not a function whats wrong? maybe opera javascript cause this error? thanks
Autopopulating date inputs from dropdown
Hi, I have been asked to replicate a feature of a application form... http://www.quickcashpayday.co.uk/apply.aspx If you go to the "payday frequency" dropdown in the 2nd half of the form you will see that it auto fills the payday & next payday input fields... How can I do this?? If anyone has a plugin or tutorial that will help or even a sample of code I would be VERY grateful. I have no idea. Thanks Phil
Controlling column scrolling behaviour in jQuery?
So I have a page that is split into 2 columns. The left column there are expandable forms that are quite long to ask the user optional product preferences. On the right side of the page there is a much shorter, 'contact details' form. The contact details form is mandatory. The behaviour idea is that as the user scrolls down to complete the left column optional forms, the page will only scroll the left column - the contact details forms displayed in the right column stays in place to avoid a big white
Ajax query no works in IE6
This is the code: $(function(){ $.ajax({ url: "config_es.xml", success: function(data,textstatus,resquest){ var xml = resquest.responseXML; } }); }); I am using the object xml to get information of the config file(config_es.xml). This works right in Firefox, Chrome, but not in IE6. I dont know what is the problem. I have not tested it in IE7, neither in IE8.
JQGrid: Changing background row color based on a column value in the row
I am trying to change the row color of any row in my jqgrid that has Active set to false. I want this color setting on load and on edit if this Active column is set to false. I am relatively new to jqgrid and therefore have no idea how to do this. Please could someone explain this to me? $('#GridTbl').jqGrid({ url: 'pathtomethod', editurl: 'pathtomethod', datatype: 'json', colNames: ['Id', 'Task', 'Active'], colModel: [ { name: 'Id', index: 'Id', hidden: true, editable: false }, { name: 'TaskName',
loading content with .delegate
It turns out that jeditable.js will not work on any content that was .load(ed) Is there a way to use .delegate to accomplish the same as .load Thanks in advance!
Track input field text and run function on the fly?
Hi, How can I track what is written to an input field on the fly(event that is not "click" "hover" etc but something like "track" or "observe")? Lets say I have a js object like this: var array1 = {id1: 'keyword', id2: 'execute', id3: 'go'}; And 3 input fields like this: <input id"id1" name="id1"></input> <input id"id2" name="id2"></input> <input id"id3" name="id3"></input> I want to track the input fields so that if( the string "keyword" is written to the id1 field the string "execute" is written
Siblings of more than one elements
Hello! I have a set of elements with id-s x1,x2,x3,x4. If i select only one of them siblings like $('#x1').siblings(), it selects the other three elements. But if i select siblings of two elements like $('#x1,#x2').siblings(), it selects all elements. How can i select more than one elements siblings? Thank you!
Next Page