Issues with Dynamically generated rows for a form
Hello people, I have a time entry form where 4 inputs exist - 1. Select id="project" based on which 2. Select id="task" is generated, 3. This is a hidden text input which shows when option "Add task is selected" in tasks select This is being achieved with jquery & js 4. Fourth and last is time entry for each day of week . Now what I did is included an "Add Row" button that replicates these 4 fields on click. The change in one select field is mirrored across
AJAX/JSON
is there a jQuery JSON example with a more complex JSON than this one? http://api.jquery.com/jQuery.getJSON/ I need to leverage a JSON that is a bit more complex that this...;-) would appreciate it someone could point me to an example anywhere with a more complex JSON.... thank you very much....
Trying to get link Hover animation to stay if clicked.
I have a menu bar made from a <ul> list that if you hover over a link, the tab for that link rises up, just like it would on a mouseOver. And, the tab drops back down when the cursor is moved off it, a mouseOut. If you click on the link while in hover, a div will slide out below. To get rid of the div, one would click the "Hide" link inside the div. What I'd like to do however, is if a link is hovered over, which raises the tab, if it is clicked and displaying the slide out div, I would like the
Hi, searching for a specific script
Hi all, I would like to know what is the script they are using here: http://www.templatemonster.com/demo/41717.html When you click a link in the menu, the page/frame/content comes right to you. How can I make this? a one page website, like paralax, but different.. Thanks in advance, Amit.
change defoult language
Hi is the first time that I have to do with jquery and a customer of mine asked me to change the main language of the site the site in question is www.manetti.it which file I have to modify? thanks to all peppe
Checking value in array
Hey all, im kinda stuck with something so I could really use some help. I dont really know how they're called but I made this class? below: function Artist(title, image, availability) { this.title = title; this.image = image; this.availability = availability; } Then I filled an array with it: var artistList = [new Artist("Aad", "Artists/Aad.png", "yes"), new Artist("Piet", "Artists/Piet.png", "no"), new Artist("Jan", "Artists/Jan.png", "yes")]; How can I check in this array which artists have a
Jquery Remove Table row by value
I Would like to use Jquery to remove 3 table rows (tr) depending on whats in the row. For example these are the rows I want to remove from the table. <tr><td><a href="index.php">index.php</a></td><td>PHP</td><td>2.45 Mb</td></tr>\ <tr><td><a href="bootstrap.min.css">bootstrap.min.css</a></td><td>CSS</td><td>71.46 Mb</td></tr> <td><a href="bootstrap-responsive.min.css">bootstrap-responsive.min.css</a></td> I dont want these three files appearing the the table at all. Can these be removed using JQuery
For each loop change image by data element
I have a function that loops through all my img tags takes the data attribute and makes an AJAX call. The result of which determines what image each element should show. It nearly works perfectly, but when it updates it replaces all the img with the same jpg. $("button.checkStatus").click(function(){ //This Ajax checks the current on/off status of the passed X10 code $('.checkStatus').each(function(i, obj) { $x10Device = $(this).data("x10"); var data
Webkit Problem using animate();
Hello Community, i have an urgent problem regarding all Webkit Browsers(Safari, Chrome) with the following jQuery Script: http://jsfiddle.net/7g3Gs/4/ It would be such a help if someone could tell me how to fix this issue for Webkit Browsers. The Flyout Part of the Boxes is slipping into the next column and looks really buggy:( In Firefox & IE it works just fine! Thanks for any help in advance! philippsen
Anybody interested in reviewing a jQuery book? Here's what you have to do!
I have a few e-copies of jQuery Hotshot available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "jQuery Hotshot - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) jQuery Hotshot walks you step by step through 10 projects designed to familiarise you with the jQuery library and related technologies. Each project focuses on a particular
hi guys
i have a problem with my cdn refference and it is script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>, so when i run the jquery function i recieve errors :Uncaught SyntaxError: Unexpected end of input . Failed to load resource - http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js .
Transitions - Fading [SOLVED]
Got this page that uses jquery to switch between pages: http://gmjones.org/pages/index.html# When I move between pages, the text 'rolls' down from the top. I want it to fade in. Here's the jquery code: <script type='text/javascript'> $(document).ready(function() { $('ul#navigation li').click(function(){ var number = $(this).index(); $('.sec').hide().eq(number).show('fade'); $(this).toggleClass('active inactive'); $('ul#navigation li').not(this).removeClass('active').addClass('inactive');
button click from AJAX called php file
I have a div that populates from pulling from another php file. The separate php file contains a table populating data. One of the columns in the table contains a button to delete that record. When I click the delete button on the page it does nothing. How do I make this button active to call my jquery function to delete the record that comes from another php file via AJAX? Thanks, ShoeGirl
The Hide mthod is not working in simple example
I am new to jquery and havin trouble with simple example; I am using the HIDE method to hide a DIV ID on click when i click the ID it hides what I want but only for 2 seconds then it reappears <script> $(document).ready(function() { $("#profiles").click(function() { $("#arty").hide(); }); }); </script> <a href="" id="profiles">Profile</a> <div id="arty"> @Html.Partial("_article") </div> This example works for 2 seconds only how can I make the
setting default date of one datepicker from another
I have an application that tracks projects. I am going to be using three datepickers to set the appropriate dates for starting, ending and reviewing projects and populate those to associated textboxes (#start,#end,#review). Currently all datepickers default to today's date. I want the first datepicker (start) to default to today's date, but then once the start date is selected I want the "end" and "review" datepickers default month and year to be influenced by the month and year selected in the
How to create a category wise listview dynamically using jquery?
i'm trying to get the category wise listview dynamically using jquery. I have xml file with all content in that file i have different category's. Html file: <div data-role="page" id="home"> <div data-role="header" data-theme="a" data-position="fixed"> <h1 id="title"></h1> </div> <div data-role="content" data-transition="slide" data-inset="true"> <ul class="list" id="section" data-role="listview" data-filter="true"> </ul> </div> </div> xml file: <?xml version="1.0" encoding="UTF-8" standalone="no"?>
Include html files are not coming on load document first time
Hi, I have 50 static html page and I separate header footer and search as a include file. and I add this include file at another pages through javascrpit include method. but when I click (like about link)the link and the link going to this page(like about page), the content of about page is shown but the include's file like header and footer not coming with page load, but when I refresh the page(about page)the header and footer is coming. Note : 1. all the pages has transition effect's like slide,
hi friends Need a Jquery Validation for alphabet with minimum 5 letters?
hi friends Need a Jquery Validation for alphabet with minimum 5 letters?
Problem to insert a load() function to my code
Hi everibody !! I am using this code : $(function(){$('#content').find('article').hide().css({width:'0',marginLeft:'0%',left:'50%'}); var act='#page_1';$('#page_1').show();$('a').click(function(){page=$(this).attr('href'); if(page.substr(page.indexOf('#'),6)=='#page_'){ $('#menu a, footer a').parent().removeClass('active'); $(this).parent().addClass('active'); $(act).animate({width:'0',marginLeft:'0%',left:'50%'},600,'easeInCirc',function(){ $('#content').find('article').css({display:'none'}) $(page).css({display:'block'}).animate({width:'100%',marginLeft:'0%',left:'0%'},600,'easeOutCirc',function(){act=page;});});return
get JSON reading multidimensional JSON array in PHP
I'm using getJSON to retrieve information from a record and the corresponding detail records and display the detail records in a div id="questions". The PHP script that is called returns a JSON string (via json_encode) that looks like this: { "content": { "1": { "quadrant": "Balance", "text": "1. Meditative or prayerful activity today?", "answers": [ { "answer_id": "4", "text": "None",
Get all radio button values in page load
My code : <input type="radio" class="radioBtnClass" value="1" />1<br/> <input type="radio" class="radioBtnClass" value="2" />2<br/> <input type="radio" class="radioBtnClass" alue="3" />3<br/> $(document).ready(function(){ $('.radioBtnClass').each(function(){ alert($(this).val()); }); }); All alerts shows empty. How to get this all radio values in page load?Is it possible?
ajax call chrome status text cancelled
Hi I am making a Ajax call to a URL when I debug in chrome it says status text cancelled? why would a request be cancelled? when I manually type the URL the browser, returns the expected value no problem every time. here is my ajax call? $.ajax({type: 'GET', url: "http://192.168.0.34:81/tenHsServer/tenHsServer.aspx", data: {t: "ab", f: "DeviceStatus", d: "C5"}, crossDomain: true, success: function(data) { alert(data); }, error: function (request, status,
Issue when upgrading from jQuery version 1.4.4 to 1.8.0
Hi All, In my project there was a reference to jQuery version 1.4.4 which was working fine. Later because we need to use "on" function instead of earlier "live" method I changed the version to 1.8.0. Now, I am able to use "on" function but many of the UI alignment has been disordered. There seems no direct way to find out why this is happening. Can anyone give clue what may be the reason behind this problem. Thanks
targeting parents
you can use THIS if you want to target the object which the event was focused on ie $("#cat").click(function(){ $(this).fadeOut(1000); ]); is the same as $("#cat").click(function(){ $("#cat").fadeOut(1000); ]); is there a equivilant way to target the perent node of #cat?
How do I validate fields using the Blur event and the Submit event on the same form.
Hello everyone: I have a form I wish to validate and at this time decided not to use the validation plugin due to my needs and customization with ASP.NET. The idea is to have the form validate on Blur (as the user leaves a field) , but also use the submit event if for any reason a person decides to submit an incomplete form. Currently I have the blur event working and in addition to that, I also have an additional focus event and another blur event which provides more usability. In a nutshell here
How 1-liner to alternate bg color on li but start over after each header?
I am trying to add a class to a div enclosed by li elements. Have to use a div inside the li to make the entire row colored and not just the li text. Here is my jquery 1.9 code: $(function(){$('a + h3 ~ li:even > div').addClass('bgcolor1')}); And here is the sample html layout: <ul> <a name="a"></a> <h3>A</h3> <li><div>blah blah blah</div></li> <li><div>blah blah blah</div></li> <li><div>blah blah blah</div></li> <a name="b"></a> <h3>B</h3> <li><div>blah blah blah</div></li> <a name="c"></a> <h3>C</h3>
Can I use user-defined attributes in the attr/prop method?
Hello, Can I assign a user-defined attribute to an anchor tag. Can I access this user-defined attribute using the .attr/.prop method?
fire event after opening page
Hello, I want to load a dynamic data when opening new page, but i cant get to the onload event... How can I call function immediately after loading a new page ? here is my code in each file Index.html : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body onload="alert('home page');"> <!-- Home --> <div data-role="page" id="page1"> <div data-theme="a" data-role="header"> <h3> testing </h3> </div> <div data-role="content"> <div class="ui-grid-a">
function wont work after use of append()
My script places all of the JQuery inside $(document).ready(function() { }); as standard. Some of the pages Divs are static and some are created dynamically using the append function - this is my append code $('#data').append("<div id=\"stenchblossomchart\" class=\"chart\"></div>"); (note that in that example data is the ID of a static DIV element) the problem comes when i try to detect an event on div created by this append code - my code is as so $("someobject").click(function(){ alert("sam");
Text jumping with javascript
Hello Javascript-expert, I want to do a program based on javascript online (Browser) for datasets of texts (PDF, Word, HTML). It should open those datas and enable text jumping. An example would be 3 words per second. The surrounding (imagines, background, text format) should be untouched. Here is a example for it. http://www.bestaltmed.at/imagines/imagin.php Can you please give me an idea, how I can accomplish that? Thanks a lot, Chris
get width of a select
I am trying to get width of the select box but not doing it write please advice me. here is my html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:wicket="http://wicket.apache.org/"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="stylesheet" href="chosen/chosen.css" /> <script src="jquery-1.7.min.js" type="text/javascript"></script> <script src="chosen/chosen.jquery.js" type="text/javascript"></script>
HTML5 MP3 Player
Hey guys, I was wondering if someone on here could help me out with a problem i'm facing. I am currently playing around with the audio.js html5 mp3 player, and everything is going great, except that when I have more than one player on a page, i'd like only one player to play at a time. I'm not sure if there is a good way to go about this in jquery. The mp3 are played via the same js engine file and are placed between <audio> tags in the html along with direct links to the audio files. Now would
Animated-menu.js trouble
Hi guys! I'm using the script animated-menu.js in my website, but i'm having some trouble. So, my website appears just fine in Google Chrome and Firefox, but not in Internet Explorer. My menu is positioned on the right side of the page and, as the Internet Explorer assumes that my page as a margin on the right (I have to scroll right to see that margin) my menu, when mouse rolls over, slides to the right instead of sliding to the left, as I wanted! I think I need a line in the code that tells the
How do I refresh a div using jquery and ajax?
Hello I need to know how to refresh only one div using jQuery and AJAX. Basically, here what I am doing. When a user log on the site using jQuery and AJAX I need to update the header by displaying "Welcome back, BLAH" also i can to change the buttons in the header to add "sign out and my account buttons!" it is very smiler to this web site when you log in the buttons in the header change! Note that i have the buttons and the name in a div and they all change via PHP and cookies but i need to to change
conflicting slider and pop up form
Hi, i have a page with a slider when i add the pop up form and its scripts to the page only the pop up form works and the slider stops working, i tried using the <script>jQuery.noConflict();</script> line after the javascripts that i think are conflicting because when i remove the "jquery-1.4.min.js" javascript the slider starts working but then the form doesn't work...but i am not sure if i have done it right..please if anybody can help i'd be really grateful this the code of my page <!DOCTYPE
need help with Enhance Forms using jQuery UI
I am trying to enhance my forms look and feel for which I am trying this tutorial . I tried to copy the code into my html but its now working and there are some errors , is there a working copy which I can download and use and can I see a demo of this? The links for demo and download dont work. here is my html <!DOCTYPE htm l 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="X-UA-Compatible"
refresh div section after ajax call
I have a content data which contains all session information. I want to refresh that div section in which i display session information. For example i have a cart page in which several products are shown in cart session, when user click on delete button ajax send a request to server where i delete product from session and on success jquery refresh cart div to show updated session data. I dont want to generate html on server side and replace it with existed html on success of ajax call. If i able
update all buttons using jquery for ajax
I am using jquery to update all buttons in my page using $(document).ready(function(){ $( "input[type=submit], :button" ).button(); }); when I add a new button using ajax the above script wont be excuted please advice how can I fire the above script for ajax request , I doing ajax with wicket and not jquery.
How can I load different html pages without refreshing, but changing the url?
Hi, I'm trying to use a navigation system for a website where there is no refresh at all, through jQuery, I don't know if using ajax is possible, but I'd prefer that approach, however, this is what I have so far: jQuery script $(document).ready(function(e){ var page; var prevPage; $('ul#nav li a').click(function(){ prevPage = getPrevUrl(window.location.href); page = $(this).attr('href'); $('#content').load(page + '.html'); if(page + '.html'!= window.location){ window.history.pushState({path:page
jQuery Autocomplete with default selected in combobox
Hello everyone I am using this script (Autocomplete) for my project, and now i want to pass default value like "BASIC" in Autocomplete combobox when page is load. How it is possible with this script? Any ideas or suggestions? Thanks.
Next Page