Jarallax animation Issue
Hi It's not Jquery issue it's Jarallax Animation Issue... I am dragging 30% and it shows 100% animation. I have made animation on 0% image shows left on 100% it will be transparent and 700px from left. but it is completing animation on 30%. checkout http://www.fltech.in/jarallax/test.html
Revert a jQuery draggable object back to a specific container when is dropped in a no-dropable container
Hi! This is my example http://jsfiddle.net/german_martin/hr8Q7/1/ Is there a way to do this?: When I move a "Title box (A or B, etc)" outside a droppable object, it must go back to the box named "Unassigned container" I was searching in google and I can't resolve this =( Here is my Jquery code $(function () { $(".unassignedClassContainer").sortable({ connectWith: ".container", handle: ".title", revert: true }); $(".container").sortable({ connectWith: ".container, .unassignedClassContainer", handle:
Action on selected name fails.
I've got a simple select box with some names in my html form. I want to show a div when 'Tom' is selected in the select box, but somehow it doesn't seem to work. Please note that I want to check the names, not the select values. $(document).ready(function() { $('#pgroup').change(function() { if ($('#pgroup option:selected').text() === 'Tom') { alert ("hi"); $(".complete").show(); } }); }); And my html: <select name="pgroup" style='width:150px;'> <option value=newboxes1>Jenny</option>
Reset zoom on page change?
During the development of our mobile website, we came a cross a problem with the zoom of the mobile devices: If the user zooms in and then changes the page by clicking on a link, the website remains zoomed in. After search the web for a solution, I found this script. Using the way to disable and reenable the zoom from that script helped to counter the problem in Chrome and Opera on Android, however for Firefox on Android and Safari on iOS it remained unchanged. I have however not found a diffrent
Selectable with Multiple Regions
I need to present a list to a user and allow him/her to break it up into 5 priority zones of severity. The zones will then have different background colors or some other indicator. ie 100+ = Very high, 85+ = High etc... It will not always be uniform across all categories I had the following possible solution: Using KnockoutJS set up 6 lists with only those containing records visible. It would start with all items in an "Unselected" list. The user would select items, press a button and those
Ajax problem with Local vs remote service in .NET WCF
Attached is a Visual Studio 2012 project that contains a solution with two web projects. One contains a WCF Service plus a single web page Default.aspx and the second project is just a single web page also called Default.aspx. The two aspx pages are identical except a change in namespace on the very first lines. When I run the solutaion which is using 10.1.2 and load the two web pages the page in the same project as the service can call the service with out problem. But the page that is in the
Dynamically updating link button text - not working on the second run.
Hi, can anyone tell me how I can update the text on link buttons dynamically. I can get it to work the first time but then I lose the formatting. I have included a jsfiddle to hopefully show what I am trying to do - please ignore the layout/styling as I have stripped it down to basics to just to get it working. Thanks in advance.
How to increase the options in the menu?
In the main menu of my site I can not put more than 81 options . It 's normal? Having reached this number: 10 titles and 71 subtitles, Menu delete the other additions. How can I extend this function? Thank you.
DatePicker default format to follow user locale
I understand that the default format of the date in the DatePicker control is MM/dd/yyyy. I would expect that it follows the current user locale instead. Is this possible somehow? I don't want to explicitly set it.
regarding Jquery min .js
Hi All, I am very new to jquery, i have this Jquery-min.js file, but when i include this in my code <script src="js/jquery.min.js" type="text/javascript"></script> and run the default page, it goes google.com, and when i comment out this code it opens the page but with out any animation, mouse over function and click event. Kindly help me on this.
[Jquery] render different between Chrome and Firefox
Hi everybody, im newbie in magento and start build my website 10day ago with magento community 1.8 today when i install facebook comment extension in this link: magentocommerce.com/magento-connect/all4coding-facebook.html extension work but something wrong when extension display in frontend. i think JQ dont working correctly look at the picture i attchments. this error description in there. Link demo: http://quanaomoi.com/em0065-full-package/index.php/microsoft-wireless-optical-mouse-5000.html please
rename not working jstree
I just downloaded the latest copy of jstree from the site and added the below html file to the package. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jsTree test</title> <!-- 2 load the theme CSS file --> <link rel="stylesheet" href="dist/themes/default/ style.min.css" /> </head> <body> <!-- 3 setup a container element --> <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul>
Jquery & Rapid SSL
Hi - we recently installed Rapid SSL for our site and now we see that our Jquery slideshow is blocked causing the page to look terrible. When we ALLOW the site to use Jquery (basically disable Rapid SSL and the security of our site) the pages look fine again and Jquery slideshow operates as normal. Any way to get Jquery to work on a Rapid SSL secured site? thank You
checking if submit was successful
Hey, I have an normal form and I want to send it out. I know how to use the validate stuff etc but since something can go wrong when you insert your stuff into a DB I want to check if it was actually successful. So I want to send the data and somehow receive if it was successful. Is there a way to echo the result in the processing php file and get the result in my form file? I hope you get what I mean. Best regards, snaper
jQuery .post() method and codeigniter form_validation
Hi ! I want to validate a form without refreshing the page using the .post() jQuery method. I use codeigniter for validation . Here is the jQuery code: $(document).ready(function(){ $(".form_errors").hide(); $("#send").on("click",function(){ //the submit button has the id="send" $(".form_errors").hide(); //these are <p> for each input to show the error var user=$("input.box"); var data={}; var names=$("input.box").attr("name"); for(i=0;i<user.length;i++){ name=names[i]; value=user[i].val(); data.name=value;
Fade-based navigation - only works once for some reason
Hi guys, I'm using a simple function to fade between five divs based on clicking five corresponding divs. It works beautifully once - when I click one of the five navigation divs, the current content div fades out and the selected div fades right in. However, when clicking again, the current content div fades out and nothing fades back in. Seems that all five of the content divs end up with display set to none and won't fade back in. Any ideas would be greatly appreciated! Code below. <script type="text/javascript">
customized spinner
Hello jqueriers, i am newbei here and I want to add a spinner in my jsp page. The spinner widgets i found in internet are nice but i need it with different layout as in the picture. the two placeholders in the picture would be one for the number and one for a label like "piece", "cartoon", etc. I appreciate your help. Regards, Mokhtar
Is there a scrollbar with events in jquery (or ajax, or anywhere)?
Is there such a thing as a stand-along scroll bar where you can set a max and a min and drag a thumb and have it fire events so you know where it is? Thanks,
how to create a checkbox tree with checkbox only at leaf nodes
According to **jstree** all the nodes includes parent and childnodes will have the checkbox next to it by default. jstree but i want something like this.easyui where there are options for cascade and leaf node check. A sample has been given below. <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul> <li id="child_node_1">Child node 1</li> <li>Child node 2</li>
Jquery Mobile what's new
I have been looking for a long while for this section and not found only detailed technical data in programmers' jargon. Is there a what's new list for general public?
list-style Custom autodivider selector for select menu
Hi Is there a hidden way for jqm 1,4 to have autodivider selector in select menu as in list? Or can list be seen as a single row and drop down when click? I need a drop-down with autoselector.
jQuery UI dialog in form
I have created a modal dialog inside a form. The intent is to display some optional fields if the user clicks an "options" button. I found that when autoOpen is false, the trigger button allows the dialog to flash, but immediately close. It works ok with autoOpen true, with the exception that the dialog is opened immediately. If I remove the <form></form> tags, the dialog works properly, but of course it is no longer a form. Is there a way to use a dialog inside a form in this manner?
HELP!
I am very new to this, reasonably competent in HTML and CSS. I need to change this from an 'on click' function, to automatically move every 4-5 seconds. Whats more, if possible, I would like to change it further by having each object move back slightly then to accelerate off the screen instead of leave at a fixed rate of speed. Is this possible? $('.box').click(function() { $('.box').animate( function() { if ($(this).offset().left < 0) { $(this).css("left", "150%");
hasClass error
What am I, a beginner in jQuery, doing wrong? $(document).ready(function() { $('img.pix4').each(function(index, image) { ..... if (this.hasClass('xyz')) { console.log('img is in group xyz'); } }); I get an error: Uncaught TypeError: Object #<HTMLImageElement> has no method 'hasClass' Using image.getClass gives the same error. All other functions such as .getAttribute() work.
wrapping event handlers with document.on(pageinit)
I'm writing a simple mobile web site using JQuery Mobile. I wrote this code to handle clicks on anchors pointing to bookmarks within the page. I put the code within a function, and I call the function from within the head HTML section. Here is the code: function initPage() { // Anchor links handling. $(document).on('vclick', 'a[href^=#][href!=#]', function() { location.hash = $(this).attr('href'); return false; }); } Here is HTML fragment calling the
What Jquery and css reference do I need to make my popup window work?
Hi I'm trying to create a popup window. I noticed that many samples have ... script language="JavaScript1.2" src="css_js/jquery-ui-1.8.17.custom.min.js" ... On the page. I don't have access to this reference. Have JQuery 1.5.1.js and JQuery-ui-1.8.11.js. Do I need to upgrade my JQuery. If so how do I get the latest update? I'm using Microsoft al Web Developer 2010 Express and I though I had the latest JQuery by updating through the NuGet Package Manager. What do I need to make my popup window work.
Ajax Successful status not received
Hi, Not receiving the Success returning message for a Ajax call. The MYSQL update request did update the required records. Not 100% sure how to generate the message. $.ajax( { type: 'POST', url: "file.php", data: {oldemail : oldemail_, newemail : newemail_}, dataType: 'JSON', success: function(data) { $('.calendargrid_email').append("<p>
[SOLVED] Extract from a select multiple values separated by type
Good evening, First of all I want to compliment the "comunity", a source of valuable resources and useful tips for those who, like me, you are approaching the wonderful world of jQuery! I have a problem related to the extraction of values from a multiple select. Basically, each option has two values: name and email. For each selection I want to place separately the two values in two different <div>, eg. the names in the class nomi_selezionati and emails in one class email_selezionate.
Adding bullets on Imageslider
I want to show bullets that can be used for navigation.Please help.
jQuery Autocomplete: Help with implementation on textbox
I've coded all the components for the jQuery autocomplete widget, but I'm having some trouble getting it to work. This is what I've done so far: 1. Added the following links to my PHP page's head: <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 2. Created
revert handle value in multi handle jqueryUI slider
I have a multi handle jqueryui slider having range -30 to 50 , initially all handles set to zero. I want that if user slide any handle below zero then it automatically get set to zero. jquery: $(function () { $("#mySlider").slider({ min: -30, max: 50, values: [0, 0, 0], slide: function (event, ui) { $(ui.handle).text(ui.value); }, stop: function (event, ui) { if (ui.value < 0) { //here I want to set handle value
:empty filters
Hey Guys. I am trying to use the empty filter on a td but it doesn't seem to be working. Any suggestions as to why it might not be working? Thanks! $( "td:empty" ).text( "Was empty!" ).css( "background", "rgb(255,220,200)" ); TD 1
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything, no matter what I have tried. The modal only partly works in that the Rondell scroller also appears above the greyed-out page and above the dialog as well. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything (modal only partly works), no matter what I have tried. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions for dialog widgets all to no avail. These are a few tries: this.css('z-index', 100000); dialog("moveToTop");
How to re-enable option from drop down
I can't re enable a option from my drop down. For some weird reasons I can disable but can't revert back. Is there any work around on this? I'm using SharePoint 2007 $(document).ready(function() if($("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Validating']")){ $("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Analysis']").attr("disabled", "disabled");
Altering a map created during 'pageinit'
Hi, I am using a multipage template and in order to avoid one error with google maps, I placed the map initialization in the location 'pageinit' event. I am now having trouble altering the map with a radius circle about the center point. I am putting the circle size in localStorage and retrieving it. But even though that value alters I cannot seem to make a dynamic radius. . How do I alter the map created in the 'pageinit' script dynamically. I have tried to make a var which is a circle and set it
Is this a Jquery lightbox set-up?
I work for a small company and we really like the look of this lightbox page. http://www.roguefitness.com/facility-outfitting/rogue-equipped-gyms/facility-gyms.php Is this something that a Magento Extension could do? If not, would this require a web developer to put together? Can anyone (you reading this) put this together? Any and all advice would help! Thanks in advance.
AJAX Form plugin - wait for event
I'm using the AJAX form plugin from http://malsup.com/jquery/form/ and I was trying to do some image pre-processing in the beforeSubmit function, but since the image processor relies on FileReader.onload, which is asynchronous, the form attempts to submit before the processing is complete. If I simply return false in beforeSubmit, I can't seem to see how to later continue the submission from the onload callback, although I may well be missing something obvious. Any suggestions?
Validate Session timeout in Jquery
Dear All, I have implemented setTimeout method to validate user session and redirect to login page when it expired as below. setTimeout(function () { var Confrimresult = confirm("Your Session is Expirted, Do you want to reload Page?"); if (Confrimresult == true) { window.location.href = "myloginpage"; } }, 20 * 60 * 1000); this works fine, but in our page we have some jquey ui sortable,draggable, droppable are using, when user perform this action, the above
Ajax returning the error from server plus the header
Hi, this probably has been posted before but after some hours of searching i couldn't find anything. i have a form that collect data from the user and it is process using php before been inserted to the database.To process the form i created a page call upload.php. This page has a header footer and the form itself. I'm using ajax to collect the data coming from the server to let the user know the status. The problem that i'm having now if for some reason there is an error in the form, let say a
Next Page