Dragging objects onto an image in specific locations on that image
This is possibly the most basic question a newbie can ask but I've spent a few days (obviously looking in the wrong places) looking for such: 1. My question does not concern the dropping of a file onto an image for the purposes of up/downloading the file or exposing a form; 2. I need to be able to drag objects onto an image as a dropzone - each specific object dragged and dropped on a specific part of the dropzone image. I've seen examples of objects being dropped onto a logo but I'm not sure where
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();
array in data attribute selector
Hi, I am breaking up a string using regex (see here: https://regex101.com/r/mGdwOQ/1). I am then trying to do a .filter() for certain elements based on the entered criteria. How can I use .filter() to look for multiple values in both the data-label and data-value attributes? .aspx page: <span data-label="name" data-value="<%# DataBinder.Eval(Container.DataItem, "Name") %>"><%# DataBinder.Eval(Container.DataItem, "Name") %></span> <span data-label="date" data-value="<%# DataBinder.Eval(Container.DataItem,
Using JSON Data for Live Information
Hi, i need help. At the moment i have this on my site dashboard.php $(function() { $.ajax({ type: 'POST', url: 'inc/elevators.php', dataType: 'json', success: function(data) { console.log(data); } }); }); And my elevators.php has this result [ { "equipmentnumber":10015810, "type":"ELEVATOR", "description":"zu Gleis 6/7", "geocoordX":6.7941232, "geocoordY":51.2202587, "state":"ACTIVE", "stateExplanation":"available", "stationnumber":1401 }, { "equipmentnumber":10015811,
Basic JQuery game
Hello, i have a problem. I´m pragramming a simple memory game but i need match two different images. With different file names like 01.png and 01_.png. Can you help me with it in this code? It's my first jQuery program and I'm beginer. Thank you so much for response. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <title>JQuery Memory Game</title> <script type="text/javascript">
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?
reverse of .animate on scroll
hello. i want to scale down my navbar on scrolling down and animate it back to normal by scrolling up. The first step works perfect, but i don't get it resetted. Any help appreciated, snote $(function () { var lastScrollTop = 0; var $navbar = $('.navbar'); $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop) { $navbar.animate({ right: '10px', width: '150px' }, 2000, "linear"); } else { $("navbar").removeClass("animate")
updating nested listviews for navigation
My website uses an unordered list in a php file for navigation. I use Mobile_Detect.php to determine if its on a mobile device. If so, we load JQM 1.3.2 an use nested Listviews on it. Otherwise we stick with CSS for desktop. I'd like to stay current with JQM and upgrade. I could not get the Listview Plugin to work. I have experimented with a combination of listviews within collapsible sets and it appears to work with JQM 1.4.5. problem: I'll have to maintain two menus; the original ul for desktop,
how to show specific time zone in website?
Được ví như nghệ thuật trang điểm vĩnh viễn, phun phiêu môi thẩm mỹ đang trở nên 1 trong những hình thức làm đẹp bậc nhất được hồ hết chị em đàn bà Đánh giá và trải nghiệm. Hình ảnh bờ môi căng mọng, gợi cảm và tươi tỉnh luôn gắn liền mang sự tài tình khéo léo của “Bàn tay vàng” Phượng Hồng Kông. Người nữ giới đẹp đã sáng tạo và truyền cảm hứng cho nghệ thuật phun phiêu thẩm mỹ ra đời và phát triển. xem thêm:[url=https://phunxam.com/ban-co-dang-thac-mac-phun-moi-gia-bao-nhieu/]phun môi collagen giá
How to turn a specific tab active when a link is clicked?
I have the layout like is in the fiddle using bootstrap tabs. The issue with this context is that when a pagination link is clicked in some tab, for example, if the user is in the tab "Draft" tab inside "My Congresses" tab, and clicks in the pagination link "2", the url changes to "http://proj.test/user/profile?page=2#myCongresses" but the tab that become active his the first one ("Update user info") tab. Then if the user clicks in "My Congresses" it appears the results of the page 2, but the user
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
How to write THIS jquery ajax code in PLAIN js to send to PHP?
I've been using jquery ajax all over my website to return data from PHP as json_encode(). And works fine in Firefox, but Chrome, Safari and mobile browsers make the users ajax requests like 10 times slower. I do receive a TON of JSON's coming from PHP back to my jquery success. I've been trying to replicate this jquery ajax code to receive it in PHP as I receive it with jquery, as a $_POST superglobal for each JSON element.. I've tried a lot of different ways with plain JS but couldn't get it to
How to set a headline for JQuery autocomplete
For my autocomplete I sort my results into 3 sections "title", "company", "tag". I would like to have a headline for each section: What I have: What I aim for: Here is my code: ... .autocomplete( "instance" )._renderItem = function( ul, item ) { if(item.option==="title") { return $( "<li>" ) .append( "<div><i class='fas fa-tags'></i> " + item.label + "<br> title </div>" ) .appendTo( ul ); } else if(item.option==="company"){ return $( "<li>" ) .append( "<div><i class='fas fa-building'></i> " + item.label
Get the value attribute of the selected LI element in jQuery UI menu
Hello fellow jQuery users, I have prepared a simple jsFiddle demonstrating my 2 problems: For that I have taken the jQuery UI menu with categories example and have just added VALUE="some_number" attribute to each <LI>-element: <ul id="menu"> <li class="ui-widget-header"> Category 1 </li> <li value="1"> Option 1 </li> <li value="2"> Option 2 </li> <li value="3"> Option 3 </li> <li class="ui-widget-header"> Category 2 </li> <li value="4"> Option 4 </li> <li value="5"> Option 5 </li> <li value="6">
code messier than it should be
I have groups of check boxes. When a checkbox is ticked/unticked i want to check if any check boxes in the same group are checked. I have the following HTML, this is dynamically generated so there could be any number of 'groups' <div class="group"> <span class="title--bold">Time Found</span> <span><input type="checkbox" name="vehicle" value="Bike"> Today</span> <span><input type="checkbox" name="vehicle" value="Bike"> Yesterday</span> <span><input
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
Problem with Jquery
Phun môi thẩm mỹ mang thể cải thiện tình trạng môi dày, môi mỏng, thâm, đen cho phái đẹp. Nó giúp trở thành hoàn thiện hơn mà không cần phải giải phẫu mà màu sắc vẫn luôn hồng hào, tươi tắn. Nó cũng loại bỏ vĩnh viễn việc phải dùng bút chì kẻ viền môi hay tô son hằng ngày. XEM THÊM:[url=https://phunxam.com/ban-co-dang-thac-mac-phun-moi-gia-bao-nhieu/]phun môi pha lê giá bao lăm[/url] Thiếu những thỏi son, nghe đâu gương mặt phát triển thành nhợt nhạt và kém sắc. Và việc quên đánh son không khác gì
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>');
containment is not working with Drag Drop and Re-sizable div
"containment " is not working with Drag and Drop. Kindly check the below code. // JavaScript source code $(document).ready(function () { //Counter counter = 0; //Make element draggable $(".drag").draggable({ helper: 'clone', containment: 'frame', //When first dragged stop: function (ev, ui) { var pos = $(ui.helper).offset(); objName = "#clonediv" + counter $(objName).css({ "left": pos.left, "top": pos.top
How can I use promise() in jQuery each
I have code below: function checkboxAssign() { _locationIds = $('input[name=location]').val(); _zoneIds = $('input[name=zone]').val(); _regionIds = $('input[name=region]').val(); _categoryIds = $('input[name=category]').val(); $('input[type=checkbox]').each(function() { $(this).attr('checked', false); }).promise().done(function() { if (_locationIds != '') { locationIds = _locationIds.split('-'); locationIds.forEach(function(el) { $('.search-zone input[type=checkbox]').each(function() { var dataType
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){
preventing beforeonpagechange when form is dirty
Ok, so catching a dirty form is easy enough... BUT... how do you catch, prompt and then either deny or allow a page change? The use case is this: Users navigates to profile page, makes a change and then navigates away without saving and then complains because form (profile picture) is not saved. I've tried onbeforepagechange and pageremove and both are getting executed regardless of my best attempts to intercept, check my dirty flag and prompt for permission to abandon. Help!
Resume after preventdefault()
I am using event.preventdefault() to prevent various default events occurring. I Displaying a modal / lightbox window instead. The window has some buttons one of which will allow the event to continue. Is there any way to store the prevented event and run it later? If it helps although the elements which have prevented events are very dynamic i can be certain that the only event which may need to be continued is the last one which was prevented perhaps the event.isDefaultPrevented() can help
jQuery job but only after the default behavior
When user clicks the Escape Key I need to do some jQuery job but only after the default behavior has finished. Does anyone knows how to do it? If so also to drop her some snippet to demonstrate? Thx
An image rotation 360º with jquery animation NO css?
I need to rotate an image 360º with jquery animation (no CSS) when I hover the image with the mouse, also the image is in movement, I don't know if it afects. Thank you.
Two animation working at the same time ?(read the description, I don't know how to formaulate it with a question)
I have an animation that works on a click, so the element(1) goes where I click, but I have another element(2)that increases with a click, the problem is that when I click element2 I don't want the element1 to follow the mouse. Thank you.
How can I make an image move to the right, then flip, and then move to the left, using selectors and functions?
I have an image of a fish and I need to do an animation so the fish goes from one site to the other, but when it reaches the top of one side I want to flip the image so it doesn't look that it's swimming back. I've started doing this: $(document).ready(function () { $("#fish").animate({rigth: '200'}, 2000); and for fliping the image this: transform: .css({ 'scaleX(-1)' }); and I guess for turning back it's the same as the first one just changing directon left. But I don't know how
TABs vs Layout
Hi everyone, I am using the TABs widget tool and would like to achieve the following. Currently, I have! <----------- -----------------> <----------- My Header -----------------> This looks good, fits nice, etc... <------------------------------------------------------------> <----------- ------------------> <----------- My Tab area ------------------> This looks reduced.... <------------------------------------------------------------>
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{
I want to change the value of SELECT, the remote access dont change, why the error?
$(function() { function log( message ) { $( "<div>" ).text( message ).prependTo( "#log" ); $( "#log" ).scrollTop( 0 ); $( "#log" ).css("width","50px"); } var file='../ajax/'+Change_ItemToBeRead(); $( "#birds" ).autocomplete({ source: file, minLength: 1, select: function( event, ui ) { log( ui.item ? "Selected: " + ui.item.label + " aka " + ui.item.label : "Nothing selected, input was " + this.label ); $('#code').val(ui.item.id); } }); }) function Change_ItemToBeRead()
I have a question about autocomplete，I want to change the value of SELECT, will change the remote access to the file, why the error?
<select id='sd'>
<option value ="111">aaa</option>
<option value ="222">bbb</option>
<option value="333">ccc</option>
<option value="444">ddd</option>
</select> <input type='text' id='mecode'> <script> $( function() { function log( message ) { $( "<div>" ).text( message ).prependTo( "#log" ); $( "#log" ).scrollTop( 0 ); } var file=("#select1 option:selected").val();+'jsp' $( "#mecode" ).autocomplete({ source: function( request, response ) { $.ajax( { url: file, dataType: "jsonp", data:
How to insert certain code/text after all <h3>...</h3> elements?
How can I insert a certain text (or HTML code) after all <h3>.....</h3> elements? A code like <h3>foobar headline</h3> nextline should look like afterwards e.g. <h3>foobar headline</h3> insertedline nextlineresp <h3>foobar headline</h3> <p></p> nextline
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;
LS not stopping dupes
(function() { //localStorage.clear(); // Parse the JSON stored in allEntries var existingEntries = JSON.parse(localStorage.getItem("allEntries")); if(existingEntries == null) existingEntries = []; var entry = $(".entry").text(); localStorage.setItem("entry", JSON.stringify(entry)); // Save allEntries back to local storage existingEntries.push(entry); localStorage.setItem("allEntries", JSON.stringify(existingEntries));
This code breaks from jQuery UI 1.8.21 to 1.8.22
The value is written to a text field when it changes. The thing that breaks is that when the year selector is changed it no longer updates the year in the text field. Code: $(function() { $('#datepicker1').datepicker({ changeMonth:true, changeYear:true, yearRange:"-100:+0", dateFormat:"mm/dd/yy", onChangeMonthYear:function(y, m, i){ var d = i.selectedDay; $(this).datepicker('setDate', new Date(y, m - 1, d)); } }); });
If url path contains text, but doesn't contain other text?
Hey Guys, I have three url paths I need to check the text strings in them and do different stuff for each one. My paths are: Audio/! Singles !/ Audio/Albums/- Various Artists -/ Audio/Albums/ These folders all contain numerous other folders one for each album, Some also have sub folders for multi disk sets. What I need to do is run a different script depending on what folder it is in. So far I have: var test = $('#pathname').text(); if (test.toLowerCase().indexOf("! singles !") >= 0) {do stuff -
using jquery for form entry
Please pardon my inexperience with jQuery as I dove into it in order to solve a simple data issue. I use a very simple web form to submit entries in a MySQL database. Originally, this was a basic web form (using PHP) that would submit the data and refresh the page. Seemed simple enough. Unfortunately, doing that dozens, even hundreds of times, daily, ran up my data usage on my free web hosting site (this is for a hobby). My solution was to not refresh the page, but still submit the data. Welcome
Reponse to jakecigar
JakeCigar, Got an email that you had responded to my post, the email is below: jQuery Forum Hi, jakecigar has replied to the topic you follow., Exception was thrown at line 3670, column 8 in https://code.jquery.com/jquery-1.12.4.js. Did you start off your page with <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Some title</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> Without the meta you may wind up in IE6 mode! JΛ̊KEI clicked on the button in the email
FadeOut Ajax Response FadeIn
As the subject says, I want to fade out my current content, add my ajax response content and fadeIn my content. This is what I have $("#page-content").fadeOut(2000).html(result).fadeIn(2000); What's happening is my AJAX response is showing then it's fading out and in. Here is my full code $(document).on("click","#news-btn",function(e){ $.ajax({url: "getContent/news.php", success: function(result){ $("#page-content").fadeOut(2000).html(result).fadeIn(2000); }}); });
Next Page