Updating jQuery
Hello awesome forum! I am currently working on developing my new site justmoney.dk, where jQuery is used to most of the action. All of my javascript is in one file, containing the most recent jQuery version out there. My question is: would it be an idea to refer jQuery separately, rather than mixing the two, in order to have the most recent version? Or doesn't it matter at all? Thanks for your replies. Peter
How to combine jquery(".class") and input[name*='some_text']
This is my first post, so hello to everyone. I am working with CMS Typo3 + extension MASK, which extents the backend form input fields. These fields are arranged one below the other and I would like to have them beside each other. .form-section + .form-section { display: inline; } does the trick, but unfortunately not only the new MASK-fields are lined up but all input fields in the backend are effected. So I tried to use jquery to select only those elements, which are created by MASK. The
Ajax Calls, .val() and Deselecting Highlighted Values
I have numerous input fields and when a user changes a value on any input field then hits the tab key, it moves to the next field (default browser behavior) and completely highlights the text in that field. This works as expected. On the blur event for the changed field, I send an ajax call to the server which sends back some values which updates every text field. e.g. When the user hits tab, the blur event is called, and the cursor goes to the next field and highlights all of the characters in
New project: JQM 1.4.5 or Bootstrap?
Hi All, Have a new mobile web app project on the horizon and would like advice from the inside on whether to: (1) Go for it with JQM 1.4.5 (2) Wait for JQM 1.5 (any estimates of how long?) (3) Go with Bootstrap This is a project that needs to run on mobile (iOS 8+) and desktop (mostly Windows but also Mac). I have used JQM 1.2 in the past but am wondering if JQM is still alive and well or is withering on the vine, etc. I would not want to get halfway down the path if there is a strong leaning towards
jquery.flexslider.js issues
Hi, I am having an issue with jquery.flexslider.js and cannot figure it out. It will load the div.big-date but not the item data on the right side. My site is www.mikewatsonband.com Any help would be greatly appreciated. Thanks, Mike
Dynamically adding input fields without JS using jQuery
Hello, sorry if this has been asked before here. I did some research and have not found the answer here. This is my first post as well, so sorry if I cannot explain everything properply. I am building a website (startet learning CSS, HTM and JS a month ago) that dynamically adds input fields regarding what number the user puts in. This works fine with a JS script I have found on the web (see here http://daviduhlmann.solutions/Testseite_VS1.0.html ). When I enter a number of sales people and run the
tablesorter plungin not working for dynamically created table
$(document).ready(function () { $('#dvTable1').tablesorter(); } $.getJSON("/Home/GetWONumberActivityEquipmentParts", { 'dateFrom': pData[0], 'dateTo': pData[1], 'deptName': deptName }, function (json) { for (var i = 0; i < json.length; i++) { tr = $('<tr />'); tr.append("<td>" + json[i].WNo + "</td>"); tr.append("<td>" + json[i].Division + "</td>"); tr.append("<td>" + json[i].ActivityName + "</td>"); tr.append("<td>" + json[i].EquipmentName + "</td>"); tr.append('</tr>'); $("#tbl1").append(tr);
jQuery Mobile 1.4.5 and jQuery 3.1
Does jQuery Mobile 1.4.5 work with jQuery 3.1?
Can someone help me with a script to search the companies.xml file below and display search results on the listview in the home.html?
home.html <html> <head> <title>mysearch</title> </head> <body> <input type="search" id="search-mini" autocomplete="off" /> <ul data-role = "listview" id= "SearchResult"> </ul> </body> </html> companies.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="xmlcss.css"?> <Companies xmlns:xlink="http://www.w3.org/1999/xlink"> <Company id='20151'> <Title>Business Culture</Title> <Image>images/logo.png</Image> <Sector>Software Development</Sector>
enhanceWithin doesn't work after replacing content
So I thought I should build myself a simple pager for a listview. Very simple: I'm slapping a spinbox near the bottom and subscribing to change events with a little snippet that loads portions of the page and replaces the listbox content with that. So my HTML (Thymeleaf template looks like this): <div data-role="container" id="catalog-container"> <ul id="catalog-item-list" data-role="listview"> <th:block th:each="item: ${catalog.content}"> <li><a th:attr='href=${"editrequest/" + item.catalogItem.id}'>
Increase visible text on click.
I am trying to increase the words that are visible when user clicks on the link. It does not seem to listen to the click command. How can I achieve this? My code looks like below. $(document).ready(function () { var $wordCount = 12; $("h2").on("click", function () { var $wordCount = 112; }); function getWords(str) { return str.split(/\s+/).slice(0, $wordCount).join(" "); } var str = $(".hider").text(); $(".showHere").text(getWords(str)); }); See work on fiddle
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!
Next Page