Serialize isn't working in the Fieldset inside form element.
Hi, I've a form, in which there are multiple fieldsets which consists various input elements, and I'm trying to serialize the value of the whole form. You can also read my Stackoverflow thread : http://stackoverflow.com/questions/38966515/how-do-i-get-all-the-value-of-input-fields-including-select-text-area-from-mu I just need to make sure if serialize works in my scenario or not, otherwise I do have to search for other solution. However it works if I provide the input value to the elements,
How Can I get the Blank Values of Multiple Select, Radio, Checkbox using SerializeArray()?
I want to serialize the blank multiple select, radio, and multiple checkbox if user leave the fileds blank. It seems like it can't be done with current SerializeArray(), is there any way to extend/override the method such that, I could achieve the result?
How can I highlight an area element using jquery?
I am new to Javascript. I have a background image (a graph) and many overlapping elements (rectangles) with associated overlay text that is positioned to the side of the graph. I would like to highlight all rectangles associated with a pixel each time I mouse over that pixel. In my code below I've succeeded in showing the overlay text for all rectangles associated with a certain pixel (not just the top rectangle in the z-layer). How can I also display all rectangles that contain the pixel that I
How to get content of a div from other local html doc
Hi everyone, first post here, I have 2 html docs the first one has a div with class "Img-container" and The second html has a div with class "Img-copy", how can i do to get The first class img src and get it on The second class when: I click a next Button on The first html that links to The second OR when The second html loads?
How to create complex nested json data
I have created a json file in this format how to achieve this. [{ "acdyr1": "2012", "acdyr2": "2013", "parameters": [{ "medium": "KAN", "academic_syllabus": "STATE", "class_section": [{ "standard": "LKG", "sec": ["A"] }, { "standard": "UKG", "sec": ["A", "B"] }, { "standard":
help with this javascrpt form please
Hello All I have below code, I want to change all these small cubes to same color and also same size...how do I do that basically I am trying to form a cube out of cubes....how do I do that? three.js webgl - draggable cubes
A href problem please help
Hello guys, I am new to JQuery use. I am making my website and i have this problem: I hosted JQuery file from google, and it works.. my Back to top arrow and navigation bar change works perfect with it. BUT JQuery blocked a href links from my site (Example social media icons, contact icons etc...) .. If i delete that link from HTML file links works fine, but without it my arrow and navigation menu don't work. Please help me how to have both of those tnx in advance.
How To Set A Startup Gif On a Website For Copuple Second not for until the whol site load .
Hellow can any buddy can help me on setting a Animated Startup screen on website for just 10 seconds just like this web , www.brightpaki.ml Please tell me how cani do that in the startup im exhausted and cannot find a way to do it . any way Thanks In advacne .
Autocomplete in Textfiled
I am using some data from google address autocomplete. I need to display data to text box. Can you help me to do that- My data is- {"predictions":[{"description":"Kuala Lumpur Federal Territory of Kuala Lumpur Malaysia","id":"fcac8d5159b2c9f45a200b98c5e647cc538a7dd0","matched_substrings":[{"length":1,"offset":0}],"place_id":"ChIJ5-rvAcdJzDERfSgcL1uO2fQ","reference":"ClRPAAAAJu-3BSYzTjcpgiLvKQI2KNWU9ffHJP1qXEjo7xOs-VV_VGWHAVq2z_Pm-nFpHGBePIkYtcemnV8ofVxrje_0zclt8WuPtP6_OW24eol3ioQSEFRR1tXWjRngG5l1-Vwl87AaFAbdGe9LD-vVTGBrUEMJNxBfsT7w","terms":[{"offset":0,"value":"Kuala
jQuery not running in WordPress
I see to get a strange problem in my website which is yogihosting.com. The problem is that jQuery is not running in it. Everything is correct and i have checked them multiple times. Even an alert is not running. However the code runs when i place it in a simple html file. My website is in WordPress i think that is is some WordPress feature which is not letting it to run. The code is - <script type="text/javascript" src="JS/jquery-2.1.1.js"></script> <script type="text/javascript"> $(document).ready(function
Custom "Back to previous page" button.
Hi, I created a custom "Back to previous page" button with the following function: function goBack() { window.history.go(-1); } Clicking on the button, brings you to the previous page. However if the page was a form, the values in the form fields aren't there any more. How can I extend the goBack() function, so that if I go back to a form, the form field values are still there? Thanks
Tablesorter 2.0: Sort a Multiple Decimal numeric String 19.0.31.3109
I am currently using the Tablesorter 2.0. I already have the default set up as... Code <script> // call the tablesorter plugin $(document).ready(function() { $("#myTable").tablesorter( { sortList: [[1,0]], }); } ); </script> End Code What I am trying to do now, sort a multiple decimal numeric string like 19.0.31.3109, 19.0.31.3107,19.0.31.3110, 19.0.31.3114 based on their order. It will not sort number and others and trying basically
How to insert 5 elements of one block after every 5th element of another block
Hello! Want to find a solution to my problem, the task seems to be simple for someone who knows jQuery a little bit better then myself. I've got 2 HTML code blocks, one after another: <div class="items-one"> <div class="items-one-item1"></div> <div class="items-one-item2"></div> <!--etc.--> </div>and <div class="items-two"> <div class="items-two-item1"></div> <div class="items-two-item2"></div> <!--etc.--> </div>I want first 5 elements of "items-two" to move after 5th element of "items-one",
Ajax validation issue with array
I am trying to validate my codeigniter based from using jquery ajax. in my form i have dynamic fields which generates fields name like fault[0],fault[1],fault[2]...... this jquery script i am using works only the ID attribute & NAME attribute of a field are same. since array fields have [] marks i am unable to validate them. i need to know a way doing this without id & same name rule. i think this part manages the validate the fields only with same name & id. $.each(response.messages, function(key,
jQuery UI multicolumn autocomplete
$(function (){ //value var isi = [ { jng: 'java', wrn: 'write once run anywhere java', tpe: 'bla', kde: 'boh' }, { jng: 'PHP', wrn: 'write once run anywhere PHP', tpe: 'bli', kde: 'bah' } ]; //code $('#name').autocomplete({ minLength: 1, source: isi, focus: function (event, ui){ $('#name').val(ui.item.jng); return false; }, select: function (event, ui){ $('#name').val(ui.item.kde); return false; } }) .data('ui-autocomplete')._renderItem = function (ul, item){ return $('<li>') .append("<a>" + item.jng
how to find image width and add same with on LI?
Hi i'm not developer so need small help. here is what i have got now. now i need to find image width and add on newly added li that wrap image. <!DOCTYPE html> <html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <nav class="navigation"> <ul> <li class="nav-women"> <a class="level-top" href="women"><span>women</span></a> <ul class="level0"> <li class="nav-features">
Get Year from Jquery DatePicker
Dear All, Hope all folks are doing great, I could like to fetch the last 2 digits of the year from selected date using JqueryDatePicker . Example: If selected date is 2-12-2018.Then I need to fetch the last 2 digits of the year 18. Can any one help me how can I achieve this. Thanks Quality Communication Provides Quality Work SAM
How to iterate through children of a node and modify them?
I have an tag of type 'article' in my html page. I want to iterate though all its child and grandchild nodes, and give them an ID if they lack one. So I tried this code as a test: $(document).ready(function () { $("#ArticleToHighlightRFS").find("*").each(function (i) { alert (this.id); }); }) The idea is that 'find()' would get all descendant nodes that are not text nodes, and would list their ids. If they don't have ids, I suppose the alert box
Click on the link and make the browser is loading until you can redirect
Need help, I want you to click on a link while the browser continue to wait until I can make an ajax process, I have tried many ways but has no effect. How could you do this? Note: I need the browser is in the process of "loading" as if it were a normal link I have tried several ways but I can not have that effect. //example 1 $( "a" ).click(function() { $( ".result" ).load("ajax.php"); // this file php have sleep 10 seconds }); //example 2 $(window).unload(function()
Position content outside JQM container
If for some reason, I have a specific DIV content inside data-role=header, How I can position it like usually we do for css position:absolute ? I tried but it appear only as relative to header. I would like to make it position anywhere in the page. Anyone know how I can do this?
Navbar - sub menus remove data role
Hi, I'm using default JQM NAVBAR, however I would like to add a custom sub-level menu list but somehow it inherit JQM styling even I added <div></div>. <div id="nav1" data-role="navbar"> <ul> <li><a href="#" class="ui-btn">Menu-1</a></li> <li><a href="#" class="ui-btn">Menu-2</a> <div> <ul> <li><a href="#" class="ui-btn">Sub-1</a></li> <li><a href="#" class="ui-btn">Sub-2</a></li> </ul> </div> </li> <li><a href="#" class="ui-btn">Menu-3</a></li> </ul> </div> I would like to "remove" default JQM styling
Responsive Carousel jQuery & CSS
I've been working on this carousel for a few weeks now and about to quit. I've played with flex and css without any luck. I am hoping someone can tell me how to get this to reduce as the display reduces. I found I can reduce the number of slides displayed, e.g. start at 7 then to 5, then to 3 and then 1 is how I think it will go. However, I haven't created a site for a few years and I thought I could call these variants based on the display size. I was trying to call the different sizes for the js
Chunk upload using blueimp jquery plugin
I want to upload big files (2GB+) to my WebServer using blueimp jQuery Fileupload Plugin. I handle uploads serverside with a C# UploadHandler and the Handler works correctly with chunks. My question is, if i can get the total chunks and the index of the current chunk, which is being uploaded so i can determine when the handler should start merging the temp files. I could not find anything like this in the documentation of the plugin.
Cross-browser compatibility
How do I force a URL to open in IE using jQuery?
why do the method grep be called grep?
why do the method grep be called grep? what does it mean?
Uncaught TypeError: Cannot read property 'color' of undefined
Greetings, I'm fairly new to jquery and have encountered the following problem. I'm trying to pass the id of a div into a function, (see code below), and get the "Uncaught TypeError: Cannot read property 'color' of undefined". I've simplified the code to make it more readable. Can someone tell me what I'm doing wrong? Thanks for reading this and thanks in advance for taking the time to respond. <div id="div1" style="color:red">some text </div> <div id="div2" style="color:blue">some text </div>
Double effect open dialog - show dialog
Can anybody tell me how to use double effects on a dialog show? The first effect I would like to use is scale and the second effect is that it comes from a corner of the page, where the button is located that launches the modal dialog. The same for the hide function. I would like to hide it with scale, which is pretty nice effect, but while scaling it should move out of the page or towards the button. I appreciate the really easy dialog effect definition, but I would like to get it one step more
unable to submit form after a condition is true
Hi, I have the following code, but I am able to prevent the form submit when the qty is less than the min bid amount but unable to submit the form when the qty is greater than min bid. first time if input qty with a lesser value and then input the qty value greater than min_bid then the form is unable to submit. If I input qty value greater than min_bid amount in the first time then I am able to submit the form Please help <form class="form-inline" method="post" id="auctionform" action="<?php echo
How do i link jQuery UI 1.12.0 to my html page?
please help i can't link it to the website i am creating!
delete a tr based on sub element value inside
I have a html body which has : <table> <tr><td><h3><nobr>Leaveit1</nobr></h3></td></tr> <tr><td><h3><nobr>takeit</nobr></h3></td></tr> <tr><td><h3><nobr>Leaveit2</nobr></h3></td></tr> </table> I want to delete the tr which contains nobr as "takeit". How do i go about doing it thanks
Pickers resetting
Hi, I am very new to jQuery, but have managed to add a date picker and time picker to my form which works ok. However i have a button to check the fields are all filled in before submitting the form. This button currently has no code, as i just added it. However when i press it the 3 picker fields all reset to there initial state, which means i have to keep refilling them in, why would this be. These are my 2 pieces of code, and the button as I say has no code attached to it, it is default button
Jquery datepicker height problem
Hi, I used jquery datepicker in asp.net application. But its height is not relative. After changing font its width get changed but its height remains same.
Go To URL in XML file After Drop Downs Are Selected
I am trying to make a dynamic drop-down menu that, when completed, takes you to the page listed with it in the XML. Right now I have it to where it spits out all the information but I keep breaking it when trying to get it to go to the url. Demo page: http://creativenights.creativecaraudio.net/cn/psfit/psfit.html HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="psfit.js"></script> <table style="width: 100%;" border="0" align="center"> <tbody>
Add the class only to the previous element not all of them?
Hi, Looking at this Pen, I'm trying to achieve that if an input-field is checked only the element with the class "js-booking-list__header" which is before the input-field should get a class added. But all other elements with the class "js-booking-list__header" which are in DOM after the the checked input-field shouldn't get the new class. Only previous header should get a new class However it's not working as it should. What am I doing wrong? Thanks
JQuery Mobile markup in AJAX-loaded tab not working
Hi! Probably a noob question, but anyway... I have a tabbed navbar on top of my page. When I click a tab, I want that content to be loaded dynamically and displayed below the tab. Here's my HTML: <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Bosphorus</title> <link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Impossible to close a popup (tested with many Windows PC and other android devices)
Dear jQuery from experts these dayes I bought a service called LeadTarget Pro : It works this way : I create a pop-up in this website using a simple interface : leadtarget.io the very first time I install the provided plugin in my wordpress website and using that plugin I copy-paste the script generated by the www.leadtarget.io account into my website (choosing in what pages I want the popup to be shown) THIS IS THE CODE THAT I COPY-PASTE , BUT POPUPS NEVER CLOSE!! <script type='text/javascript'>
Adding values to array
How i can add values to an array in jquery class? i have couple of items to add. eg: { pid: pdt, unitRate: urate, taxids: taxId, qnty: qty, net: Net } how can i do it ? Thanks in advance
Mischievous user clicking button repeatedly to trigger ajax : how do I prevent it?
I'm considering a case where a mischievous user repeatedly clicks (3-4 times per second) an ON / OFF button that triggers AJAX ajax on my web application. I tested this on my local machine and didn't see any problem. My specific application makes entry to the database upon every toggle of the ON / OFF switch. I'm wondering what kind of protection should I have for my switch? What kind of issues can repeated ajax submission cause?
Adding class to a cloned textbox
I want to add a class property to cloned textbox. when i tried $(clone).find("#pdt-0").attr({ id: "pdt-" + ids, name: "pdt-" + ids, lang: ids }); i was able to set other attributes. But how can i set a specific class to this textbook. Thanks in advance .
Prevent Mobile Zooming on Input Select
I noticed when running on a mobile, when selecting a form input, the keyboard opens at bottom, but also the page zooms in. Is there a way to prevent the zooming when selecting an input? Or at least a way to return the zoom to normal when the user clicks the 'Done' button in keyboard?
Next Page