Datepicker display error
Hi, everyone! I have two fields with datepicker inside a dialog. When I use them inside this dialog, everything works fine. The problem is when I close my dialog and re-open it to do other requests. My datepicker re-initialize whitout selecting any fields and do not close again. I've tried to close it manually with the dialog's close property but when I re-open it, my datepicker does'nt open again. Any idea? My form <div> <form onsubmit="return false;" id="formDialog"> <input type="hidden"
customization for plugin button.
I have 12 check boxes on a section and have a next button. i want to force user to select one box. On selection the next button should be visible. Someone have an idea?
add and remove elements is not working properly
I have a form that allows a user to create custom questions. The user needs to insert the title for the question and then choose the type of the question (text, long text, radio button, checkbox or select menu). If the type of question is a radio button, checkbox or a select menu it should appear a div "#availableOptions" that shows by default two input texts so the user can insert some option values. When this "availableOptions" div appears there is also a button "add new option" that when is clicked
How to edit, clone, save & hover elements
How to edit, clone, save & hover dynamically added elements my code is below please help: https://jsfiddle.net/ringaz/sa8xdh6x/ I Cant seem to get the value of item in a list on my edit button My Hover is not working right, if i hover on one element all of them are showing the hover result.
simple jquery problem
Hi. I have this simple jquery: <script> jQuery(document).ready(function(){ jQuery("#mostra").show(); jQuery("#nascondi").hide(); jQuery(".categoria-seo").hide(); jQuery("#mostra").click(function(){ jQuery(".categoria-seo").slideDown(1000).show(); jQuery("#nascondi").show(); jQuery("#mostra").hide(); }); jQuery("#nascondi").click(function(){ jQuery(".categoria-seo").slideUp(1000); jQuery("#nascondi").hide(); jQuery("#mostra").show();
How do I make the Superfish Hamburger menu icon larger? Where do I tweak?
How do I make the Superfish Hamburger menu icon larger? Where do I tweak?
Why date form field is appearing with current date by default?
I have a page to edit the administrators of a post. This page has a form with some radio buttons, each radio button corresponds to an administrator. I have this jQuery that receives an array with the administrators of a post from the controller and populate the details of each administrator in the form when the corresponding radio button is selected. The issue is that, there is also a radio button "Create new admin" and when this radio button is clicked the form fields should reset. The issue is
ControlGroup HUGE Input Text Box, please help...
Hello, I hope everything goes fine with you all! , I'm sorry to bother you but I have a problem I would like to resolve... I would like to do a simple inputbox with a button on the right side... similar to screenshot1 (attached)... but no matter if I copy the html code and the CSS from the jquery mobile page, it produces a HUGE inputbox with a lot of padding... (please check screenshot2)... here's my code... <div data-role="controlgroup" data-type="horizontal"> <select> <option>1</option>
An issue of JQM
Hello, My website has both header and footer, which are fixed and not toggleable. I want them stick at the top and bottom of window, no matter what happens. However, in some browsers, when a pop-up dialog with a text input shows, the header and footer become not fixed. They disappear automatically. And when that pop-up dialog closed, they do not show again. The header stick at top of webpage and the footer stick at the bottom of webpage. They should return to the top and bottom of window, right?
Change source file in a script?
I have an audio element with a playlist. When I click on one of the songs it takes the filename and displays it in a div with the id of nowplaying. EG. $("#nowplaying").html("<p>" + $("#myaudio").attr("src").split("\/").pop().trim() + "</p>"); This is working fine. Now I am trying to load in a text file of the lyrics for each song. I have this script that loads a text file into the html in a pre element: var x; { x = new XMLHttpRequest(); } function getdata() { x.open("get", "06 - All The
toggle class for each item with only one function
Hi ! I have many boxes with same class : <img data-id="1" src="showhide.svg"/><div data-id="1" class="box"></div> <img data-id="2" src="showhide.svg"/><div data-id="2" class="box"></div> <img data-id="2" src="showhide.svg"/><div data-id="3" class="box"></div> When I click on one img I want to toggle class for the box with the same data-id (no idea how many boxes I have and what data-id it is) to get : <img data-id="1" src="showhide.svg"/><div data-id="1" class="box expand"></div> if I click
Disable today and future date in Datepicker
Hi , <script> $( ".dateOfPurchased" ).datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) }); </script> I used above code to disable future dates. My requirement is To disable today date and future date in date picker I am using above JQuery to disable future date but not today date could any one cane help me in this
How to edit, save & hover dynamically added elements
How to edit, clone, save & hover dynamically added elements my code is below please help: https://jsfiddle.net/ringaz/sa8xdh6x/ I Cant seem to get the value of item in a list on my edit button My Hover is not working right, if i hover on one element all of them are showing the hover result.
Load content of Prev page on Back button click from next page
Hi, I am using a mobile page which gets data from server on load. Same page is having "+" button which takes you to another page. Next page is having a back button "<=" to go back the previous page, but when we click back button it goes to prev page , but don't load the data. I figured out this code is not getting executed when user comes back. $(document).ready(function () { //Code to load data using $.ajax call. });
Flipswitch widget rendered as dropdown inside panel widget
I noticed that the flipswitch widget is rendered as dropdown inside a panel, if i put the flipswitch widget inside a page it's rendered as i see in the jQuery mobile demos, is there a way to render it as in the demo?
Device-min-width query is not supported in Media query
Hi, While I'm using device-min-width is not working, but min-width is working. Anyone know why it is not working? Is there any other way to use device-min-width Query?
Hello world! I need help!!! I'm at a dead end. I cannot deduce picture from database. I use Ajax(jQuery) with PHP & DB phpmyadmin Ajax request
Hello world! I need help!!! I'm at a dead end. I cannot deduce picture from database. I use Ajax(jQuery) with PHP & DB phpmyadmin Ajax request $(document).ready(function(){ // code to get all records from table via select box $("#employee").change(function() { var id = $(this).find(":selected").val(); var dataString = 'empid='+ id; $.ajax({ url: 'getEmployee.php', dataType: "html", data: dataString, cache: false, success: function(employeeData)
Print documents using Javascript.
Hello, Are there any way to print office document(unstructured document), PDF, images using java script or any other design approach could print documents, except any ActiveX and vb-script. Thanks
change form action is not working - form not defined
I have a form that allows users to edit the administrators of a post but also create new administrators for the post. So this form has some radio buttons. Each radio button corresponds to an administrator of a post. When some radio button (administrator) is clicked the details of the administrator are populated in the form fields. When the "Update" button has clicked the details of the administrator are updated. But then there is a static radio button, "Create new administrator", that allows creating
Set the value of textbox and hidden fields are both not working
hi guys this simple script is not working. Please help Everything works except lines 17 and 18 (even the alert works) html elements are <input type="hidden" name="cropx" id="cropx" value="0" /> <input id="Text1" type="text" value="" /> I have also tried replacing html with val e.g $('#cropx').val(c.x); thank you $(document).ready(function ($) { $('#Image1').Jcrop({ bgColor: 'red', onSelect: function (c) { $("#ehi").click(function
JCrop is undefined - Conflicting Jquery Script
Hi guys, I am struggling with conflicting Jquery scripts, using asp.net mvc core 2. Whenever I add the layout page which has its own jquery library for bootstrap it gives the error (JCrop is undefined) If I block jquery in the inspect tool in chrome, it works. What can I do ? here is my code The only difference between the two pages, is that the main page (line 5) has the reference default layout in .net MVC which is Layout = "~/Views/Shared/_Layout.cshtml"; Also I am attaching the chrome network
Looking for autofill tutorial
Hello, New to jQuery and loving all the plugins. I am looking for a tutorial on how to autofill a form based on text field and query without reloading the page. For example enter the Company name and onchange it fills in the contact, address, city, state, zip, etc from the Company table. Thanks in advance for any guidance you can offer. Gary
Visual issue mixing listview and collapsible
I'm trying to dynamically generate a listview with a filter that contains entries of collapsible items (each of which also contains a listview). If a create the listview element (either by using 'data-role="listview"' or calling listview() on the element), the view looks fine. However, as soon as I filter on anything, all the collapsible items get a big white border put around them. It seems like the 'ui-li-static' class is being added to each item. I believe this happens when a listview item doesn't
jQuery in Salesforce causing vulnerability issues
Hi, We are using jQuery within Salesforce to develop the typeahead feature. However our app did not pass the Salesforce security review and they have asked us to fix the issue. I am not very sure, how to fix the issue and how to test this so that it does not happen in the future. Please find the issues listed below. I don't have any familiarity with jQuery and I am wondering if by using a later version will solve our issue. Any suggestions will be really helpful. Thanks *******************************
How to show server side error using jquery and ajax.
I am new to jquery and php. i have one query that i have mentioned below. plese help me to fix this query. 1.) I want that when i enter email in signup form for signup who already registered in database then a warning message show for account already existense. I use jquery validation plugin for client side validation and use ajax for form submit. when i signed up successfully, successfull-message show properly in a div which class is ".signup-success". but when i enter email that already registered
Need help with json
hi all i am newbie to json someone gave me a script but i need it to be fetched from json file it self not use the java script need the file trying to make a non faucet list but its not happing as i feel like to give up if any one can help me it be great <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
Adjusting the width of a text input type
I'm using a text input, and whenever I search for anything on how to adjust the width of a text input, I get results for JQuery UI Mobile. Here is a sample: <label for="seed">Seed:</label><input type="text" name="seed-input" id="seed" placeholder="Leave blank for random seed" />I'm new to JS, JQuery, and CSS.
Uses Passive Event Listeners to Improve Scrolling Performance
Hello, Is jQuery v2 or v3 using passive event listeners to improve scrolling performance (mostly for smartphones and tablets) ? Look at Google talking about that : https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners Thank you.
How to use jQuery to load the values in the form fields when the corresponding radio button is selected?
have a form that has some radio buttons. Each radio button corresponds to a registration type of a conference. For that I have this code: @foreach($registrationType as $rtype) <div class="form-check"> <input class="form-check-input" type="radio" name="radiobutton" id="{{$rtype->id}}" value="option1"> <label class="form-check-label" for="exampleRadios1"> {{$rtype->name}} </label> </div> @endforeach Below the radio buttons, the form has some fields
Jquery ajax NEVER passing data to php script
Hello, It seems my code is NEVER passing data to my php script. I'm using xamp as "server"... here is how I coded : $.ajax({ url: "phpscript.php", type : 'POST', contentType: "application/json; charset=utf-8", data:{user_id:'user_id'}, dataType : 'text', success: function(result){ console.log(result);}}); My php is soooo simple <?php $value = array(); $value['id'] = 'ok' . $_POST['user_id']; echo json_encode($value); ?> console.log(result) says : <br
How to add Custom headers in ajax call
when i send ajax based call to api without header then it's working fine but i add some custom header like Authorization then it's does not add the header and i am getting error... any one is there who's help.... $("#Loginform").submit(function () { var token = localStorage.getItem("AccessToken"); var username = $("#username").val(); var password = $("#password").val(); $.ajax({ url: $(this).attr('action'), data: {
Is it possibe to use {} in jquery?
Hi, Currently i'm are developing something on Joomla and Hikashop. From Hikashop plugin there is code that i can use to get the product data. Here is the code i can use in joomla article. {product}1|name|cart|quantityfield{/product} Here is the part for calling the other detail. jQuery.each(ac, function(index, value) { jQuery.each(value.unmet_quotas, function(subindex, subvalue) { jQuery.each(subvalue, function(subsubindex, subsubvalue){
Bradley Witham- jquery
Hi, i am Bradley Witham I am new in Jquery can anyone tell me. Is jQuery replacement of Java Script. Thanks, Bradley Witham
can you use jquery to target div in a flexbox markup if it is offline
I am attempting to change several off line framework based educational "apps" (study-ssytems ????) to flexbox before frames go away. It seems the only way to target a div is thru javascript or Jquery. I know neither. Ouch! I am a teacher who never took a computer course. But have developed with raw css1 til now 3 and html 2 til now changing to 5 educational "apps" they are note taking systems and study resources. It's not small as I have more than 10,000 links. in the 86gb of files. Everything
Display div if text found, hide otherwise
Hi, looking for script to search for a specific text string in div1 if text is found set div2 style to display:block; else set div2 style to display: none; <div id="div1">Contains or does not contain specific text</div> <div id="div2"></div> style="display: block;" or display:none; Thanks!
jquery function
Hi there, I have some fields in same page, that I need check before save data in db. I created one function for each section, and for check I use a if chain if(checkTestata()){ if(checkVigili()){ if(checkMezzi()){ if(checkAutista()){ interventoSave(); } } } until function checkVigili everythings is ok. But function checkMezzi() don't work properly. This function check a table, and show a message to the user,
reset form fields when check input is checked
Hi, When the check input "Create" is checked I want to reset all the form fields. Im using the js below but its not working, do you know why? <form method="post" class="clearfix"> <div class="form-row"> <div class="form-group col col-lg-6"> <label for="options">Options</label> <div class="form-check"> <input class="form-check-input" type="radio" name="exampleRadios" id="" value="option1">
Change the datetime format of the calender control to mm/dd/yyy hh:mm
I want to change the datetime format for the datetime picker control from yyyy/mm/dd hh:mm to mm/dd/yyyy hh:mm here is what i am doing script> $.datetimepicker.setLocale('en-us'); var ct = $$("tbStartTime").attr("id"); ct = '#' + ct; $(ct).datetimepicker({ dayOfWeekStart: 1, lang: 'en-us', formatDate: 'MM.dd.yyyy hh:mm' }); $(ct).datetimepicker({ value: '', step: 10 }); var ct1 = $$("tbEndTime").attr("id");
Cannot change jquery-ui tooltip content as it is being displayed
I am using jquery-validation alongside jquery-ui tooltip to do the validation and displaying of errors in my form. To do that, I set the errorPlacement option of jquery-validation as such errorPlacement : function(error, element) { element[0].title = errorMessage; } This sets the title of my element with the error message, and jquery-ui does the job of displaying it as a tooltip. Then, when the error is corrected, I simply clear the title of the error, in hopes of stopping the tooltip
Width of dialog when used in a loop
Hi I have a problem controlling the width of a dialog, when I use it in a loop (I have a dialog for each option in a for loop). My code is based on this example: http://api.jqueryui.com/dialog/#entry-examples , and when I run this example as it is, the width function is working perfectly. Adding the loop function, then the widht does not work. Anyone who knows what is wrong? My code: <?php $cars = array("Audi", "BMW", "Mercedes"); for($n=0;$n< sizeof($cars);$n++) { echo
Next Page