ddslick non-selectable-group options
Hello, Is there a simpler way to have non-selectable group options within the ddslick ddown list? Or to disable certain items thus work as options group? so ddslick creartes sth like ul li li li ul and I want to disable click event from certain 'li' item within the 'ul' element? Thanks in advance! Mokhtar
Displaying JSON data on keyup
Hey Guys. I wrote a function that displays the JSON info on a keyup event. But for some reason its just hides the data, and does not display anything when I enter text in the search bar. ( I am targeting the search bar on the $('#search').keyup(function() { ) I am not sure what I am doing wrong here... any help would be really appreciated. Thanks in advance! Below is my script followed by the HTML content. $('#search').keyup(function() { $.getJSON('../data.json', function(data) { var output
Changing rerun url
I was wondering if there is a parameter or setting I can set that will change the URL that is fired when the "rerun" link is clicked on one of my tests. My current application is built in Require.js and and Backbone.js, so right now when I click on the rerun link, it navigates me back to my home page. I was just hoping that there is a way to modify where the rerun link points, rather than have to start managing a new set of URL paths in my router. Thanks!
Default Functionality Not Working
Hey all, I have jquery 1.10.2 and jqueryui 1.10.4 which I'm including into my site using the direct CDN links at the bottom of the jqueryui page. I'm noticing and becoming increasingly frustrated with default functionality of some items not working. Here are 2 examples of things not working: Date picker $(function() { $( "#viewDatePicker" ).datepicker(); }); <input type="text" id="datepicker" /> Is working and popping up the calendar, but doesn't show "February 2014" for example in between the month
how to validate textbox with 100 words?
i know how to validate the character nut to do with words plz suggest. below function is use to validate the characters: $('#txtCompanyProfile').keyup(function () { var maxWords = document.getElementById('<%= hiddenProfileMaxValue.ClientID%>').value; var cs = $(this).val().length; $('#characters').text(cs); $('#txtCompanyProfile').keypress(function (e) { if (e.which < 0x20) { return;
check all checkbox
I am trying to create a check all checkbox. Here is my code: $('#checkall').click(function () { $('.checkbox').prop('checked', this.checked); }); $('.checkbox').change(function () { var check = ($('.checkbox').filter(":checked").length == $('.checkbox').length); $('#checkall').prop("checked", check); }); <input name='checkall' id='checkall' type='checkbox' value='' /> <input type="checkbox" name="checkbox" id="<? echo $id ?>" class="checkbox" /> When I select the checkall box, it does not check
submiting a form without reloading the page
Hello, I'm working on a email form which seems to work halfway and it doesn't seem to complete the process. WHen i click the submit button I can see that the values appear in the url but it should return a success/failed message but with my script nothing happens.. any ideas as to how to fix this? <!doctype html> <html> <head> <title>Submit form without refreshing the page</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
Two Scripts Have a Conflict
I see I'm not the first person to have problems with two bits of Jquery conflicting with each other, though none of the previous posts has helped me to find my problem. Firstly, I have a short jQuery script in the <head> of my page that creates a tabbed area, and also loads the content to one of the tabs. $(document).ready(function() { $("#tabcontent > div").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#tabcontent div:first").fadeIn();
Show/Hide 2 divs
Brand new to jquery. See below code - <script> $(document).ready(function(){ $('#leftbar').hide(); $("#longbar").mouseover(function(){ $("#leftbar").show(); $("#longbar").hide(); return false; }); $("#longbar").mouseout(function(){ $("#leftbar").hide(); $("#longbar").show(); return false; }); }); </script> Essentially, I'm trying to achieve something very simple. 1. When the page loads I want everything except #leftbar visible. 2. When user runs cursor over #longbar I would like #longbar
How to sort errorList array of Jquery Validator Plugin
I'm using the jquery validator plugin to validate my form but need to sort the errorList array so that results are shown in a particular order. Could anyone point me in the right direction for doing this?
Jquery Datepicker not working on cloned body and after server side postback
I have a html table.On this table one of the fields is a jQueryUIdatePicker.When I clone the body in a table, all its markup's are cloned into a new div.Now there are two elements on a page the original and a cloned one.When i create new datepicker element with append() datepicker works fine.But when i select the date for new(cloned) element it affects in the first(original) element. One more issue i am facing is that after a server side postback any of the jquery datepicker including cloned ones
Seeking to hire a designer with jQuery skills
Hello, I'm looking to hire a designer who has typical design, slicing and CSS skills but also has experience with jQuery (jQuery-UI styles and theming jQuery widgets, etc.) Please contact me off-list. Thank you
Uncaught TypeError: Object [object Object] has no method 'dialog'
Hi, I have a project in wordpress. I am trying to implement dialog box popup on click of hyperlink. On click of this link, function shownm1() is called which is placed in .js file. The function contains code to open modal dialog. But its showing the following error : Uncaught TypeError: Object [object Object] has no method 'dialog' . <a href="#" id="test-div1" onclick="shownm1()">Click</a> function shownm1(){ jQuery(document).ready(function($) { // alert(1); $('#test-div1'
how to validate textbox to have limited characters
how to validate textbox to have limited characters ?? the number of charcters are coming from backend..............if its more then maxlenth hoe to clean textbox for ex:max characters=10.........when textbox opens already have 20 characters how to remove extras and make it 10.and if less den 10 allow to enter only 10 characters...... maxlength is coming from server. $(function () { alert("maxWords"); // to count charecters in CompanyProfile $('#txtCompanyProfile').keyup(function
Need help with Hiding/showing div
Hey guys I'm new to jquery and i'm hoping to learn over time through different sites I work on. Right now I'm working on an all in 1 page site where the content hides/shows depending on the which link you click in the navbar. Heres an example of what I mean: $(document).ready(function(){ $("#service").hide(); }); $(window).bind('click', function(){ if($(this).click("li.services")) { $("#service").show(); } }); Now how do I go about hiding this section when I click on a different link
Check for file extension before uploading
Hi, I have the form allows user to upload file. This field is option but restrict only for pdf file. I want to check the mime type before upload but can't find any good example out there. Can anyone pls help to point me to any example? thanks
IE problem
I'm entirely new to jquery and have just downloaded jquery-ui. All of the examples in there work perfectly in all browsers except IE (I'm using IE11) - and, whilst the functionality of each example works in IE, there is no styling at all: texts overlap, dialog boxes have no structure... and on and on... Is this normal or am I missing something?
Prev/Next Issue
Line #93 is letting me down: http://www.vendingbeta.com/test2.php
JQuery hover effect problems.
Hi, i have 3boxes design in css, I want a hover effect on it, so when i hover one box the other two will get the opacity 0.5 and the box I hover will remain the same with opacity 1. This is my code but now the box I hover vill change opacity. The id is #wraps and the class .box $('.box').hover(function() { $(this).animate({opacity: 0.5}, 400); }, function() { $(this).animate({opacity: 1.0}, 400); }); });
Animation not working
I'm at a loss here. The following code works perfectly fine on my development machine. It doesn't work on the server and throws an illegal character exception error instead. For the life of me, I can't figure out what it is. $(document).ready (function () { $('#side_menu').fadeIn('fast', function() { $('#side_menu').css('display','block'); $('#side_menu').animate({'right':'0%'},300); }); });When I comment out the fadeIn, all other calls to the side_menu id work fine - even
how to load data step by step with ajax for big data without stopping the display of the webpage
Hello, I will try to explain my problem: In my website I load some big data for 3 canvas. If I load the three, it is long and I need firstly only one. So my first solution I did isn't good because nothing is display on the page before 3 seconds: $.when ( $.ajax({url:"load.php"}) .done ( function (data) { responsive_INTRODUCTION(); }), $.getJSON(url0, function (data) { str_r=data.paragraphes[0].split("-"); str_g=data.paragraphes[1].split("-"); str_b=data.paragraphes[2].split("-"); }) , $.getJSON(url1,
Alternative to append in JQuery
I am looking for an alternative to the append command to insert a table into a webpage. My co worker, who shall rename nameless is telling me that I can't use "append" because it is a "Hackers" way and a security risk to use append. *Rolling eyes* (Of course he won't even tell me or make any suggestions on what to replace it with! He never gives any suggestions only criticism!) So, I would appreciate any suggestions on what else I can use instead of append to get my table into the webpage. Here
Change flipswitch by javascript
I need to change this flipswitch by javascript. I don't find how to proceed. Thanks for your help. <div data-role="page" class="demo" data-title="Panel fixed positioning"> <form> <fieldset> <div data-role="fieldcontain"> <select class="myflipswitch" data-role="flipswitch"> <option value="0">Off</option> <option value="1">On</option> </select> </div> </fieldset> </form> </div>
having unstable layout in App using phonegap & jquery mobile after returning from webview in iphone
Hi Can some one help me out to fix my issue. I am using jquery mobile with cordova to build ios App. When i trigger an external link from my App and return back to App having unstable layout. Can someone tell why the issue is. Thanks in advance.
Simple AJAX POST request
I am trying to write a simple request to download data from http://taskforce.epiforge.com/API/Reporting.aspx/Breakdown. My request is always sent as OPTION instead of POST. Function then returns 404 error. This is my request: <script type="text/javascript"> $( document ).ready(function() { var data = { "accountLogin": "a", "userLogin": "b", "password": "c", "breakdownBy": "task", }; $.ajax({
Perform function every second
I have created a page that grabs some data from a php page every second using a timer. However, I am pretty sure there is a way to make the code a lot shorter and neater, perhaps using a loop. Here is the code <script type="text/javascript"> $(document).ready(function() { var delay = 10 ; function countdown() { setTimeout(countdown, 1000) ; $('#countmesg').html("Ends in " + delay + " seconds."); delay --; if (delay == 10 ) { $.post('grab.php', {name: name}, function(data) { $('div#name-data').text(data);
Combining selectors with different triggers
Hello, I have the following $('#Login').keypress(function(event) { if (event.keyCode==13) { //Call function with name "FUNCTION" } }); $('#Login input[type=button]').click(function() { //Call function with name "FUNCTION" }); Is there any way to combine these 2 pieces as they call the same function? Thank you for reading.
Simple jQuery Mobile Random Number Generator ?
Does anyone know how to generate a radom number 0-99 and output to a textbox? I'm just a beginning and have a very limited understanding of jquery programming...
html() not updating until I scroll the page
I have a custom font, and a class that I put on a div that replaces any text in the div with the custom font icon... This div is supposed to switch between a search icon and an x icon. Sometimes, the icon doesn't change until I nudge the page up or down... can't figure out why? Here's the div: <a href="/search/" class="ficon" id="search-trigger">B</a> and here's the jquery: jQuery(document).ready(function(){ jQuery("#search-trigger").click(function(e){ if(jQuery("#search-trigger").html() == "B"){
i have a list of images in the dom ,and I want to increase the size on hover
Dear all, I have a number of images in the dom in a div called main ,I want to increse the size of the image on hover my code (function () { $('#main > img').on('hover',function () { console.log(this); css('width','800px'); }); })(); this is (probably) to simple any sugestions ?
$.ajax() always return error
Hi, I do not know anymore what to do, I'm getting desperate! = ( My code always returns error: function pegaDados(x){ var parametros = { 'id' : 'vazio', 'busca' : 'tudo', 'funcao' : 'buscar', 'dados' : '', 'bd' : bd, 'col' : col}; if(x){$.extend(parametros,x)}; $.ajax({ type: "POST", url: "back/mongo.php", dataType: "json", error: function(erro) { console.log(erro); }, data: { "id": parametros.id,
text with apostrophe
Hi, i have a problem when i insert some text with apostrophe in my page. I have a page when people can send me a message in my email. I use php and javascript. Can you give me some help? Thanks
jquery script work in chrome issues in ie9
Dear all, I run a jquery script function test (container) { jQuery('html').addClass('js'); var doIt = { container: $(container), show: function () { if (doIt.container.is(':hidden')) { doIt.close.call(doIt.container); doIt.animatie(); } }, animatie: function () { $("body").append(doIt.container); var w = doIt.wijd/4; var h = doIt.breed/5; doIt.container.animate({ 'opacity' : 'show', 'left': 50, 'postion':'relative', 'z-index':'1000' },500) .animate({ 'top':-800 },{duration: 800,queue: false})
After Variable = "specific number"
Hi, i'm trying to make a flash video appear and play after my variable reaches a certain number. Can anyone help?
html table scroll to bottom
I have a document ready function to make my HTML table scroll to bottom when page starts: <script type="text/javascript" language="Javascript"><!-- $(document).ready(function () { var scrollBottom = Math.max($('#Table0').height() - $('#myDiv').height() + 20, 0); $('#myDiv').scrollTop(scrollBottom); }); //--></script> it works fine.But then I add more rows to the table, How do I call this function from an ImageButton I use to add records and force my Table to scroll to the bottom of the
how to validate checkbox
i have 15 checkbox in page but i want user to selct only 10 checkbox...............how can i validate them?? on submit button
Jqzoom how to load images from database
Dear , Sorry for my bad english . I am a retired truck driver who learns programming . for my hobby I want to save the jqzoom demo_standard.html as . Php and retrieve images from msql database The demo_standerd . html works well . Now I want the same in a php page I want all the image in the html demo retrieve from my msql database. Find no solution How do I do that ? Here the code where the images should come from msql database <div class="clearfix"> <a href="imgProd/triumph_big1.jpg" class="jqzoom"
String literal is not properly closed
I am using IBM Worklight 6.0. I downloaded jQuery mobile 1.4 and imported jquery.mobile-1.4.0.js and jquery.mobile-1.4.0.css into my project. But line 2657 of the js shows the following errors in Eclipse: String literal is not properly closed by a matching literal and Syntax errors on tokens, delete these tokens The line 2657 in question is this one: return ( hasHash ? "#" : "" ) + hash.replace( /([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1" ); Is this a bug in the jQuery mobile 1.4 code?
nested list for months and date
hey guys new to jquery. trying to create a nested unordered list item where if you click the 2014 list item, it will display/hide the months and the months will have links to different sections within the article For example: <ul> <li>2014</li> <ul> <li>January</li> <li>February</li> </ul> <li>2015</li> <ul> <li>January</li> <li>February</li> </ul> </ul> does anyone
jQuery on click event send POST request
Hello! I have a problem, i need send data to post inside of the clic function. My code is: <!DOCTYPE html> <html lang="en"> <head> <meta name="keywords" content="" /> <meta name="description" content="" /> <title id='Description'></title> <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="scripts/demos.js"></script> <script type="text/javascript"
Next Page