validation plugin installation with bower: additional methods?
Hello, I tried to migrate the validation plugin from manually integrated to bower. It works as I have now the 'jquery.validate.js' file in my build, but not the 'additional-methods.js' file. Am I wrong with using bower, or the additional methods cannot be installed with bower? Thanks for your help. Nicolas.
element insertAfter for each instance
Hi. Kindly asking for help. I have such code jQuery(document).ready(function(leftmapjen) { //moving price and adding class for my styles jQuery('span.ihf-for-sale-price:eq(0)').insertAfter('div.ihf-results-photo:eq(0)').addClass("buy-wdevise-price"); jQuery('div.ihf-results-price:eq(0)').insertAfter('span.ihf-for-sale-price:eq(0)').addClass("label-status label-status-7 label"); jQuery('div.ihf-results-address:eq(0)').insertAfter('div.ihf-results-price:eq(0)').addClass("buy-title");
Creating a toggle funtion on desktop navbar menu item
Hi I am currently trying to create a clickable menu item. The menu item has a dropdown mega menu. I want the dropdown menu to only display and hide when it is clicked, not when hovered over with the mouse. The menu item is called "meny" and has a hamburger icon next to it :) Here's the code I've made so far, but it's not working: <script> jQuery(document).ready(function(){ jQuery(".et_fullwidth_nav #top-menu li.mega-menu > ul").click(function(){ jQuery("this").toggle(); }); </script> my page link
ISBN SEARCH BOX
I have two main question. First, I have a business website are any of you guys able to make a isbn search bar that my customers can receive quotes of how much I will pay them for their books? Example it looks like a search bar except it says sell your book here. customers types in isbn number into the search bar a receives a instant quote. or will that be to complicated for this type of website. second question, can I set up untied postal service for the customers so they can print of the packaging
how to get and Id from a report?
Hi guys, Can you please help me Im trying to get an Id from a field that is in a report. How can I achieved that? $('div#my_report')... thanks, Nelson
Location Search
Do location search in a text box. The user will be typing "Ind" for this you will get an response from google API's, If the user selects and location from the list provided by google. Then log the search param("Ind") as well as the google api response in db. In the next search, If the same search param is entered, Then result should come from db and if there is not data in db, Then hit the google api and show the response. I am new to this please help me with answer.
On click success button with sweetalert2 go to url
I cant work out how after the click of the success button below, the page isnt redirecting. <script> if (window.location.search.indexOf('e=success') > -1) { swal({ title: 'Request Delivered', text: 'You can continue with your search.', type: 'success', }, function(){ window.location.href='index2.php'; } )}; </script>
recommend changes
Hi, I am new to jqeury. Could you please tell me how to get the most of this script. I wrote it by myself and there is quite few repetitions. $("textarea[name='storyline']").blur(function() { storylineAjaxUpdate(); eventViewer('Storyline has been saved'); }); var strokeCount = 0; $("textarea[name='storyline']").keyup(function() { strokeCount = ++strokeCount; if (strokeCount > 100) {
Problem with js/jquery staying on same page
Hi, I'm very new to programming and only need it occasionally in my work so my understanding is not in depth. I'm trying to submit a form inside a CMS page and dont want a new page to load after processing the php mail script. Instead I need to display a single line success message (not an alert pop up box) without reloading the page or going to a different page. Here's the code I have and my understanding is that the event.preventDefault should allow to stay on same page and "$( "#contactResponse"
resetActivePageHeight causes scroll to top upon iframe load
The resetActivePageHeight is apparently fired after a iframe finish loading. This causes a major problem. In my case, I have an iframe the top of the page and a long list with some search results. It takes 1-2 seconds to load the iframe content, and in that time the visitor has most likely scrolled down the list. When the iframe finish the load, then the page will scroll to the top again, which is very annoying for the visitor. The issue can be seen in this example: http://www.w3schools.com/code/tryit.asp?filename=F0K7K1TQOJG3
Autocomplete with categories, allow multiple values, split by ','
I'm interrested in merging both "multiple" and categories example from the documentation but the approach of handling data in both example is different and i'm strugling a lot for days now trying different possibilities. First my data is fetch from Postgres DB and stored into the variable data with: var data = <?php echo json_encode($liste_terri); ?>; The data is formatted with: while($row = pg_fetch_array($result_t)) { $liste_terri[] = array( 'value' => $row['nom_territoire'],
[SOLVED] Can't Get Slicknav to Work (Joomla)
I am building a website and trying to get slicknav to make a mobile menu on a Joomla CMS. I have gone so far as to completely remove the menu that is supposed to be there and populate it with a simple ul > li > a menu. jQuery loads before slicknav.js and the function points to the id of the ul. Slicknav will not create a menu, however, and I can't figure out why. I have verified the site can see the slicknav.js script, by loading it, directly. IDK what else to do. The link to the dev site is: http://www.acadiana-computer.com/prevost
Draw Lines Using jQuery
Suppose on my page I have several objects such as DIVs, Images, Links, etc. Also if I am using an image as my cursor, how do I draw a temporary line from the side of the cursor image to the side of an item on the page when they line up?
Jquery Accessing grouped buttons with all similar attributes in a list
Was seeking help i am unable to access elements in grouped buttons without affecting next element with all similar attributes Example <div class="btn-group"> <button type="button" class="btn btn-primary">Apple</button> <button type="button" class="btn btn-primary">Samsung</button> <button type="button" class="btn btn-primary">Sony</button> </div> <div class="btn-group"> <button type="button" class="btn btn-primary">Apple</button> <button type="button" class="btn btn-primary">Samsung</button>
How to allow user characters in a datepicker input
Is it possible to have a datepicker and allow users to add characters o the input?
How to make click function work for dynamically created DIV(say on some ohter click function) with some class or ID?
Hi, I have created div and assign id or class to this div on some clicking event using jQuery. After creating I want to make click function work on this newly created div. But that is not working. Here is the sample code. Thanks in advance. <html> <body> <div id="some_ID"> Click me to create new divs! </div> <script> $("#some_ID").click(function() { var new_div = $('<div class="new_class"> I am created dynamically on clicking </div>'); $("#some_ID").append(new_div); }); $(".new_class").click(function()
Date value in <html:text/> gone on submitting the page .How to maintain it what has been selected from calender.gif on submit?
Hi This is my code : <td class="smallText" width="150" style="padding-top: 10px;"><html:text property="fromDate" styleId="fromDate" maxlength="10" size="9" /> <a href="javascript:void(0)" onclick="displayCalendar();"> <img name="caldrImg" src="/stap-portal/img/calendar.gif" align="absbottom" alt="Calendar" border="0"> </a> </td> function displayCalendar() { setDateField(); // defined in calendar.js top.calendarWindow = window.open('/stap-portal/view/static/calendar.html','cal','dependent=yes,width=260,height=260,left=200,top=300,titlebar=yes');
request.responseXML becomes null after making 15-20 requests
Hi, I have a text field and when user enters few characters in this textfield ,it creates an Ajax request and searches the data from db and populate a dropdown which is next field . This functionality is working fine but currently observed an issue that if user keeps entering the characters and back space in text field(say 15-20 times) eg: User enters 'a' and then back space and then enter 'ab' and then backspace and enter 'abc' and so on . For first 15 requests Ajax call is working fine and data
Positioning my JQuery Popup Box
I just learned jquery and I want to apply a very simple dialog or popup box into my application. I have the following codes in my HTML: <div id="GLD_dialogbox" title="WARNING!" style="font-size:14;color:bf0000"> <p>Please login as administrator ! </p> </div> Here is the JQuery: <script type="text/javascript"> $(function(){ $( "#GLD_dialogbox" ).dialog({position: [50,100],autoOpen: true,resize: function( event, ui ){$( this ).dialog( "option",
toggle inline style
Hi how can I toggle (add and remove style declaration) with click(function()) style="left:100px;top:50px;" to get remove <div id="myDiv">content</div> add <div id="myDiv" style="left:100px;top:50px;">content</div> with toggle thank you
How to solve this tricky issue?
I'm trying to develop a program to automatically open the "east" region of EasyUI framework by clicking a button. My solution is to change the value of the "collapsed" attribute in the data-options attribute. Take below script for reference: <div id="east" data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:300px;padding:10px;"> </div> I've used various JQuery ways to do this, but all failed. Below are some of my testing results (with comments) alert($("#east").attr("data-options"));
Select a dynamically created element ?
It has a classname of listitem so I tried it like this: $(".listitem").css("background-color","transparent").removeClass('selected'); Does nothing!
Problem with for each and Mapbox
So basically i'm having trouble with an click event firing a popup in Mapbox but the real issue is with the for each function. I click the third icon in the sequence and it fires the previous two popups, if i click the second one in the sequence it will fire the second and first but not the third. echo ' var map = new mapboxgl.Map({ container: "map", style: "mapbox://styles/mapbox/streets-v9", center:[' . $longitude . ', ' . $latitude . '], zoom: 15 }); // add markers to map geojson.features.forEach(function(marker)
Jquery.length
Hi All, I'm a jquery newbie and I don't understand the solution for my problem. I have a simple table with 1 header and 4 rows in the body. I created a page with 1 table and 3 buttons ( 1 with "insertAfter" and 1 with "insertBefore" methods ) the third button has : $('#bDelRow').click( function() { alert( $('#celebs tbody tr').length ); }); Even if I insert a new row before or after in the tbody the alert show me always "4"! I found this "https://api.jquery.com/length/"
UI Dialog resize Bug!!!
1. visit http://jqueryui.com/themeroller/ 2. Mouse click "Open Dialog" Button. 3. Resize the dialog (just change a little size) several times, you will find that the dialog content area becomes smaller, and the scroll bar appears.
auto scroll from top to bottom and back in repeat
Hey there, I just set some html-sites for our school infodisplay. The tool Screenly OSE shows the Websites in a shuffle play. Thats all working. But there are a fiew sites with much content. The screen solution will be 1920 x 1080 pixel and these websites will not fit because of there length. So, what code could I implement in my html sites, which include xml.files with php in html? One of these sites looks like this: <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>xy</title>
jQuery 3.1.1 errors
Running in FF. Seeing it in Firebug. Doesn't seem to impact performance. 2 errors. ReferenceError: Class is not defined (a mile long but starts) return opts.setter.call (this... TypeError: a.Browser is not defined Any clues on these?
how to use 'for' to shorten my code ?
Hi, I would like to replace this part of my code : $('.home').on('click', function() { $('html, body').animate({ scrollTop: $("#home").offset().top}, 1000); }) $('.qui_suis-je').on('click', function() { $('html, body').animate({ scrollTop: $("#qui_suis-je").offset().top}, 1000); }) $('.competences').on('click', function() { $('html, body').animate({ scrollTop: $("#competences").offset().top}, 1000); }) $('.CV').on('click', function() { $('html, body').animate({ scrollTop: $("#CV").offset().top},
Jqgrid
Dear Team, How to Bind jqgrid..with out write column name and datatype...
Bootstrap detect visibility of element
I have a span element that is toggled with a bootstrap class "hidden-xs" I want to detect if it's visible in an onclick event. I've inspected the style. display and style.visibility values and they are always empty. What properties are changed when the class is used? html: <span id="CommissionersTableHeadingFlagUp" class="hidden-xs glyphicon glyphicon-triangle-top"></span>javascript: var elemDisplay=document.getElementById('CommissionersTableHeadingFlagUp').style.visibility;
alert(elemDisplay+elem2Display);
Why doesn't the other radio button's images go back to original opacity?
I am doing a webpage as part of a project at school, but I have come over a problem that simply doesn't make sense to me. My webpage is here: http://folk.ntnu.no/williamo/prosjekt2016/bestill.html The idea is that whenever I press a radio button, the image under should get opacity 1. It works, but whenever I press a new radio button, the image still has opacity 1, contrary to the expected 0.5, and I don't know why. Here is the code I use: radioImages.on("click", function() { if( ($(this).is(":checked"))
Split comma seperate string and add the parts as values to post function
I have the following values stored in a variable called 'data' 46/lee jones/csf But thats just an example how they are sent to me to use. And I gain that with the following code if (data != 0){ var stuff = data; alert (stuff); } So then what I want to do is seperate those values up into single items, and attach as values to post as below. I have put the values in to demonstrate how they need to line up, but obviosuly I need to use the values in maybe array values I think, but not sure how
How does .first() work?
Hello all, suppose, that I have two divs with IDs: #nav and #content ...and #nav comes first in the DOM. Which one is selected by: $('#content, #nav').first() ? i.e. is the first one in the DOM selected, or the first one in the selector? Thanks in advance!
draggable posotion "right"
How to make a "draggable" change the css value of "right"? P.S. Sorry for my english it's Google Translator :)
How to get options of existing XDSoft datetimepicker?
I am using:http://xdsoft.net/jquery-plugins/demo/datetimepicker/ I create the datetimepicker like this: $("#mydatetimefield").datetimepicker({minDate:'2013/12/03', maxDate:'2018/12/31', disabledDates:['2015/12/25','2014/12/25']}; The datetimepicker correctly shows the disabled dates as disabled. How can I get the disabledDates? It does NOT exist, but something like this would be good: $("#mydatetimefield").datetimepicker("getOption", "disabledDates"); I've tried: theoptions = $("#mydatetimefield").data('xdsoft_datetimepicker').data('options');
jQuery Mobile not formating the .append() created List
I am trying to build jQuery mobile website by looping through XML document and creating master list and individual pages... However the jquery.mobile-1.4.5.min.js script is running before page is built so the <li> are being added, but jQuery mobile isnt formatting is not right. Is there a way to call the jQuery mobile after the ajax loop is finished?
Show button when checkbox checked.
Hello guys, i have a small script to show the button when the checkbox checked. But the problem now is.. that I have multiple checkboxes and when I checked them all and uncheck one.. the button hides again here is my code: $(document).ready(function() { var $sub = $("#removImg").hide(); $(document).on('change', 'input[name="chkboxplat[]"]', function() { $sub.toggle(this.checked); }); }); I really appreciate your help :) Kind regard, Henk
Reset default CSS values; need help with syntax.
Hi, I'm building a responsive website, which includes a 'View desktop version' button on smaller screen sizes. I know it's not necessary in the first place, but my client wants it. So I found a method for creating such a button on this site. After implementing the solution from the website mentioned above, I could switch to desktop view from mobile devices. However, I wanted to leave an option for going back to mobile view on the requested desktop version. I wanted this button to show up only on
Post returns 404 after 40.09 seconds (consistent +/- .01) After executing code?
Hi, I've got a csv that I'm uploading via web form. Long story short, to appease my boss, I had to submit the form to a page that forwards the actual processing of the csv by ajax request to another script in the same directory. After exactly 40.09 (again, +/- 0.01 seconds) my browser receives a 404 error. During that 40.09 seconds, however, the csv file is being read and my database is being updated by the script that the server can't find? I feel like there's an implicit timeout somewhere since
trying to mimic dropdown menu of website
I noticed the dropdown menus at stripe.com are really nice. I inspected the code and it appears that they are using jquery, but I cannot tell if it is a plugin or all coded from scratch. Does anyone know how I can mimic that dropdown menu effect on our site? Thanks Mike
Next Page