jQuery Conflict
Hi, This is jQuery files is conflict with each other one is not working because of another file, please help me in this matter. <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/interface.js"></script> <script type="text/javascript"> $(document).ready( function() { var standalone = window.navigator.standalone, userAgent = window.navigator.userAgent.toLowerCase(), safari = /safari/.test( userAgent ), ios = /iphone|ipod/.test( userAgent );
jquery event propogation problem
Hi, first time poster here and jQuery rookie, can anybody help me with this problem? Everything works correctly until I try and add the click event on productList function. The productList click event is instead firing on the page load instead of when I click the .product element (so instead of displaying a larger version of the product, it cycles through the array of images that are returned from the ajax request. $.ajax({ type: "GET", url: "db/products-for-scrolling.json", data: data, success:
Question about autoComplete
I am using autoComplete to obtain records from my database. I have implemented its use in about 30+ modules. But I just came across a use that is totally something different. In one table I have over 30k records of individuals. Separate fields for Last and First names. Initially, I just put the autoComplete on the last name. But then I realized that if I enter 'Smith' I only get the first 15 of the Smiths with no way to see the remaining available. I suppose what I would need to do is use some sort
How to block movement of tr in jquery sortable ?
Hello I am using jQuery sortable to sort my table. see my structure <table id="sortable"> <tr class="not"><td>Elements</td</tr> <tr><td>I am first</td</tr> <tr><td>I am second</td</tr> <tr><td>I am third</td</tr> </table> my jquery is <script> jQuery('#sortable tbody').sortable({ update: function(event, ui) { }, cancel: '.not' }); </script> Here I can move the <tr><td>I am first</td</tr> <tr><td>I am second</td</tr>
Popup window at the right corner Jquery plugin
Hello everybody! Somebody knows how can I create a popup window at the right corner like this: http://eloquentparaplanning.com/ I think there must be a plugin, but I cannot find it! Thank you for your help. By the way, this is my first post, nice to meet you all! And sorry for my English :)
setTimeout() not working when window.location... is next line in code
The following code is intended to: 1. update() a MySql database -- update() 2. update the values in an account form -- retData() 3. display success message for 2 seconds -- successMsgShow() 4. return to same page to repeat as necessary -- window.location ... PROBLEM: If window.location.href="AccountRevise.html?recId="+recId+"&company="+company; is commented out the time delay part of successMsgShow() works as expected with a 2 second delay..
Javascript problem, I am stuck [P.S. I am planning to covert this to jQuery, please help]
Hi Gurus, I have this problem that I was not able to solve for many hours already. So, I decided to post this issue on this forum: 1. I would like to come up when I click the link "change order", all the order column should show the textbox with the order value. 2. I would like to come up when I change the order value, it should not accept duplicate like 2 and other one is 2 too. Javascript code so far: function showChangeCompositeSectionOrderForm(rcsoID) { getElement('changeCompositeSectionOrder_'
Input element with multiple values
<input id="ctl00_PlaceHolderMain_RadButtonMango_ClientState" name="ctl00_PlaceHolderMain_RadButtonMango_ClientState" type="hidden" value="{"text":"Mango","value":"Mango","checked":true,"target":"","navigateUrl":"","commandName":"","commandArgument":"","autoPostBack":true,"selectedToggleStateIndex":0,"validationGroup":null,"readOnly":false}" autocomplete="off"> How can we find the value for checked in this case it's true
Retrieve Values From ASP.NET Listview
Would very much appreciate help. New to jQuery... I have a webpage developed using VS 2010 in ASP.NET/C#. The page contains a ListView where I'd like to be able to DoubleClick on a row and use the values on that row as selection criteria for another ListView (on a separate page). I've searched for some way of doing this but always seem to hit a dead-end. As stated above I'm new to jQuery and need help not only with the jQuery but also some guidance on how to integrate the code with ASP.NET. Thanks,
Replacing panel widget with Snap.js
Does anybody know how to set up Snap.js in jQuery Mobile? I'm trying to migrate from the jQuery Mobile panel widget (which has major scroll issues), but it doesn't seem to want to work at all: http://jsfiddle.net/frank_o/vZBzD/3/ In comparison here's a working version without jQuery Mobile: http://jsfiddle.net/frank_o/5X4K9/5/ Thanks! Frank
Page navigation using form select menus
Good to you all I like to create a form with lists in which whenever a user selects/click an option it will navigate to the page selected. i have tried it but not working, how can i go about it Thank you
Problems with JQuery (Box2D) - Sound on collision
Good afternoon fellow JQuery users. My group at University and I are trying to create an interactive site using box2d and sound on collision. So far we have this: <!DOCTYPE html> <html> <head> <title>Remediation</title> <link rel="stylesheet" type="text/css" href="../2014-05-21-jquery-box2d/css/main.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <img src="img/img1.png" alt="Background Image One" width=100% height=100%>
What is the event when a select list is closed ?
Hi, does someone know what is the event whit which I can detect when a select list is closed ? thank you all, because I just can't find this
jquery .change after first call ajax
Hello all, (sorry if my english is bad ) i try to pass my code from a frame developpement to a div after a first call ajax jquery on change not work then in frame it's working i load a first time my page when click on the menu. function menu_displaycentre(zoneid,url) { parent.document.getElementById(zoneid).innerHTML ='Please Wait...'; new Ajax.Updater( zoneid, url, { method:"get" } ); return false; } after select i select a personnage
[jquery] Onmouseover Opacity Layer except selected block (overlay)
I want when onmouseover on particular section to put an OPACITY #fff 0.2 layer on everything except the selected class i.e. table Similarly as you have: .tableHighlight:hover{background-color:#eee} <table id='table-main' class='tableHighlight'> ... but inversed (puts layer on everything else, but not the table itself) --- http://jsfiddle.net/LYcm9/1/
jQuery or CSS issue?
See http://www.slingsbymaps.com/newsite/maps.aspx When a browser window is made very small, and a user then hovers over the left green bar, this bar expands behind the centre green area. How can I get it to go on top of that centre green area? And is this even a jQuery issue? Maybe it's a CSS issue. Not sure. Tx, Mart
Eddinting Datas on DB
Hi everybody , i need a simple code who makes editting of datas possible on the same page like this but only a simple file http://phpgrid.com/wp-content/uploads/2012/07/fileupload_edit.png Thank you
How get the value of a input text using prev() and val() method?
Hi everyone Im trying to get a value of a input type text. im used the val() method. I apply this method with a selector based in the location of the input text, using the prev() method. In the var $curr i have the selector of the input text. In the next line i put the $curr var in red. This confirm that its the correct selector of the input text. In the next line i trying to get the value but with $curr doesnt works. When i change this line for $('#TextFromInput').text($( ".test" ).val()); (using
Collapsible attributes disappear after trigger('create')
Hello, all, I'm very new to jQuery and jQuery Mobile. I try to load some data from an external database and show each row in a collapsible, but it doesn't work even when I replace the dynamic data with static html. What I'm trying is this: On my page I have: <div id="tableContents"> </div> In JS I do: $(document).ready(loadData); and loadData does this: $( "#tableContents" ).load( 'some.html', '#table' ); $('#tableContents').trigger('create'); And some.html contains: <div id="table" data-role="collapsible"
[SOLVED] Butttons don't hover after bind/unbind "mouseenter" and "mouseleave" functions
Hello everybody :) I need some help with my menu buttons. I have nice looking 3 buttons menu with fade effects + swaping PNG transparent images. But I have some problem with bind/unbind "mouseenter" and "mouseleave" functions. On the beginning everything works fine, hover is working on every element. After click button1 it's ok too - this button displays active image and hover functions are disable for only this button - that's what I wanted. Of course hover functions working on others: button2 and
vendor is undefined
i m using jquery 1.10.2 for datepicker. but it shows error TypeError: vendor is undefined
Having problem with side panel
Hi all, I've to creat a sliding sticky side panel. I've written some code I want my side panel should be appear and disappear onClick and also I want to change css onClick check it now http://jsfiddle.net/mNE5w/ Thanx in advance
Remove <p> tag from <p><img>
Hey everyone, How can I remove a p tag from an <img> tag? I have this: <p><img ...></p> So the <p> tag should be removed from any instances on the page... Tx, Borrie
Can one dropdownlist manipulate the other ?
I'm trying to build a seat reservation site for a theater (school project) and what I want to achieve is following: I have a first dropdownlist (row) which is generated through PHP. There are 12 rows named from A-L. Each row has a 12 seats. I get data from the database which row/seat combo is not available and I want to remove those seats ( second dropdownlist ) that correspond with the associated row. I succesfully grab the unavailable row/seat combo from a MySQL database using PHP and I return
Datapicker just flashes out
I am trying to show a second datepicker after selected a date on the first one, but the second one just flashes out. You can see my code here: http://jsfiddle.net/weksley/FuC8s/4/ How can I fix it? Thanks.
I'm so close... but can't get button to close div
I'm pretty new to jQuery and would like to use it to control the opening and closing of a div on my webpage. I've achieved a slick opening animation but can't quite get the coding right to include a close button within the newly-opened div. You can see what I've got here. Just click on the Available Seats or Details link. Can anybody tell me what I'm doing wrong in my code and how to fix it? Thank!! ---------- Rick
Custom JQuery Calculation
I use JQuery Plugin from : http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm to Calculate average of my input. here my code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQuery Calculation Plug-in</title> <!--// load jQuery Plug-ins //--> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.calculation.js"></script>
jquery bug
version:jquery2.0.3,the same to 2.1.1 var o = {}; o.n1 = o; console.log($.extend(true, true , {n2: o}));//or console.log($.extend(true, {}, {n2: o})); error:too much recursion
Why am I suddenly getting "Unable to get property 'call' of undefined or null reference" error?
Hi everyone, I'm using asp.net and when I click on a dropdown list on the page I’m getting the error message: “JavaScript runtime error: Unable to get property 'call' of undefined or null reference” Researching led me to believe it has something to do with the version of jquery I’m using so I tried doing …PM> Install-Package jQuery.Validation -Version 1.11.0… from this site: https://www.nuget.org/packages/jQuery.Validation/1.11.0 I think the package was installed. This is what the results
jQuery mobile issue
I'm using jQuery mobile on my site, but when I access parts of the site that doesn't use the jQuery mobile they kinda fail. One page where I use jpgraph wont load. I'm stuck with the ajax page loader forever. How can I solve this problem ? If I refresh the page, then it works. Seems like there's a cache problem ?
Sorting is not working after pager plugin added into the code.
I am using Jquery tablesorter for sorting and its add on Pager for pagination. But sorting is not working. See my code below. $(document).ready(function() { $("#myTable") .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(".pager")}); } ); But sorting will work if I removed the part "tablesorterPager({container: $(".pager")})" from the above code. Any one has any idea about this. Your timely help is well appreciated. Thanks in advance.
Jquery slider background color overflowing when using multiple sliders
When I move the second slider's right handle to left, the first slider is also affected (see the green overflow at the picture). The code is as follows: HTML: <div class="controls"> <span class="amount"></span> <div class="slider range-slide"> <div class="slide" value="333,686" id="diameterslider" min="25" max="1000"> <span id="min">min:25</span> <span id="max">max:1000</span> </div> </div> </div> <div class="controls">
Problem to call javascript validate function before form submit on an ajax call.
Here is my validate() function, returns either true or false. My problen is i want to call ajax submit form code only if validate() returns true, otherwise it will show the alert with error messages for not valid data and stay in page. Please help!! function validate() { var msg = ""; var bDate = $('input[name="txtBDate"]').val(); var eDate = $('input[name="txtEDate"]').val(); var abDate = $('input[name="abd"]').val(); var aeDate = $('input[name="aed"]').val(); var txtMax = $('input[name="txtM"]').val();
Setting width of entire layout.....
I created a custom theme using Theme Roller. The issue is when I view the app in the iPhone simulator it the accordion widget and logo do not stretch the width of the device. Also all of my text fields and buttons do not appear as the more modern style. I'm using the WebMatrix iPhone simulator, not sure if that has anything to do with it. I want the logo (red rectangle) more to the left and the accordion to span the width of the device. Here is a picture of how the layout appears.
my database update with jQuery Ajax it isnt´t working
I have a link "Read more", when I click in it, I want to update my news table using php but also jQuery Ajax: echo '<p>'.$readNewsResult['content'].'<a class="test" href="#fancybox'.$readNewsResult['id_news'].'">Read More</a></p>'; When I click in this link Im getting: "update&update=311", 311 is id of my clicked news, so it is working fine. But then my php its not working, and it seems that I never enter in my switch condition. Do you see where might be my error? This is my jQuery: $(function(){
Stumped on Custom Tweaks to Carousel Image Slider
Hi, I am a designer working on a new responsive portfolio site and venturing forth into the scary world beyond basic HTML/CSS. I am using a JQuery plugin for a responsive image slider called UTIL - I've got it working for the most part but am looking to do a few tweaks: Pagination I want to add forward slashes in between the numbers in the pagination under the slider, i.e. - 01 / 02 /03 / 04 / 05 / 06 etc. This is a js tweak and I have no idea how to do this. Arrow Navigation I've got next/prev
blocking dates with datepicker and php/mysql
i am having a problems using a function block dates from a php array iv converted via jsons it displays the correct dates but isn't disabling the dates here is my generated jQuery $(function() { var excludedDates = [{"BlckedDate":"24-05-2014"},{"BlckedDate":"30-06-2014"},{"BlckedDate":"31-05-2014"}]; // Converted from PHP using json encode $.datepicker.setDefaults({defaultDate: '+1w', changeMonth: false,dateFormat: "dd-mm-yy", numberOfMonths: 2, minDate: 0, beforeShowDay: function(date) { date =
How to change fancybox next click to hover
Hello everyone, I have one fancybox jquery file .. the fancybox works perfectly..now my problem is it changes its images on next and previous click .. what i want is it should change its image on next and previous anchor tag hover.... jquery file is on http://dap.thecreativevoyage.com/_include/js/jquery.fancybox.pack.js above link has the beautified version of js file... please help me how to achieve this.. what should i change in this js file.. Thanking you. Krunal
generic $(...).val() wrapper for ui widgets ? Introspection ?
Hi, Most UI widget I consider using and implementing in my apps intend to provide a nicer way to represent form elements (compared to native HTML). Hence, they represent a _value_ using various visual elements (ex: color picker for rgb values). The val() method won't work on widgets though. This makes generic coding much harder because I have to know how is implemented a given form value under the hood (i.e. know which widget has been loaded to replace the native form element, and figure out how
Validate before Post
Hi, I am using the following code for signup form. It was just a simple posting and showing error using speedopopup and everything was fine. Now I want to add jquery validation before posting to make sure fields are entered and email field is validated. I added the below validate code from the validate plugin but nothing is happening. It’s just ignoring that part and jumping to the $.post? How can I fix it please? <form name="frmSignup" id="frmSignup" method="post" action="signup"> <table align="center"
Next Page