datepicker - Style / format
I am trying to include datepicker in a form. In my form, the display is compressed, the Current date is not highlighted, and the forward, back links do not work. I created a simple web page to test using the code on the site, this shows the same issues. The format shown in the example [ https://jqueryui.com/datepicker/ ] would be fine. I posted my test page at http://50.77.3.204/datepicker.html The entire page code is: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"
customizing validation
Hi guys I don't want to use a form button submit event, as I am using (MVC reusable partial pages) so I want the jquery validation with control. In some instances these partial pages appear as modal popups How do I focus on the required fields and enable the custom error messages. Here is my code $('#Button_Lists_Submit').click(ehi); // calls the validation code below var Submit_Form = function () { debugger var data = $('#List_Form').serialize();
How to hilight a TITLE in area tag?
Hi all, for now I use this site to hilight a map area. But how to hilight a title?
JSON Data to container
I am trying to fill some content with JSON data: HTML: <div id="overview"> <div class="counter" style="background: lime"> <h2 class="count-title" data-field="counter1">0</h2> </div> <div class="counter" style="background: red"> <h2 class="count-title" data-field="counter2">0</h2> </div> </div> JSON: { "counter1" : "5","counter2" : "30" } JS: $.getJSON('<json file>', function (data) { $('#overview'. ????? }); there are up to 20 counters, so the fields should filled in dynamic with
Am trying to load a PHP page with AJAX, nothing displays and this is error got from chrome console
this is the error i got from the chrome console
Display dynamic option value in footer Jquery script
Hi all, I really hope you can help me! I'm using a wordpress plugin to show swatch colours on product variations in a woocommerce store. http://ourdevserver.com/first-trim/product/rainbow-polyester-column-13-5000m/ Currently the colour code only shows when you hover over the swatch in a little tooltip. I've added a script to the footer that is supposed to show the code next to the swatch as well : jQuery('.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-item').append('<h6>R1044</h6>');
Am having issue on how to use AJAX
sorry, this is what i have not the former $(document).ready(function(){ load_timelines(); function load_timelines(){ $.post("disptimeline.php", function(data){ $('#main_article_frame').html(data); }); } }
How to add slideDown animation in php bootstrap alert
In my code, bootstrap alert is showing without any animation. I want to add jquery slideDown effect to error. Error occurs when a user enters wrong credentials to log in. The server-side language is PHP Here is my code. <?php include("includes/connect.php"); if(isset($_POST['submit'])){ $uname=$_POST['user']; $user_pass=$_POST['pass']; $query="select * from login_info where user_name = '$uname' AND password='$user_pass'"; $run=mysqli_query($conn,$query) or die("error"); if(mysqli_num_rows($run)>0){
How do I correctly append the entire form data to ajax post
hi guys how do i correctly append form data to an ajax post ? here is my code below <form id="List_Form"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <div class="form-group"> <label asp-for="Who_Is_It_For" class="control-label">I want to create a list for:</label> @Html.DropDownList("Who_Is_It_For", new List<SelectListItem> { new SelectListItem{ Text="Myself", Value = "Myself" }, new SelectListItem{
Displaying HTML value in jQuery
I am having issues in my code. I can't seem to display the value of the variable HTML <html> <div id="target"></div> </html> <script> $("viewArray").click(function(){ var zName = $("#checkArray").val(); var text = "<h1> Username Details </h1>"; var uName, fName, elmail, pword, g_nder; var b_day = getAge(); if(!storage[zName]){ alert("Username doesn't exist"); return; } uName = storage[zName].uName; fName = storage[zName].fName;
Where to find the goodies?
Friends: I teach a few introductory courses in Dreamweaver at a small regional university. We just changed books and I bumped into a lovely routine called Lightbox based in JQuery. I suspect the readers of forum are familiar with it. My question is where do I go to find all the other JQuery libraries that are offered free and would be a practical use to developers in their first year or two of constructing Websites? I'm not looking for a specific site that might do "X", since I literally don't
Problem
Reviews Of Sphinx làm cho Đẹp Mỗi Ngày đang ở trên Facebook. Bức ảnh cô bé 5 tuổi đẩy xe rác cho mẹ tức khắc trở thật tình điểm trên mạng trong những ngày đầu năm. bởi thế mà khi được táng trực tiếp, sự phân hủy sẽ tác động trực tiếp tới nguồn nước và không khí, môi trường tiếp giáp với. không những thế, rẻ nhất là bạn nên trò chuyện với bác sĩ trước khi sử dụng chúng. làm mặt nạ tinh bột nghệ dưỡng trắng sở hữu sữa tươi sẽ góp sức cho chúng ta chăm nom da trong khoảng bên trong, dưỡng trắng trong
Problem with "scroll" event
Hello everyone! I have problem with working scroll event. I wrote this code: $(document).on('scroll', '.dialog_box', function(){ console.log('testing'); });And when I scroll this element nothing happens. I use on method because originally there is no such element on the page. By the way if instead of scroll event I use click event everything works perfectly. Thanks a lot in advance for any help!
Question about find
Hello, I'm trying to figure what this one line does in the script at the end of the jQuery.post() documentation. var content = $( data ).find( "#content" ); I realize it creates a variable named content, but where is it getting it from? There is no element in the example code with an id of content. Also, is the ( data ) the same data that is returned by the $.post? Any help would be gratefully appreciated. Thanks, Tony
jQuery not supposedly display multiple table
Hi i need help on displaying table using jquery. <?php if( $_POST["switch_3"] || $_POST["vegetarian"] ){ $donateAmount = $_POST["switch_3"]; $vegetarian = $_POST["vegetarian"]; if($vegetarian == ""){ $vegetarian = 0; } else{ $vegetarian = 1; } } ?> <script type="text/javascript"> // Check security token jtoken = jQuery("#jtoken").find("input").serialize(); var donationAmount = '<?php echo $donateAmount; ?>';
Function after function
I have a simple line of code $('#main-menu').slideToggle(500) What I want to do now is when that's finished sliding, run ajax, once that's done do something else. I have do them all one by one but how can I do it so they work in order and wait for completion
How to react with jQuery on return values of a PHP script? Can I set a cookie without the need of a page reload to access the cookie?
Hi there, I'm new to jQuery. I would like to learn more about it, so I decided to do a small login form with jQuery v3.3.1 and PHP v7.2.3. The idea is to have the jQuery working on the client and asynchronously calling a small PHP script on the other side. But I run into some questions were I struggled to find answers, I hope somebody here can help me out. My login form looks like this (pastebin). If I click the submit button my script.php is called and in the end I return i.e. 0 or 1. Is there
user input in ` for ` loop in PHP using jquery modal
Hi all, I want to take user input in a for loop.My code is as follows.. for($i=0;$i<100;$i++) { if($i/2==0) { //here ask user input via bootstrap modal and based on that proceed or skip } } This input must be from user and i have tried to call jquery but failed..anybody tried this or aware abt how to do it.. Thanks in advance Regards Sri
Sortable "grid"
Hello, I've started today trying to get a piece of code working: <html> <head> <style> #sortable1 { list-style-type: none; margin: 0; padding: 0;} #sortable1 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; background-color:yellow;} #sortable2 { list-style-type: none; margin: 0; padding: 0; width:100%;} #sortable2 li { float:left; margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; background-color:green;} </style> <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
Where can I ask questions about my jQuery $.post?
Hello, Can anyone tell me where is the best place to ask questions about my simple jQuery $.post script? Thanks, Tony <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function () { $("button").click(function () { alert("Button clicked") $.post("https://secure.chinavasion.com/api/getProductDetails.php",
How to add label before textbox
Hi - First time poster here. I've never used jquery or much javascript at all. I have to add a label above 2 text boxes - I've tried various ways of using append and prepend and nothing works. This is the code I have: <form class= "login-form"> <div class="form-group"> <input class="form-control" placeholder="Username"></input> </div> <div class="form-group"> <input class="form-control" placeholder="Password"></input> </div> ... </form> inside I want: <div class="form-group">
Jquery regex match code does match good and not good
Hi I use a code to check input value with regex. When I "blur" input it checks and tell me its good when passed. When I click into same input again and "blur" away it checks again but now tells its not ok what Im doing wrong? My Code is: <input type="text" id="name" name="name" placeholder="name" /><a>??</a><br /> <script> $(document).ready(function (){ $("input").blur(function () { checkvalue(this) }) function checkvalue(i) { if ($(i).val() != ("")) { if (eval($(i).attr("name") + "regex").test($(i).val()))
Manage claas in list?
tuy vậy, để khoe ra hết vẻ đẹp của phụ nữ, các chị em nữ giới cũng cần lưu ý cách điểm trang và chọn y phục ăn khớp nhé. Dưới đây mà các gợi ý điểm trang đẹp có son đỏ, Các bạn hãy tham khảo nhé.Đối sở hữu phụ nữ, màu son đỏ từ lâu đã được coi là biểu tượng của nữ quyền và sắc đẹp. ấy cũng là lý do vì sao các quý cô đều đôi lần muốn thử màu son này cho những dịp cần thiết của mình. ngoài ra, kế bên những biểu tượng sexy thành công có màu son đỏ, không ít phái đẹp đã không thể tự tín tuyệt đối, bất
Problem with my script
Hello, For exams, I set up a counter on my page I want to block the refresh key of the browser, and also when you click on the address bar, prevent to activate the key enter or F5. My script ends with a redirect: on the new page, prohibit the backspace key. Could you tell me if it's possible and how to do it Thanks you for your help!
Need help with linked selects using ajax and jquery
I have a django 1.11 based web site, and I am trying to use jQuery to update a select box based on a selection in another select box on the same page. I am not a jQuery or javascript developer, so I am a little lost. This is my script - var $ = django.jQuery; $(function() { var t = $("#id_documentmetadatavalue_set-0-metadata"); t.change(function(){ if (t.val() !== '') { alert("change"); var selected = []; $("#id_documentmetadatavalue_set-0-metadata
How do I include the jquery files into my asp.net vb.net program within Visual Studio 2017
I am very new to jQuerry. I develop using VB.net in Visual Studio 2017. I came across a "Mobile-friendly Drag'n'Drop event calendar plugin - CalenStyle. I have come to the git hub site ... I see the files but I don't know what I am supposed to do with them. I assume I download them ... but where do I put them in my vb.net code program? Can anyone give me a brief overview ... I am not sure what I put in the aspx form. thanks dave potter
jQuery 3.0 Chrome, Edge, Firefox, Safari desktop version compatibility
Currently I'm using jQuery 1.8.1. I'm going to upgrade to 3.0 for security reasons. When I see the document of https://jquery.com/upgrade-guide/3.0/#browser-support, it's saying Chrome, Edge, Firefox, Safari: Current and Current - 1 But I'm not sure what it means. ex. Google chrome : 65.0.3325.181 jquery 3.0 compatible to 64.0.x but not previous versions? current means the time when jQuery 3.0 released?
Change the color of one of multiple boxes
Kindly explain how do I make a selection of one box at a time to change its color using JQuery. I believe an if and else statement is needed, but cannot figure it out. HTML <div class="box"><p>$10</p></div> <div class="box"><p>$20</p></div> <div class="box"><p>$30</p></div> <div class="box"><p>$40</p></div> CSS .box { width: 100px; height:100px; border: 2px solid blue; } JQUERY $(document).ready(function(){ $(".box").on({ click: function(){ $(this).css("background-color",
weird problem with the datepicker
Hi I hope I'm in the correct place and someone can help me out. I have a form on my website where people can sign up. The form has a button so that when the button is clicked, another form is added on the page, so people can add as many forms as they want. At first, the datepicker gave me issues, but that problem was finally resolved. Now I run into the following issue and I have no idea how to fix it or what's causing it: * if someone clicks the datepicker field on a single form, it all works fine
validate
Good morning, I have the text field and need to validate to make sure user has enter the number between 2-12. Can you please help how to do it? Thanks
Jquery draggable doesn't work
In one of my web pages, there is a div containing an image wider than the div (container). In order to view it completely, it is to be moved by mouse. My problem arises when, moving it to the right, and to other directions as well, it goes on beyond the edge instead of stopping at the end of the shot. I made some attempts: {containment: "parent"} When the image is moved, it jumps then stopping random. Also, when dragging the image, the cursor remains the one defined by (css) ? and does not change,
Problem with writing a small plugin
Hi all, I'm trying to write a simple plugin for required field. I have a label to display an error massage and success massage. I don't know how to display massage. HTML <div class="modal fade" id="dialogAddContPersonCustomer" role="dialog"> <div class="modal-dialog modal-wd"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Add Contact Person</h4> <center> <label id="lblErrorMsg" style="display:
Hello. I take data from table and substitute them to other table. I'm take necessary data, substituted id to other table, instead #sel1 on selected file. I'm not seeing a mistake
select data from table PHP <td> <div><strong> <select class="form-control" id="sel1" name="sel1"> <option value="" selected="selected">Select:</option> <?php $sql = "SELECT id, mo_number FROM filters"; $resultSet = mysqli_query($conn, $sql) or die("database error:". mysqli_error($conn)); while( $rows = mysqli_fetch_assoc($resultSet) ) { ?> <option value="<?php echo $rows["id"]; ?>"> <?php echo $rows["mo_number"]; ?></option> <?php } ?> </select> </strong></div> </td> PHP include 'crud.php'; $object
Passing a block of html to jQuery function
I am new to jQuery and trying to figure out the sample code below: var taskTemplate = '<li class="task"><input class="complete" type="checkbox" /> <input class="description" type="text" placeholder="Enter task description..." /> <button class="delete-button">Delete</button></li>'; function _renderTask(task) { var $task = $(taskTemplate); if(task.complete) { $task.find(".complete").attr("checked", "checked"); } $task.find(".description").val(task.description); return $task;
Autocomplete pre populate other input
Hi, i'm using autocomplete on one input. Now i like to populate other input with the selection of the first... I'm trying like this, but dosent work... Anybody can give me some help? <script> $(document).ready(function(){ $('#ncm').keyup(function(){ var $this = $(this); var valueSearch = $this.val() $("#ncm").autocomplete("ncm_autocomplete.asp", { selectFirst: true, multiple:
How to convert from RGB to color name?
I'm new with jQuery and I've run into a snag. I have css set up and <divs> to display a circle and two squares on the page. I wanted to have an alert provide the background color as well as a shape name. When I used the following code, I get back the RGB code: $("div").click(function(){ if ($(this).attr("id") == "circle") { alert("You have clicked a " + $(this).css("background-color") + " circle!"); } else { alert("You have clicked a " + $(this).css("background-color") + " square!"); }
Hello! I display pictures in a table from the database.
I display pictures in a table from the database. If I do not use a modular window, display it as it should in each cell. But if I use a modular window, displayed only the last image in each cell . Plz help to change the code or write function <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="assets/control_styles.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
Mixed Content Warning only when I hit the calender button
Hello There, I get a mixed content warning the moment I hit the calender in my request form. jquery.js:3 Mixed Content: The page at 'https://www.ossiachersee.net/urlaubs-anfrage/' was loaded over HTTPS, but requested an insecure image 'http://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png'. This content should also be served over HTTPS. This is a wordpress site. How do I get this fixed? I am an absolute beginner..... Thank you for your help! Kind Regards, Inge
Replace youTube height and width
dear sir / madam we have YouTube code <iframe width="560" height="315" src="https://www.youtube.com/embed/MtbxtzufgTM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> we want to replace width by 100% and height by 100% I want to do it using JQUERY in php I am using $copy_date = $rows['detail'];// youtube code $pattern = '/width="\d+"/i' ; $new_style = 'width="280"' ; $detail = preg_replace($pattern, $new_style, $copy_date) ;
Using array index to access HTML element grabbed by jQuery selector
jsfiddle here:https://jsfiddle.net/twdLpee6/3/ HTML <span>123</span> <span>abc</span> JS var clear = $('span'); clear[0].html(""); I expect output to be: abc and that '123' is removed. But output I get is: 123 abc THX
Next Page