Color fading background
I am trying to make the background of a division start at one color and then fade to another and then fade back to the original then make a constant loop. I have a feeling I can do this using the jquery color plugin but haven't quite figured it out. Can you help me out?
fadeOut() doesn't work, hide() does, why?
I want to show an image in full size once it's thumbnail is clicked, however there is a problem with hiding the image, for some reason, fadeOut() won't do anything, however hide() does. There's the code: This is the div into which the image is appended: <a href="javascript:void(0)" onclick="hideImage()"> <div id="fullImage"></div> </a> The CSS: #fullImage { position: fixed; right: 0; top: 0; z-index: 20; width: 100%; height: 100%;
JQueryUI Range Slider with scrollbar feature
Hi, I would like to combine the features from the scrollbar version and the range version of the JQueryUI slider. http://jqueryui.com/slider/#range http://jqueryui.com/slider/#side-scroll So can I create a range slider (so it has two handles that adjust the range) but add a click handler to the space in between the handles that causes a dragging action? I'd like clicking and dragging the space between the handles to move both handles relative to the dragging. Currently, clicking between the handles
Upload a file and save to a location
I need to create a web page where I can upload a file and save to a folder in any location. I used the following code below: I am able to browse to the location to select the file, but when i click on 'Send', it doesn't save anywhere. What changes do i need to save the file to a folder. Please see the code below: <html> <body> <form action="C:/savedfiles" enctype="multipart/form-data" method="post"> <p> VCF File: <input type="file"
Customize data-filter-placeholder
Can the attribute data-filter-placeholder be customized? I've been wanting to have that change based on a filter that is selected. So placeholder defaults to "search", but if they select Location from the filter list, I'd like it to change to "Search Location". I tried something like below but, obviously, it's a greasefire. Has anyone ever attempted this? Thanks, Shadraq $("#filterButton").click(function () { $("#searchResults").change(function(){ $(this).data-filter-placeholder("Search
jshint errors
I noticed jQuery UI's .jshintrc file, and decided to run JSHint to check for potential bugs: $ jshint . demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 31, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 26, ['ar'] is better written in dot notation. demos\datepicker\jquery.ui.datepicker-ar.js: line 6, col 27, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 7, col 33, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js:
SharePoint with jQuery Help Needed
The following jQuery works great in SharePoint 2007 with a Content Editor Web Part. It makes the icons bigger on one site as they use the document library on touch screens on a factory floor. After upgrading to 2010, the folder icon still works, the PDF icon does not. The files are in place. I can go to the path manually and bring up the icon image. Not sure what changed to stop it from working. <script src="/usm/Dandridge/Application%20Files/jquery.min.js" type="text/javascript"></script> <script
Ajax no-conversion
Hello, Is there a way to receive a binary response from ajax and do no-conversion? Just receive it as pure binary. Thank You
Sorting a array from a certain index.
Hi, is there a way you can use sort on an array from a certain index? For example if I have an array, i.e., myArray=new Array(6,2,3,8,7,5,1); Is it possible to sort from the index(1) in this case, so the sorted array would be 6,1,2,3,4,5,7,8 Or will it be a case of duplicating the Array from index 1 - this isn't a hassle but just unsure if there was another way with the sort() function. Thanks, Lammie.
Jquery UI Modal Dialog "x" button has no link?
I have an MVC 4 application and am attempting to use UI Modal Dialog... Using the code from the Jquery Modal example for Modal Message, I copied the contents into my main layout form to test... The dialog comes up as expected, however the "close" button "x" in the upper right corner is not linked to a close event... It does close if I carefully move the mouse to the "outer" edge of the "x" image button, but when the mouse is directly over the "x" image itself it is NOT a pointer, nor will it close.
What is the use of colons in this examples
I have noticed the usages of colons in jquery for instance config: { duration: 400, easing: 'swing', callback: undefined, durationMode: 'each', offsetTop: 0, offsetLeft: 0 }, and $('#table').animate({ scrollTop: $('#table').scrollTop() + 100 }); I have seen colons being used in javascript like var o = { r: 'some value', t: 'some other value' }; What do the colon in jquery mean?.
Moving the scrolling bar down by some pixels without using any plugin
I am having trouble understanding how scrolling bars are manipulated in jquery.I have this table for instance http://jsfiddle.net/thiswolf/FnjvS/1/ and i would like to know how i would move the scrolling bar in the example down by some pixels say,100 pixels. This is my html <div id="sc" class="container"> <div class="tableholder"> <table id="table" border="1"> <thead> <tr> <th>id</th> <th>firstname</th> <th>lastname</th> <th>country</th> <th>city</th> <th>town</th> <th>gender</th> </tr> </thead>
get browser language with jquery
something in jquery for do that bellow? anyway i dont know this js not working :( thanks. var lang = (navigator.language || navigator.systemLanguage || navigator.userLanguage || 'en').substr(0, 2).toLowerCase(); if (lang == 'es') { console.log('espanish'); } else if (lang == 'pt-BR') { console.log('brasil'); } else { console.log('Common English text'); }
:nth-child(2n) filter not working, but the :even filter does.
Hello there, I've spent a good while trying to find an answer to this so I'm hoping someone can help me here. The code below works, but if you bring in the commented out code containing :nth-child(2n) it will not - I don't understand what is going on - many thanks. http://jsfiddle.net/focusonfiddle/YVw6F/2/ <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>untitled</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $("document").ready(function()
about fixing of footer
hi everyone .. i have a problem ..i have a html page index.html and i`m using header and footer on that page... but problem is i`m using list view then sub list view... when i`m click the sub list my footer is not visible ... plz help me.. how can i resolve it? Thanx
how to move a Dropped object using jquery?
I am designing an web application where I need to move the dropped object also.but once i drop an object it becomes fixed in the position where it is dropped.my codes for dropping the object are as follows: $( "#droppable" ).droppable({ drop: function( event, ui ) { document.getElementById('droppable').innerHTML = "test"; $("#droppable").css('background-image', 'url(' + $(ui.draggable).attr("src") + ')'); }
onclick change the value of the text box
Hi guys; I use the code below to add or subtract the value of the text box of number of nights in this link: http://www.hotels2go.com.au/gallery_nd2.php?order=3&search_term=Gold+Coast&search_type=destination&search_id=18&id=53&altFormat=2013-05-03&checkin_term=3+May%2C+2013&nights=1&nights=1&nights=1&room_type=12&room_type_view=1+bedroom+apartment This is my code and it doesnt work. It does call the funciton properly but doesnt update! Any ideas? Thank you $(document).ready(function() {
Problem finding in Qunit
Hi, I m new in Qunit. Could You please help me in below. If I wanted to test Textarea's or textbox's maxlength or maxlimit then what code should i Prefer. I tried a lot but its not working. Here is my code: <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="Qunit.css"> </head> <body> <div id="qunit"></div> <input type="text" id="fname"/> <script src="Qunit.js"></script> <script src="jquery-1.7.2.js"/> <script src="tests.js"></script>
integrating JQuery Qunit with ASP.net MVC 4.0
Hi, I m new in Jquery Qunit. Could you please help me in Integrating with ASP.net MVC 4. 0 I have an application build in ASP.net. for that i want to automate Unit testing. Could you please explain me with an example. Application contains numeric and many more validation. Thanks in Advance, Gauri Rane
Window Resize: Applying a Custom Function
I have developed a responsive site and am trying to apply a variable that is set on window resize if a screen resolution that is lower than 1500px. Am fairly new to jquery. Here is my resize script. I am working on just one button to start with: http://thosedigitalthoughts.com/deppro2/js/detect.js So if the screen is lower than 1500px the variable is 61% and if the screen is higher then the variable is 50.6666%. This is so I can have panel slides in from the side. The panel has a variable width
Wordpress and jQuery not hover but click menu
I need some help, because im stuck at the moment. I want a wordpress menu, where the submenu is activating by click on a main menu point. The submenu should stay visible as long as i am in that submenu. I found kind of solution here: http://jsfiddle.net/snoffoz/4rZa9/1/ I would need that in horizontal and not in vertical, but im totally stuck. Thanks for help. Mike
how does changepage work
Hello, Happy to say that I found jquery mobile to be an excellent tool! I’m really quires however about the navigations, postbacks and transactions between pages (GET or POST). It seems like jquery mobile is doing an ajax requests instead of regular http requests. But still, the URL changes so it mustn’t be purely ajax. How does it works? Thanks!
How to get the header dynamically using jquery ?
Hi , i'm trying to get the header dynamically using jquery .I tried and its working fine but some problem is there i dont know where i did the mistake. Its working like when i click on the link i'm not getting heading in header tag but when i came back and open the same link its shows the header.Like this it is working.. can anyone help me to get the solution. My code is here check this:http://jsfiddle.net/SP6ww/2/
JQuery : File creation date before upload
Hi, I am using jquery ajax file upload. With that i need to print the selected file creation date before upload. Did lot of search on this, not able to find the solution. Please share details, if having any solution. Thanks in advance.
Sortable Table In Dialog
I have a dialog that opens and inserts a sortable table from mySQL It works fine....however whenever I click on a sortable key it opens up in a new page. is there any way to keep it in the dialog? Any help would be greatly appreciated....thank you 4
page navigation scrolling issues
http://jquerymobile.com/demos/1.2.1/docs/pages/multipage-template.html So this site does not scroll when navigating to the next page like this one : http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html Did something change to make it scroll? I am trying to close replicate how it would display data coming from the page I am working on but it won't scroll between them. Any one able to tell me why? Thanks.
Combining jQuery validate and jQuery Real Person
I'm using jQuery validation to make sure all my required fields are filled in, however I was getting a lot of bot spam and want to use something like jQuery Real Person as a captcha system . How do I combine the 2, so that submit will fail if the captcha field text is not correct? I've already made the captcha field required, now what's the next step? $("#enroll").validate({ invalidHandler: function(e, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1
TypeError: $(…).data(…) is undefined when trying to use first selection result
I'm using autocomplete plugin to select university from an external json list. Now, it will be such that once student selects university, later he will need to choose his faculty. For instance, Columbia University: communityid = 11 : parentID = 0 Architecture, Planning & Preservation: communityid = 14 : parentid = 11 I dont understand why I am getting `TypeError: $(...).data(...) is undefined` error. HTML <form action="content/signup/index.cs.asp?Process=AddMember" method="post" class="signup-form">
Returning from pdf resets the ui.
I used jquery to make an accordion/outline list of links to a bunch of pdf files. The top level is the letters of the alphabet and the second level the links to the pdf's. Clicking a letter expands into the links to files that start with that letter, typically 5-15 of them. That works great, with hide and show, using durations. But when the user hits the browser back function to return from the pdf, the accordion list is collapsed, as it is when you start the whole page; the top level item that was
Panel and form data null problem :-(
Hi Guys, I'm having a massive issue with a login form within a panel using 1.3.1 When I try to serilaiise the form data is as follows: email=&password=&action=process Form <div data-role="panel" data-position="right" data-position-fixed="true" data-display="overlay" data-theme="b" id="add-form"> <form id="login" class="userform" name="login"> <h2>Login</h2> <div id="errorTxt"> </div> <label for="email">E-mail:</label> <input name="email"
Slide down after a set time but when share button is clicked also slide up and down
Ok im new here, and new to jquery but i have done the following code, which is soposed to side down a div 5 seconds after the page has loaded and also when you click another div it slideds up and down. It slides down fine but when you come to click the "share" div to slide it up the first click doesn't register after that it works fine. Im sure it something completely stupid i have done. Help most appreciated thanks. <script> $(function(){ var socDrop = function () { $('.socialS').addClass('active');
CSS JQueryUI vs. JQM
Hello: I have a page that uses stylesheets from JQueryUI CSS (from 1.10.2 Smoothness), JQuery Mobile (1.3.0), and a local stylesheet in the order shown: <link rel="stylesheet" href="jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.min.css" /> <link rel="stylesheet" href="js/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css" /> <link rel="stylesheet" href="stylesheets/mobilebudburst.css" /> I have a submit button on the page that is given a data role of button in JQM as shown: <div style="margin:0
How can I add a parameter to an autocomplete with jQueryUI
Dear All, I am trying to use two autocomplte following this exemple http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/ First I am extract data to have the Brand of cars (this works) // Autocomplete marque var ac_marques = { source: 'http://www.website.com/manager/templates/name/xmlhttprequest/autocomplete-marques.php', minLength: 1, select:function(event, ui){ $("#h_marque").val(ui.item.id); // That hidden field wil contain
trying to use 'each' instead of clicking thru list
hello - i find that on my website, when i click on a video to play it there is a noticeable pause while it loads. i have found that i can set up a secondary video element with preload=auto, with the video names (1 ogv and 1 mp4) filled in as source, and it will preload them. and then when that video is actually called by the main video element, there is no delay. as expected. but i have to set up a preloader for every video if i do it that way, and that is a pain. i have my videos set to play when
how can I close down a browser on a click on a link?
Hi after a user click log out I want to add a link for the user "Click Here To Close Your Browser." I have done the following <script> $(document).ready(function() { $('a#closeBrowser').click(function(){ window.close(); }); }); </script> <a href="#" id="closeBrowser">Click Here To Close Your Browser.</a> this is not working for me. How can I get this to work?
Multiple setTimeout functions but that goes off with different times
switch (e.keyCode) { case 32: $("#Main").prepend('<div class="Bomb" style="absolute; top:' + position.top + 'px; left: '+ position.left +'px;"></div>'); setTimeout( function(){ var BombPos = $('.Bomb').position(); var BombPosTopb = BombPos.top; var BombPosLeftb = BombPos.left; var BombPosTopt = BombPos.top; var BombPosLeftt = BombPos.left; var BombPosTopl = BombPos.top; var BombPosLeftl = BombPos.left; var BombPosTopr = BombPos.top; var BombPosLeftr = BombPos.left; $(this).remove(); .... More stuff
need help with object
function objBomb(positiontop,positionleft){ this.el = $('<div/>'); this.el.addClass('Bomb'); this.el.css({position : 'absolute', top : positiontop + 'px', left : positionleft+'px'}); $("#Main").prepend(this.el); this.explosionTime = setTimeout( function(){ var BombPosTopb = positiontop; var BombPosLeftb = positionleft; var BombPosTopt = positiontop; var BombPosLeftt = positionleft; var BombPosTopl = positiontop; var BombPosLeftl = positionleft; var BombPosTopr = positiontop; var
What is this called and how do I use it?
The attached screenshot is from jQuery's own site. I'm a raw beginner. What do I need to do to activate something like this on my site? Much appreciated. Morels
Problem validating captcha with remote php file
Hi, I have a form that I am using the JQuery Validation plugin to validate incorrect field with a red border. I found the following code online to generate a captcha: <?php session_start(); $code=rand(1000,9999); $_SESSION["code"]=$code; $im = imagecreatetruecolor(50, 24); $bg = imagecolorallocate($im, 68, 147, 183); //background color blue $fg = imagecolorallocate($im, 255, 255, 255);//text color white imagefill($im, 0, 0, $bg); imagestring($im, 5, 5, 5, $code, $fg); header("Cache-Control: no-cache,
Validation problem
I'm having a strange problem with validation. I have recreated it a small username/password form here: http://jsfiddle.net/dhRjN/ I believe I have everything laid out as per the documentation and indeed messages work properly on blur. However, the form can still be submitted, unless you mismatch the password fields. That is, all other validation is ignored until the equalTo validation is violated.
Next Page