How to set placeholder when drag an item to other container?
I have a table, and a list. I want to drag the table header into the ol list. But when the header items are being dragged to the ol list, the placeholder became a dot. I am using JQuery UI Sortable and connectWith option. Here is the code: jsfiddle.net/2d5tu9jb Thanks. [Update] Thanks kbwood.au, IE 11 and Chrome works fine. But Firefox doesn't.
when click on botton id show !
hi, i want to change css att when click on button and body ! when click on button , display att change to block and when click on body display att change to none my code : $(document).on('click','body',function(){ $('#login-form').css('display','none'); }) $(document).on('click','#login',function(){ $('#login-form').css('display','block') } can help me to solved the problem ? sorry for bad english :(
Display two column from JSON using AJAX in jQuery auto complete in a table format
Currently working on jQuery auto complete where I can able to generate data from JSON single column data, but I want two values should be displayed label and descirption this is my json [{"id":"Emirates College of Technology- UAE","label":"COL000001","value":"COL000001"}, {"id":"Al Khawarizmi nternational ollege- UAE","label":"COL000002","value":"COL000002"}, {"id":"Syscoms ollege","label":"COL000003","value":"COL000003"}, {"id":"Abounajm Khanj Pre-Uni enter","label":"COL000004","value":"COL000004"},
Sliders
Can someone tell me where to find the correct code to change the sliders from a maximum of 3 to a higher number of sliders?
select menu drop-down transition?
I like JQM's select (the one you get when you set data-native-menu='false' and match lable for = with the select's id). However, I can't seem to be able to apply a transition to this puppy. I want it to gently drop down, but all that happens is this harsh drop down. Is this possible to achieve?
Replace different text with different image
I try to replace different text with different image and want to add the code in to the template. I tried this <script type="text/javascript"> jQuery(document).ready(function() { $(function(){ $('itemExtraFields a:contains("Australia)').html('<img src="aussieflag.jpg"/>') }); </script> seems not to work. Any help would be great
How to fetch xml file using jquery?
portfolio.xml ------------------------------------------------------------- <? xml version="1.0" encoding="utf-8" ?> <portfolio> <thumbnail title="POS" imageurl="img/pos.jpg"> <type>Windows</type> <client> New zealand </client> <duration> 1 year </duration> <description> POS loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream
how can i avoid blurred screen
Hi, Please check the flipkart slider of my page http://customerparadise.in/home-page-demo/ , when you click on register then pop will appear and screen'll get blurred . Is there anyone who suggest me what sholud i do to avoid this,
Error with jquery UI datapicker
Plase help with this datapicker issue. I use two calendars in my page, resulting a weird behavior. When use first button, second button don't hidde like image show.
Jquery ui in Rational Application developer 8.5
Hi. After a quick search, I discovered that jquery mobile was embedded under RAD 8.5, and how simply I can develop a web application. But I wonder if there is a way to get the jquery ui widget instead of the jquery mobile widget with RAD 8.5?
how to to check selected values present in string or not
Hello, I want to check all check box check values are present in string or not. If yes then return true, if not then return false. using jquery. Suggestions are appreciated..!!
Auto add calculation by column pop up link
Hi, 1. I have a problem regarding jquery auto add calculation. It is a timesheet hour calculation. Basically, I've done 90% of it and other 10% I cant seem to be found the solution. This the script: <script type="text/javascript"> $(document).ready(function () { $('[data-toggle="popover"]').popover(); $('[id*=remarks_link]').popover(); function DisableDays(date) { var day = date.getDay(); // If day == 5 then it is
JQuery DatePicker not loading the year from DisplayFormat attribute.
I am using MVC 5 and JQuery 1.10 DatePicker. The view model is set to display the date as dd MMM YY format and the datepicker is set as 'd M y' . When loaded the date in the input is in the correct date format, ie. "6 Dec 15". The problem is the year on the Date picker is fixing on the first number as the year so the date picker initializes with the year 2006, not as 2015. Otherwise, the date picker is displaying in the correct date format but as the wrong year. View Model: [Display(Name = "USG
How to print an object on screen using jquery ?
here is something from my code var data = [ { index: 123123, name: "Nikola Nikolovski", grades: [ { course: "Calculus", grade: 10 }, { course: "OOP", grade: 9 }, { course: "Interactive Applications", grade: 10 }, ], edit: false }, how to print this , did anybody know
Remove data-type="horizontal" in javascript
Hi, I would like to dynamically change the checkboxradio widget from horizontal to vertical depending on the width of the page. window.matchMedia raises an event when the window becomes small. Then using $('.fieldset').attr('data-type', ""); the ="horizontal" part can be removed. When you create a page with just "data-type" on the fieldset the radio buttons are shown vertically as intended. However, when doing this dynamically nothing happens. I tried to call refresh() on the fieldset, but I don't
Remove jQuery from previous Script with secondary script
Hi There, I'm working with Wordpress child themes. My parent theme (twentythirteen) uses some jQuery to create a masonry layout in the footer and it's called in the parent themes files. The script is below.. if ( $.isFunction( $.fn.masonry ) ) { var columnWidth = body.is( '.sidebar' ) ? 228 : 245; $( '#secondary .widget-area' ).masonry( { itemSelector: '.widget', columnWidth: columnWidth, gutterWidth: 20, isRTL: body.is( '.rtl' ) } ); }I want to remove this Masonry code and doing so responsbly
How to use drag and drop with mouse event at the same time ?
Hi, I tried to use drag and drop with mouseover event in a tree table, to expand a node when the mouse pointer is over it. I can drag an drop or expand node but not at the same time. Can someone help me ?
How to get a display images from a folder.
Hi. Have been playing w/retrieving and adding content to the DOM. For example get the text from a .text and adding it to divs using .load. I'd like next to retrieve images and add one image per <p> to a div So if they div had three paragraphs the code should add an image each. or simply retrieve each image and list them all in one divs. so far i only managed to do it one at the time $("#ct0").append('<img id="sidbarImg" class="sidebarImg" src="imgs/coding-arts-rwd.jpg" />'); or I'd like to be able
SlideUp - block jumps while animating
Good day. I have slideUp and slideDown animations. Problem is when i start the event, all of my block which have to slideUp from float:left position they go right and after that they go left again and hide. How can i avoid jumping my blocks right while they are animating? Before animate: While animating: Code: $('.close_all').click(function () { $(this).parent().parent().nextAll('.price_content').slideUp(); $('.close_category').attr('src', 'img/upload/arrow1.png'); $(this).parent().parent().nextAll('.category').addClass('closed');
datepicker issue
I have a datpicker on a page and when I click the date I want nothing happens except a pound sign is appended to the url ? any ideas wht is wrong here is the html/javascript <html> <head> </head> <body> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"
Why validator is not validating?
Hi, Below link... http://www.jassimrahma.com/CakeBoutique/contact.php I am try to validate required fields but it's ignoring as I am using a placeholder so it's considering it as value. How can I fix it please? Thanks, Jassim
jQuery dialog trigs all the buttons open simultaneously
I am using Jquery dialog within a table with some PHP code. The script is as follows: <script type="text/javascript"> $(function() { $(".trigger").click(function() { $(".dialog").dialog("open"); }); $(".dialog").dialog({ autoOpen: false, position: 'center' , title: 'definizione', draggable: true, width: 480, height: 380, resizable: true, modal: true, show: 'slide' }); }); </script> The table is this: <table> <tr> <th>TITLE</th> <th>info</th> </tr> <? while($objResult = mysql_fetch_array($objQuery))
Jquery for webapps
Hi there, I try to build web base app. In my home page, there is left side for navigator and right side for the content. while i click the nav menu, i just load the content with page code. $(".naviref").click(function() { var toLoad = $(this).attr('href')+'.php'; $('#content').load(toLoad); return false; }); but, I realise if calling same page (with form) multiple time, jquery is read always my first form from the page. So, is the load function not wipe last script and
Creating body of Table creates error
Hi, Getting error trying to create table. Don't know what it is or how to fix it. Hope someone can help. //////// CREATE HEADERS for Table /////////// // pData from Ajax Call table_str="<table class='center' border='3' cellpadding='5' bgcolor='#fff99d' >"; table_str+="<thead><tr>"; $.each(pData, function(index, value) { if (index>0) return false; // just to get the headers $.each(value, function(i, val) { table_str+="<th>"+i+"</th>"; }); }); /////////// CREATE Body
attached j query not working
Hi, I am trying to make the attached work (it is working online from some site) but when i try it locally on my visual studio 2010 express, the dialogue will come out but the buttons (yes, no) not clickable! please help as it has been 4 days i am trying to solve this out! Thanks, Rami
Date comparison not working as expected
HI, Currently working on jQuery datepicker and i am trying to compare the dates and adding the years of exp currently with my code where i am trying to compare the from date and to date if the to date is greater than from date it should say kindly enter the to date should be greater than from date http://jsfiddle.net/karthic2914/bqgjro6d/54/
JQuery center a div in the middle of the page
I working on a Lightbox (tutorial) , a div container wich open on click. This div container isn´t displayed and is located under the click element. Now i tried to center it vertical but withouth success. $(window).resize(function() { $(".modal-box").css({ top: (($(window).height() - $(".modal-box").outerHeight() / 2) + $(window).scrollTop() + "px") }); }); The problem is: At the beginning the div is almost out of the bottem screen and divs below gone out of top screen. I would have each
Need a plugin for creating a dropdown button/menu/submenu
I'm a long-time JavaScript user but am fairly new to jQuery. I am trying to create a dropdown menu that behaves the following way: I have a button ('Meta') that, when clicked, will display some submenus. When the cursor hovers (not clicked) over a submenu item, another submenu is displayed. I've searched for hours and could only find examples that were either all buttons, or all auto-expanding (hover) items. Could someone recommend a plugin that can do what I'm looking for?
rangeslider Custom Download - not enough?
It appears the Custom Download tool for jquery mobile doesn't quite give you enough if you check the Range Slider Widget and hit download. Obviously your goal with the resulting files would be to get an example like this: https://api.jquerymobile.com/rangeslider/#entry-examples Working as-is with your custom slice of jquery mobile. But, you get this: http://jsfiddle.net/b9chris/uhz2ffke/ If you initialize it directly to make up for the lack of the Init code, you get: http://jsfiddle.net/b9chris/uhz2ffke/1/
animationend does't work with transit.js ??
suppose i have the following animation: var delay = 0; $('svg polygon').each(function(i , e){ $(this).transition({ x : 0 , y : 0 , delay : (delay = delay > 1000 ? 0 : delay += 100) }); }); now suppose i have the following event handler $('svg')[0].addEventListener('webkitAnimationEnd animationend' , function(){ console.log('animation over'); }); The event listener never fires , WHY ?? does animationend event not work with transit.js ? Thank you.
jquery $.ajax problem
i have html form like this. <form action="xyxz/reguser.asp" method="post" enctype="multipart/form-data"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form> I like to use Action , method and enctype in $.ajax method instead of using it in html form. Action = url , method = get/post How to specify enctype in $.ajax ? is that enctype = contentype ? $.ajax({ type: "post", url: "xyxz/reguser.asp", data: postData,
Upload Cropped Image to PHP
Hi, I am using below plugin to crop image: http://foliotek.github.io/Croppie/ I wanted to know how to pass POST the image in order to process it in my PHP: here is my code: <?php include('../includes/php_header.php'); include('../includes/connect2db.php'); $item_guid = $_GET["id"]; ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>New Item</title> <link href="../css/admin_style.css" rel="stylesheet"> <!-- jQuery--> <script src="../jQueryAssets/jquery-1.11.2.js"></script> <script
subtract dates using jquery date picker
Currently working on jquery clone and datepicker where it will calulate the dates and it will check the overlaping dates. But if the click the less button the code works perfectly it was removing the row but it was not detecting the dates which was there in the cloned div. For example when the user select the date 10-01-1990 & 10-01-1995 for this the total was Total work experience 5 years 0 Months & in the cloned div if the user gave 10-01-1996 & 10-01-2015 so the total was Total work
Preveny Non-Numbers on Paste
Hi, I am sing below pluging to allow numbers only and it's working fine when typing the number but not when pasting! it accepts any character pasted including alphabets. How can Prevent this? http://transtatic.com/plugin/numericInput.htm Thanks, Jassim
Triggering an ajax call from a newly added row using jquery to the existing table
I'm trying to view student details in a table. Initially, my table has only one row, where 3 columns University, Department and Names are present. When I select a university from the university drop down, an ajax call is triggered and it populates the corresponding departments available in that university in the department drop down. when I choose the department, a second ajax call is triggered which populates the names drop down based on the value in the university and department dropdowns. When
refresh.selectmenu doesn't work
Hello, on my site wksinfo.peter.bplaced.de the select box refresh doesn't work. I have on the login screen a select box. As default it is Deutsch when you change it to Englisch it should refresh the content to English and not to Englisch. When you open the select box you can see that the two languages are translatet to english but in the select box you find Englisch. This is only on the first call. When you chnage the language twice between german and english it works.
Validation decides dynamically on next page
The idea is that during validation on form submit, it is dynamically decided what the next page should be It should be possible to go back to the same page again In reality, the pages are generated by code behind, so going to the same page again does not mean the page actually has the same content - this should also be possible. Currently in the implementation I have switched of ajax transitions, and I do the redirect in code behind. That works. But I would like to get the JQM page transitions.
jquery ui date picker with clone when delete row the total was not reducing as expected
Hi all, Currently working on jquery datepicker and clone where initially when the user select from date and to date it was showing the result for example 01/12/2000 in to date 12/12/2000 it has to show 11 months when i click add row button there when i am adding some years the result was working perfectly fine but when i click delete button delete works fine it was deleting the row but not the year for the corresponding here is the fiddle link http://jsfiddle.net/karthic2914/bqgjro6d/51/ Kindly
How do you target child <img> inside <a> using :gt()?
Hello everyone This is my first post in this forum concerning a bug which I would like a solid solution for. I have HTML and JS code as below for a slideshow script and I would like to hide all of the images except for example1.jpg, but the JS code currently exposes all of the images: <script type="text/javascript"> $(function(){ $('.slideshow > :gt(0)').hide();}) </script> <dev class="slideshow"> <a href="#"><img src="example1.jpg"></a> <a href="#"><img src="example2.jpg"></a>
Using off() on elements registered inside each()
So the issue I'm having here seems like it shouldn't be an issue in the first place, but after doing some research it seems jquery's off() method will not off events that are registered dynamically inside an each() statement. Since the selector of the this statement for some reason doesn't match the original selector when the on() method is used. Here is my scenario: $elements.each(function(index, el) { var $this = $(this); $this.off("." + name); if(...) { $this.on("scroll." + name, function(e, scroll)
Next Page