Draggable elements - Avoid drag over other element
Hello!, I'm using the dragabble option to allow elements (divs) to move into a layout. My question is, ¿is there any way to avoid that different dragabble boxes can be placed above each other?. I don't want that they can be stacked together. Thanks!
Ion.ImageSlider.js query twice in 2 page slider
Hello all i am new to this Jquery, i downloaded the Image slider (lightbox) "ion.imageSlider.js" having hard time running thsis query in my 5 page content slider. here is the Code. please help. thanks <li id="slide1"> <div id="address"> <img src="images/address.png" width="300" height="119" alt="address"> </div>
How to save and restore all page events using jQuery?
Hello. I'm manipulating page html: $('body').html(changed_html); And I need save and restore all page events. I can save them something like var selector = '*'; var s = []; var e; $(selector).addBack().each(function() { e = $._data(this, 'events'); if (!e) return; // console.log(e); console.log(this.tagName); // console.log(this.id); $.each(e, function (i, ev) { console.log(i); $.each(ev, function (j, h) { console.log(h.handler); }); }); }); But what is the best way to restore them? Thanks in advance.
Trying to use a callback with .ajax call to assign value to a variable
I'm trying to use a .ajax call, to assign the value from an xml document, to a variable in javascript. I can't quite figure out how to use a callback, I know this topic is well discussed on forums, but I haven't been able to find an example out there that does what I am trying to do. The example below makes a call to Google Maps, and gets a string "Central Standard Time" back. I can use .ajax calls to move the text to a div. But I can't figure out how to assign this to a variable, my_zone, and
Store arbitrary with data()
Can somebody help me understand data() and give a easy to understand example?
Trouble with .on()
Hello All, I am relatively new to jQuery and I'm having some difficulty using .on(). Right now, I am just trying to get a feel for how this method works by creating a demo that shows and hides a div when an anchor is clicked. I know that .toggle() can be used to show/hide elements but I want to learn .on() so that I can use it for more advanced things later on. From what I understand, it will be used in place of .live() from now on. The first time a#hide is clicked, it should hide div#hideMe, change
Do I need to download jQuery?
I know HTML, CSS, and JavaScript, but I want to learn jQuery. It says it is compatible with all browsers, so without downloading jQuery, can I write jQuery code in my text editor, then run the code properly in my browser. If I have to download jQuery to create jQuery code, then do other people have to download jQuery for the code to run properly on their computer?
Stuck trying to show/hide items using multiple jQuery UI Sliders
I'm trying to develop a set of show/hide filters using multiple jQuery UI sliders. I have a set of blocks - each has several data-attributes (time) assigned to them. <div id="block1" data-departuretime0="480" data-arrivaltime0="1200"> I'm trying to setup several sliders so a user can select multiple time ranges with the sliders and have the appropriate boxes within those times displayed. I can make one slider work but I'm stuck when I add the second slider. I need to show/hide it's results without
Add delete icon to dynamically created <option>
Hi, I have a <select> for industry which is by default one on the form and allowing user to create more using jquery I want to include a delete icon beside the dynamically added <option>. How can id do this? <tr> <td valign="middle">Industry</td> <td valign="middle">:</td> <td valign="middle"> <div id="container"> <select id="cboIndustry" name="cboIndustry[]" style="width: 100%" required> <option value="" selected>[Industry..]</option>
making ajax request and waiting for file
I have a click function that almost works, but it seems I have misunderstood how the ajax request functions. I want to post a string and then wait for a file which I will process when it arrives in the directory. My script works if the file already exists, but not if I click and then add the file. What am I missing? Thanks for any assistance <script> //post NLQ string $(document).ready(function(){ var nlqString = ''; $('#nlq-execute').click(function(){
the problem with integrating jquery into submit form
Hi! I have a login form with set defaultValues. I want to mistakes jump out when the login and password are empty or when they are default. But that does not work. I tried this and that, but got troubled. The mistakes should jump out in ids "login_err" and "pass_err". Please help. My form: <div id="login"> <form method="post" style="background:inherit"> <table style="align:right;text-align:right;margin:0 auto;"> <tr> <td id="login_err"></td> </tr>
Rounded page corners
Hi everyone! How can I round the corners of a JQM page, like the facebook app does in it's top corners on android? Thanks in advance.
jquery ui radio buttons, add ".ui-state-selected" state
Hi there, I'm very green with javascript and jquery but I'm hoping that someone will be able to provide some help on this: I would like to use the ".ui-state-active" and ".ui-state-active:after" to create button effects for when the button is depressed and to have the button return to it's original state. Is it possible to add ".ui-state-selected" for the selected radio button? I've got this working with styled links but the buttons need to be radio buttons for the controls to work properly. Any
Radio buttonset styling
I like the way jQuery defines radio buttonsets, and would like to add some styling changes: an optional vertical rather than horizontal layout, including width overrides and appropriate changes to rounded corners set tabindex to '-1' to prevent keys like TAB and arrows from triggering a click event on the wrong elementFor #1, I can use <br /> elements to force the horizontal layout, but the corners look strange, and the width attributes seem to get overridden. For #2, any attributes I add to the
jQuery 2.0 | Replace each div text with substring from comma delimited string
Hidden #main-input contains a string of comma-separated values. I need to find all same class divs that each contain same unique text and replace that text with the relevant comma-delimited substrings stored in #main-input, like so: 1- Find the first .container div that only contains the text "findme"; 2- Replace "findme" with the first comma-delimited substring of hidden #main-input; 3- Find the second .container div that only contains the text "findme"; 4- Replace "findme" with the second comma-delimited
Automatically flip
Hi, I'm reading this article like how create a " Flipping Circle Slideshow " http://tympanus.net/codrops/2013/01/28/flipping-circle-slideshow/ and i want to make it flip automatically. This is the code to flip automatically but i dont know how to figure out run this code well. please could you help me This was they told me to do. before you initialise the plugin, eg $(element).flipshow(); you can add a public method named navigate and then call it from within a setTimeout function. $.Flipshow.prototype.navigate=function(element,direction){
jQuery Ajax failing to call to MVC 3 Controller method on Windows XP
Hi i am invoking a Ajax call to my controller method from a view on button click. Ajax method fails by giving the error "Object not Found". This happens when it is deployed on Windows XP. It does not happen on Windows 7. I am stuck up on this issue from Two days with no help. Any help would be much appreciated. Here is my code. DisplayAttributes.cshtml function DisplayFullImage() { var model = { ChoosenColor: sendDesignerData, TotalDensity: TotalPixelFilled }; var urls = '@Url.Action("GetColors","Designer")';
How to send forgot password email in jquery? I have the same code i n php? can any one help me write a jquery code for the same.
<!--AJAX CALLS THIS CODE TO EXECUTE --> <script> if(isset($_Post["e"])){ $sql = "SELECT id, username FROM users WHERE email ='$e' And activated='1' LIMIT 1"; $query = mysqli_query($db_conx, $sql); $numrows = mysqli_num_rows($query); if($numrows >0){ while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ $id = $row["id"]; $u = $row["username"]; } $emailCut
email Validator not Working
<script type="text/javascript"> $('#admnmail').blur(function() { var sEmail = $('#admnmail').val(); if ($.trim(sEmail).length == 0) { alert('Please enter valid email address'); e.preventDefault(); } if (validateEmail(sEmail)) { alert('Email is valid'); } else { $('#admnmail').val(""); alert ("NO"); e.preventDefault(); } }); function validateEmail(sEmail) { var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
Jquery mouseover problem
Hi, Need your help!! My jquery animation not working proplerly when I mouseout from the navigation menu 01 and mouseover the another menu 02 before animation completed to the navigation menu 01. But, animation work properly when i wait to complete navigation menu 01 and then mouseover the cursor to navigation menu 02. Thanks, Anna
Slider jQuery UI
Hello , I need your help, I would like to use the slider of jQuery UI to make a credit simulator. I succeed to configure it BUT I don't find if it's possible to limit it. In fact, I'd like to make a simulator like this : http://www.opel.be/fr/Configurator/Agila/Start.aspx#step2 If you click on step 2 , there are 2 simulators and I need to make the sames for my customer. If someone can help me, thanks in advance
Tooltip not working when span tag inside link
Hello, I'm currently using this markup to style up links with an icon: <div id="printScreen" class="glyphicon glyphicon-print pull-right "><a href="#print" title="Print"><span>Print</span></a></div> I use the span tag within the link so I can hide the text using display none. Problem with this is, I cannot get the tooltip to work using : var tooltips = $("[title]").tooltip(); Can anyone please tell me how I can get the tooltips to fire up using my markup above? Many thanks
jquery-ui - cancel dragging on escape key
I've a list of draggable divs and a droppable area. Drag-n-drop is working fine with mouse in chrome, FF and IE9. I want to add keyboard interaction. The dragging div should be revert back to the list when use presses esc key. So first I did like this: $(document).keyup( function( e ){ e.preventDefault(); console.log(':::keypress:::',e); if( e.which=== 27 || e.keyCode === 27 ){ $( '.ui-draggable-dragging' ).draggable( 'option', 'revert', 'invalid' ).trigger( 'mouseup' ); } } ); The above code detects
How to use jquery accordion in a jquery dialog
Hi, Iam using this code for my online shopping site.This code is used for quick view of an product.While user click the quick view a dialog open and show the product image,price,description.Now the issue is the description is lengthy.So it display dialog broader.(It increase the dialog width according to description).So that i want to use Accordion.But i dont have idea about how to use this.i read this http://jqueryui.com/accordion/.But i dont know what i need to download here http://jqueryui.com/download/.I
Synchronized Tabbed navigation
I have two tabbed navigations, one on the top and one at the bottom. I'm targeting the div through classes instead of id so that they both show relevant content. When the user clicks the "Business" tab, it shows relevant information for the user, both on the top and on the bottom. My problem is that I cannot make both tabs to show the "active" state. It only shows on the tab that I clicked whether on the top or the bottom, although they have the same class name. Any help is welcome. Mike HTML: <ul
How can execute the print command in chrome?
How can execute the print command chrome and don't need click print or [enter]. <script type="text/javascript"> window.print(); window.onfocus = function () { window.close(); } </script> Please help me! Mr Lam
customize toolbar button
Dear All, I am working on a project where I need following functionality. please share your ideas: I want to create a customize toolbar popup which consist of buttons for B (Bold), I(Italic) and U(Underline) etc. I have asp.net listbox (dropdown) on same page. The functionality which is required is that when user select any value from listbox and click on toolbar button B the selected value become bold, similarly for I and U etc. Is it possible with jquery? How to implement. Thanks in advance.
Some jQuery code not working (.toggle is to blame I think)
I'm following along on O'Reilly's Javascript and Jquery but some code in the book is not working. I've searched the net but haven't came across an obvious answer. Any help would be appreciated. The HTML is here: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>A One Page Faq</title> <link href="../_css/site.css" rel="stylesheet"> <script src="../_js/jquery-1.7.2.min.js"></script> <style type="text/css"> h2 { background: url(../_images/open.png) no-repeat 0 11px; padding: 10px 0 0 25px;
Using a dropdown inside of a sortable Element
Id like to use a dropdown inside of a sortable element. But when clicking the dropdown it doesnt work of course, because i can only drag around but the dropdown does not open. Is there a good solution for this ?
how to create a form that works
i want to create a form in Jquery 1.9.1 and i have looked at tutorials but none of them work if you can please tell me and also i don't want to download anything
Iam using setinterval for autorefreshing but it showing my JSON data repeatedly
JSON: "Facebook": [ { "facebook_name":"Apple", "facebook_post":"Apple posted a photo", "facebook_comment":"Apple commented on a photo", }, { "facebook_name":"Mango", "facebook_post":"Mango posted a photo", "facebook_comment":"Mango commented on a photo", } ] } Script: $(document).ready(function () { var facebook=null; var array=null; function refreshEachMinute(){
restrict autocmplete's data
Hi, I am using the following code to populate data from MySQL to jquery autocomplete. is it possible not allow user to write his own company name but only select USING autocomplete so if the company name he entered is not within the list it it won't accept? $("input#txtCompany").autocomplete ( { source : function (request, callback) { var data = { term : request.term }; $.ajax ( { url : "../autocomplete_company.php",
why it's not redirecting?
Hi, I am using the code below to sign in user with ajax and it's working fine when I just user window.location in the success but when I tried to give a condition to check the querystring ["redirect"] it will just stop on the loading animation and do noting. what's wrong with this code please? $(document).ready(function(){ $(function() { $( "#btnSignin" ).button(); }); $('#btnSignin').click(function() { $('#waiting').show(); $('#frmLogin').hide(); $.ajax
Low, glitchy transtions between pages
Hey Champions, Am using JQM 1.4.0 and i noticed something weird. if my page have a lot of elements i mean form HTML elements like text inputs .. drowpdown ..etc. The page transition becomes so slow even the in response there is some lateness. For example: PAGE A has a button to PAGE B where PAGE B has the form elements etc .. When clicks on the Button in the PAGE A it taks time to go to page B and its not SMOOTH. I have a PAGE C which have 3 or 4 lines of text the transitions is fast and smooth.
Issue with appending html to list
I'm trying to take my cat_id and append it to #id- so that the points are appended to the correct list. function load_sidebar_points(){ downloadUrl("cat_points.php", function(data) { var point_xml = data.responseXML; var markers = point_xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var id = markers[i].getAttribute("id"); var name = markers[i].getAttribute("name");
Method load not working on distant server
Hi! I'm using codeigniter. The method load() works fine on localhost but not on distant server. This is firebugs screenshot, it shows the adress in red. But when I copy these adresses to the adress bar (browser) they work fine! Anyone can help me please? Thanks! :)
Change text font color in link
I have a link ('a'). I can display the text() property. Is it possible using jQuery to change the color of the text? ("#myLink").text().css('color','red') throws an error (object does not support this property or method).
Tab issue when dissabling them
Hi Everyone, I am having a issue when I disable certain tabs. My website has 6 tabs, the first tab is the login tab. When the website comes up, I disable all tabs, except the first one: $( "#Main" ).tabs( { disabled: [1, 2, 3, 4, 5] } ); <------ this is the line Then, I have a JavaScript, that detects when a tab has been clicked: $(function() {//Open function $("#Main").tabs(); $('[id^=ui-id-]').click(function(){ //Open [id^=ui-id-] var tabId = $(this).attr('id'); //Home if (tabId
Looking for plugin like this
Hi, I'm looking for plugin that looks like this: link Its slider with menu on right. I dont know if there is free plugin like this or i have to make one. Thanks for replies. M.
date picker
how to disable days before current date by using jqueryUI widget datepicker
Next Page