Having a problem with Datepicker -
Hello, I have a website that is using the datepicker control. The problem I am having is that sometimes (like 1 in 50) if a date is put into a textbox, and then you click back into that textbox to delete the date, it won't work. You need to click inside the textbox a second time in order to be able to delete the text inside the textbox. What can possibly be done to remedy this? Here is how it is implemented: <script language="javascript" type="text/javascript" src="../../Scripts/jquery-1.9.1.js"></script>
jQuery Validation Plugin v1.13.1 -password validation
Hi, How can I put validation for password having at least one lower, one uper, 1 numeric and one special character. Also I want to ask how can I put validation for number for only characters not numeric and special character. Thanks
$(window).innerHeight() not equal to window.innerHeight
Should window.innerHeight and $(window).innerHeight() always return the same value? If they should always be the same then this short piece of code on PasteBin may be of interest as it shows them producing different results. I tried to reproduce on jsfiddle but failed (maybe because it runs the code in an iframe) I have reproduced the behaviour with jQuery 1.11.1 on Chrome/Firefox on Win7 and Chromium/Firefox on Linux. I could not to reproduce the behaviour in IE.
JQuery.ajax() doesn't receive a response body
Hi. I'm creating an SmartTV app and testing it as a web site in IE browser. It needs to request data from url, so I do the ajax request; jQuery.ajax({ url: 'http://url...', data: "", dataType: 'xml', success: function (output, status, xhr) { alert(output); }, error: function(xhr, ajaxOptions, thrownError) { alert("xhr " + xhr.status); alert("error " + thrownError); }, crossDomain: "true" }); The result is I don't get response body and some strange
Textext Plugin and the Enter key
I am using this plugin with the autocomplete and tags options. By default / currently, if the user presses the enter key after typing some text in the textarea, it will turn the text typed into a tag. I want to stop this behavior and make the enter key to submit the form as normal. I think the code that needs changing would be in the .js file that comes with the plugin textext.core.js, can anyone help me ? Thankyou
change background color with jquerymobile 1.4.5
with jquerymobile 1.1.0 I could change color of listview by doing this <li style="background:RED"; ><a href="assetinfo.cgi">Asset Info</a></li> But when I upgraded to jquerymobile 1.4.5 this no longer works How would I change the background color for specific li using jquery 1.4.5
Datepicker Problem
I'm trying to create a datepicker inside a <div> tag like this index.html <div id="tab-information"></div> SomeJSScript.js $("#tab-information").append('<p><input type="text" id="datepicker"></input></p>'); I'm making some other things on the javascript file and works fine, only this line doesn't work. Some help?
understanding Extend .
I got this example from the Jquery Docs , for the extend function : var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; // Merge defaults and options, without modifying defaults var settings = $.extend( {}, defaults, options ); var printObj = typeof JSON !== "undefined" ? JSON.stringify : function( obj ) { var arr = []; $.each( obj, function( key, val ) {
Using jquery.validate and jquery-ui
As lines below, only works the datepicker. Why is not working both validate and datepicker? Thank you for your help. Obs .: If you need more code to details, I can post. <! - Validate -> <script type = "text / javascript" src = "http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"> </ script> <script type = "text / javascript" src = "http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"> </ script> <! - Datepicker -> <link rel = "stylesheet" href = "// code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
jquery.tablesorter.js filter is not working in jsp using spring mvc
Hi , I am trying use the jquery table sorter plugin . I am using it as a part of jsp , and copied all the required js and css files to my project under WEB-INF . I am able to see the table with the scrolling and filter items. But when i try to filter the it doesnot work as a jsp. I tried to copy the same folder structure .html file uder jsp and all the resources folder outside the project (eclipse IDE ) on the C: drive and when i try the same file from there as .html extension it works perfectly
tabs open on href
Hi, i have tabs section where i need to past some asp variabel i thought i could do like this but it doesnt work, can someone help me out? thanks <div id="tabs"> <ul> <li><a href="main.asp?m=2&t=1#tabs-1">Identificação</a></li> <li><a href="main.asp?m=2&t=2#tabs-2">Atendimentos</a></li> <li><a href="main.asp?m=2&t=3#tabs-3">Lista</a></li> </ul>
binding text with fonts and displaying
Hi, I'm trying to bind fonts from a DropDown menu into the text typed in INPUT box and displaying it in a P tag. Can you please help me how to go about it. I tried some ways... here it what i tried so far <script type="text/javascript" > function txtFunction() { x=document.getElementById('inputText'); y=document.getElementById('displayText'); y.innerHTML=x.value; x.value=''; } </script> <style> p{line-height:25px; text-align:center; padding:50px 0 0 0;} .displayBoard{ background:url(longsign.jpg)
Photos not sliding
link My images don't slide in my image slider (I've added my link to plunker). Not sure what I did. My console says element style cannot be nested within div element.
URL with php extension or trailing slash not added in Firefox (v30.0, Linux Mint 16)
I can add href: http://www.facebook.com/sharer/index.html and http://www.facebook.com/sharer/ but not http://www.facebook.com/sharer or http://www.facebook.com/sharer/sharer.php Neither through .append() or attr("href", [URI]) Using jQuery 1.11.1
Pause action on hover
I have the function below that switches DIV's between a given time interval. I'm trying to get it to pause when someone hovers over it. It switches as needed but it doesn't pause hover. $(function() { if($('.alert-box').length > 1 ) { setInterval(function(){ if($('.alert-box').first().is(':visible')) { $(".alert-box:visible").hide().siblings().next().show(); $('.alert-right-arrow').addClass('no-clicks'); $('.alert-left-arrow ').removeClass('no-clicks'); } else {
Footer moves following button action/keyboard hide.
Hi, using JQM when having an input field with the keyboard pop-up when I press the done button to signify that you have populated the input field either the footer (that is fixed slides back up into the main screen) or appears right under the text field and then positions itself to where it should be instead of remaining fixed to the bottom of the page. Can this be solved? Thanks in advance.
jQuery mobile changePage crash
Hello, I have a problem with crashing of pages mostly random while clicking between pages and menus. It loads and get blank (white). Any hints? Maybe problems in (link) router? Here is my changePage function: http://pastebin.com/an7Kejp4 Thanks.
SharePoint getting list and shown in HTML table
Hey Guys, i have a sharepoint list with some data and i want it to show in a html table. i used this code to get the data Object var readAll = function () { $.ajax( { url: _spPageContextInfo.webServerRelativeUrl + "/_api/web/lists/getByTitle('')/items/" + "?$select=Id, Title, pb_FirstName, pb_PhoneNumber" + "&$orderby=Title,pb_FirstName, pb_PhoneNumber", type: "GET", headers:
Autocomplete jQuery UI with geonames (how to addMarker)
Hello I am using jQuery UI Autocomplete pluging with geonames. I would like to place Maker on search how can i do it here is my code jQuery(document).ready(function($){ $("#pwGeoAddressTxt").autocomplete({ source: function (request, response) { //alert(selectregionuser); var textvalue = $("#pwGeoAddressTxt").val(); if (textvalue != '') { $.ajax({ url: "http://api.geonames.org/searchJSON?featureClass=P&lang=local&style=full&maxRows=12&name_startsWith="+textvalue+"&username=shakti",
scrolly.js code understanding
hey guys i was just checking out this online pluggin , its basically a parallax plugin , a very simple one . can somebody tell me what this bit of code from line 70 to 77 is doing , the ocde is as follows : $.fn[pluginName] = function ( options ) { return this.each(function () { if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin( this, options )); } }); }; and that syntex , $.fn[pluginName] is
Slider not showing image
Hi, I created a slider that half way works. If I click on the left arrow then the images rotates nicely, but when I click on the right arrow that is where the problem comes in. When I click on it, it rotates to the second image but after that it goes wrong. Here is the js $(".nav_arrows").click(function(){ $direction1 = ($(this).hasClass("left-arrow") ? "left" : "right"); var activeBanner1 = 100; if($direction1 == "right"){ $(".inactive_banner").css("left","100%").show(); activeBanner1 = -100; if($(".active_banner").next().length
How to use remote methode in validate ?
hello this is my code : $(document).ready(function() {
$("#frm").validate({
meta: "validate",
rules: {
signupemail: {
remote: {
url: "aprocess.php",
type: "post",
success: function(response) {
if (response.responseText == "true") {
} else {
}
}
}
}
}
});
});
jQuery UI - Progress Bar With Images
Hello, I am trying to create a progress bar using jQuery UI. I have two images: a "container" and a "filler". I am using the following code: <script> $(function() { $("#progressbar").progressbar({ value: 100 }); }); </script> <style> .ui-progressbar { background: url(jquery-ui/bars/1/main_bar.png); border: none; background-repeat: no-repeat; width = 890px; height
Jquery sortable quesation
Hi; I use this code to simply sort the lists. I need to also store the new order of sorted "ul li"s. I thought when I re arrange, I also update a list so I can use 'foreach' with php and store the new order into the database? How can I do that? Any ideas? Thank you
Range slider, showing the value below the handlers. Issue when window is resized
Hello. I have a range slider where the value is displayed bellow the min and max handler. This works fine until the window is resized which will cause the position of the labels to be unsynced with the handlers. Any clue on how to fix this? http://jsfiddle.net/RSkpH/1742/
Div refresh and dialog link in that refresed div?
I'm not very good at English and olso not in JQuery, I'm more a phper. I don't now if it's possible but i'm trying to make a monitor and i'm refreshing some content in a div element. In that div i have a link/a to open a dialog. After the first refresh its not working anymore, to open the dialog. Is it possible to do this or? This is my test page: <!DOCTYPE html> <html> <head> <title>Monitor</title> <meta charset="UTF-8" /> <!--<link rel="stylesheet" href="style.css" type="text/css" />-->
display returned data in a jquery tab
hi, i have 2 jsp's: tabs.jsp $(document).ready(function() { $('.tabs .tab-links a').on('click', function(e) { var currentAttrValue = $(this).attr('href'); // Show/Hide Tabs jQuery('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide(); // Change/remove current tab to active $(this).parent('li').addClass('active').siblings().removeClass('active'); e.preventDefault(); }); // $("div#instances").load("instanzSearch"); $("div#instances").load("instanzSearch");
Issue with Superfish Destroy function
I am trying to have the Superfish function destroy itself on screens less than 600px. I think I have the solution but it only works on Firefox, the other browsers I have tried it on (chrome, safari, and opera), the superfish does not get destroyed. The site I am developing is currently on a local dev environment so I cannot link to the site but here is the code I am using. Also, it is built on Wordpress. my superfish.min.js file is version 1.7.4 and my function is as follows /* * Custom Responsive
White screen after loading screen iOS.
Hi, when using JQM with Cordova (iOS project) I get a white screen for a fraction of a second after the launch image and the main page of my mobile app? Is there a way to eliminate this and if so how? Thanks in advance.
Draggable div across multiple td's within a table
http://jsfiddle.net/e16rpcyj/ Right now you can drag the red border, but that just extends the td it sits in. I'd like to make the "Session A" div draggable across two td's. Ideally, dragging the red border once to the right would make "Session A" display under "8am" and "9am" together.
shows a "loading" while the iframe content it's not loaded
Hello, I have an iframe that loads an external page, but depending on the user's internet speed this external page takes too long to load and leaves impression that is a blank page. I wonder if there is a way to load a "loading" while the contents of the iframe is not loaded. ps: I do not have access to the site code that is inside the iframe
Jquery Mobile Navbar
Hi, How to add image inside navigation tab. In Nav bar I have three option and I want create navbar inside footer as curved manner with with background image. Please suggest me. Thanks Trilochan patra
Accordion inside tabs not displaying correctly
Please forgive me if this is a silly question but I have jquery tabs, three to be exact. The first tab has 4 accordions stack up on top of each other. By default, the tab opens upon page load and by default first accordion is fully expanded. Within each accordion, everything is visible. However, management decided to make the first tab, the last tab and the second tab, the first tab. After rearranging the tabs, the former first tab, now the third tab, with accordions is no longer showing details
chain select -> multiply 2nd select
Hi, I have 2 chained selectboxes, both filled fromout a database. This is working correctly. But now I want to add multiple instances of the 2nd box after a button push (or to remove one if needed) with a max of 15 instances. Can anyone help me with this? My code op the php-page: <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("#adventure").change(function(){ var value = $(this).val(); console.log(value); $.ajax({ type : "GET", url : 'new_loot.json.php', data : { adventure
Re-initialise jquery on ajax loaded content
Hi, I am loading a gallery dynamically using ajax. I know i need to re-initialise the photoswipe lightbox after the ajax content is loaded. I am new to combining these things. If anyone can help with how to re-initialise the photoswipe jquery when the ajax content is loaded that would be great. Thanks in advance Richard $(function() { //More Button $('.more').live("click",function() { var ID = $(this).attr("id"); if(ID) { $("#more"+ID).html('<img src="moreajax.gif" />'); $.ajax({ type: "POST", url:
Custom Navbar style
Hi , How to create custom navbar inside Footer as curved manner. and navbar background has image . I attach my design image. please suggest me . Thanks Trilochan
Issue on jQuery to Customize a Phone Filed Input Box
I am trying to use jQuery to customize a a text input box to accept phone in North america format like (555)-555-5555 I tried to use this at This Demo var field = $('#phone'); var fieldval = $('#phone').val(); var length, var pattern = [3,6] var maxlength = 11; field.onkeydown = function(event) { // Length without hyphen length = fieldval.replace("-", "").length; if(pattern.indexOf(length) != -1) { fieldval = field.value + '-'; } if(fieldval.length > maxlength)
:( How to disable ???
How can i stop user from executing functions in browser developers tool console ??? for example $("button").trigger("click"); i dont want the user to be able to run that in console panel !!! :( :(( Help !
on change of left value change the opticity of inner element
I have slider which is moving with left value. i want to down the opacity of all other image instead of font image because other images can be seen on the side of front image. Here is the html <ul style="width: 4680px; height: 450px; left: -1170px;" class="imageList"> <li height="450px" width="1170px" class="image"> <img width="1170px" height="450px" title="" alt="" src="http://ecx.images-amazon.com/images/I/52Ra33zPxhL.jpg"> </li> <li height="450px" width="1170px" class="image">
How to get selected value in textbox Autocomplete
Hi all, Autocomplete is working fine displaying Name and images everything is fine but when i click or select an item from the autocomplete list the selected name or value dose not select in TextBox. Code as follow: HTML <input type="text" id="txtSearch" style="width: 80%" /> JS <link href="Styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.10.2.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript"
Next Page