From top-fixed to bottom-fixed when reaching the footer
I need to stop a fixed sidebar when the footer is reached. I have the code below, but if you scroll down, the sidebar gets over the footer when reaching it. Of course, it will be fixed to the top again when scrolling up. Any help? jsFiddle $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() - 210) { alert ("footer reached!"); $('.sidebar').css({ position: 'fixed', bottom: 210, }) } else { $('.sidebar').css({ position: 'fixed', top: 0 }) } }); .body {
Cannot save form with data populated by ajax jquery
I am retrieving html data from a page and it's being displayed properly in the page - everything good so far. This is that code... $.ajax({ type: "POST", url: "myurl", cache: false, beforeSend: function(){ $("#spinner").show(); }, data: { id_code: id, mode: mode, IndexAbove:indexAbove }, success: function(data){ $('#entrytable').html(data); }, error:function(xhr, status, error) { alert('Request Status: ' + xhr.status + ' Status Text: ' + xhr.statusText + ' ' + xhr.responseText); }, complete: function(){
rework a for loop to an each function
I'm trying to rewrite this function: for (i = 0; i < $('.carousel-dots-nav-item').length; i++) { var dot = $('.carousel-dots-nav-item')[i]; // show the title of the image when hovering the associated dot $(dot).hover(function(e){ $('#title').text(carouselItems[i].title); }, function(e){ $('#title').text(''); }); To this one below using the each instead of the for loop above because there is a closure and
Capture checkbox click on either ID
Hi all I have the following to capture a click event on any checkbox where it's ID begins with 'iagree': $('body').on('click', '[id*=iagree]', function (e) { What I need to do is add in the ability to check if adifferent id is clicked as well, as part fo the same line of code (if possible). i.e: $('body').on('click', '[id*=iagree],[id*=otherone]', function (e) { How can I do this?
ajax data xml string problem
$(document).on('click','#metadataListTable .delete', function () { / var ans = confirm("Do you want to delete Metadata?"); if(ans==true){ var nRow = $(this).parents('tr')[0]; var data = oTable.row( $(this).parents('tr') ).data(); alert( data[10] +" ========= "+ data[11] ); oTable.row( $(this).parents('tr')).remove().draw(); $.ajax({ url: "deleteMetadata.do",
.click() not working
I'm doing a site located at http://matjohnson.wc.lt/ On the supporters area of the page. I want to trigger the 2015 button so it filters those down, but the following code does not work :( $('a:contains("2015")').trigger('click'); Now I know it finds the element because when I alert it out it shows the element value. But it just doesn't trigger the item. Anyone got any help?
textbox creation using textbox input
Hi guys.if i give semicolon as input means i have to create a textbox in jquey.I tried this code and it flows correctly but it didn't show me the result.pls help me out.. $(document).ready(function (){ $("#hellotxt").on('keyup', function (event){ if (event.keyCode == 59) { var txt = $("#hellotxt").val(); var valueArray = txt.split(';'); var valueSortArray = valueArray.sort();
clone count
I'm trying to clone items once on click and toggle, I thought if I ran a count it would help prevent clone multiple times, I placed in a jsfiddle page, any advice would be great. http://jsfiddle.net/sx0zf8es/
Jquery slidetoggle without moving bottom content
I got this function which show up the second frame when the button is clicked. This is doing what i want but the problem is when i clicked it again, it shows the first frame, i only want it to show the 2nd frame. I have another button that does showing the first frame though. Thanks for the help. $(function() { var pos = $("#iframeE").position(); $("#iframeO").hide(); $("#wrapper, #iframeO").height($("#iframeE").height()); $("#wrapper, #iframeO").width($("#iframeEt").width()); $("#btn").toggle(function()
Max size on POST method
Hi, What is the maximum size of a response with $Post? How to make the server send the response into pieces? Thanks in advance
find td of the current tr
Hi, I wrote this code : http://jsfiddle.net/mlotfi/zxd6p5ss/ it's working fine, the console display what is expected. but when I run it in my machine (not in jsfiddle) I got null for both of them. here is the markup of my page : http://pastebin.com/U2p8PLAW Thanks.
i've made my first jquery plugins and need a experet views
Hello Dear, I have made my first j-query plugin for form validation, please review on http://jsfiddle.net/mukesh84tech/zbww69ed/ and post your review so that i can improve my coding skills and logic and can make better..
What is wrong with this code??
Hello, please can someone tell me what is wrong with this code? I have hidden the price of all items in my shop, but I want the price to show on one of the product categories. Pages where I want the price to show (all subcategories of this page) http://3dfitnessgroup.com/nutrition-supplements-30-c.asp Code: <script type="text/javascript" language="javascript"> $(document).ready(function() { $(".side-header ul li:contains('Nutrition Supplements')).find(".cat-product-price").css({"display":
Call function based on input
I've an textbox in asp.net,when i enter ";" semicolon in textbox means it have to call a function.Is there any way to do this.please help me out guys..i tried change function but it calls at every keypress in textbox.
jQuery animate doesn't work on second slide
I'm building some fancy slider with different effects. I've created the first slide and the effects are working perfectly, but when I click on the next button, the effects doesn't work on the second slider. EDIT: Here's the fiddle: http://jsfiddle.net/emco83/az135syn/ EDIT2: Something to add: If I make separate the two divs for slides on a separate pages, after clicking on a next button, the animation for the second slide that's displayed on a second page works great, but the issue stays if its a
[jQuery] clone()
Hi, I need a clarification regarding "Clone" method in jQuery. I have written the following. HTML: <body> <p>Paragraph 1</p> <p>Paragraph 2</p> <p id='p3'>Paragraph 3</p> </body> JS/jQuery: $("p").on("click",function(){ console.log("Paragraph clicked"); }); $("#p3").on("click",function(){ console.log("Paragraph 3 clicked"); }); //Cloned all paragraph elements and keeping all event handlers var $paras=$("p").clone(true); //Changed
Mouse events do not work in firefox
Handlers for mousedown and mouseup events are not called in Firefox. (I use version 30.0)
Issue on Replacing Special Characters in a <pre>
I am trying to use a jQuery Plugin for highlighting my Snippet at This Demo but the browser assumes that <pre class="php"> <?php echo "My first PHP script!"; ?> </pre> is a originally PHP code which it is! now the solution is: Replacing all < with < and > with > inside the <pre class="php"> Now can you please let me know how can I use the jQuery to replace all < and > characters inside the <pre> with < and > before loading the page? Thanks
Importance of updating jQuery
Hi there. At the moment im developing telmodi.dk, where jQuery is used to most of the action on the site. I have implemented all my javascript in one file, thus the newest jQuery version as of now. Would it be an idea to reference jQuery separately in stead, to always have the newest edition, or doesn't it matter ?
Code works in jsfiddle but not online
<h3><a href="http://www.bestorlandovacationpackages.com/Item/Westgate-Town-Center-Timeshare-Resort-Promotions-Disney-World-Tickets">Westgate Town Center Promotion with FREE Disney World Tickets</a></h3> <p>Enjoy a fantastic stay at a timeshare resort just 1 mile from the main entrance to Walt Disney World. Amenities include: mini golf, a large number of pools and paddle boats to name just a few.</p> <button class="btn
JQuery cycle
Hi I am using cycle method from http://malsup.github.com/jquery.cycle.all.js ". I have created a div with some images in it which I want to slide, I am calling the cycle method on the div, now when i sign in the page for the first time the images are not sliding but as i refresh the page the images start sliding, why must that be happening ? Also I want the images to slide as soon as i sign in, i have tried using document.ready(function(){ }); but have same behavior. <script type="text/javascript"
Need help with hover()
Hey guys, have a little problem with the hover() function: Code: $("#header-Home-li").hover(function(){ $("#header-Home-li").fadeTo( "slow", 0.33 ); }, function() { $("#header-Home-li").fadeTo( "slow", 1 ); }); To my Problem: When I go over the <li> element it hovers forever when i stay on the element. The text just blink (hover) for a while.. Any ideas how i can solve this? Thank you
contenteditable not working sortable and draggable
why contenteditable not work when I pull into sortable http://jsfiddle.net/pwppb78n/
Get table TR data from TD fails
I've tried variations (.parent, .parents, .closest) of the following "tdclick.html", but can't seem to get it to work. Can anyone see what I'm doing wrong? -- Thanks. File: tdclick.html -- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ // build table $("#filelist").append("<br>") ; $("#filelist").append("<br>")
dynamic image resizing
Hi everyone, i am doing a website where I have a list of images (I have at least 5 images per page that need re-sizing) with a certain width. Not when I try re-sizing the window I want the smaller size to be loaded dynamically, but it is not happening. Can someone please help me? thanks in advance. Here is a snippet of the code: function adjustImage() { var winSize = $(window).width; var img_src = $('img').attr('src'); if ((winSize > 800) && (winSize < 1400)) {
JQuery .load("Page.html") error
Hello, to day i have programming a little bit with html and java in the webbrowser. Jeah, an i have a porblem with the JQuery .lode. It isn't in by Webpage. Index.html the next is, it is work in CS6 adobe Dreamweaver <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="ActivLayout.css"> <link rel="stylesheet"
jquery memory cleanup ideas
Hello, I built a single page template that essentially just uses ajax to bring in the next pages content when the user navigates. Everything is working well but each page contains a lot of javascript. Some pages have up to 50+ events. After some time though there seems to be a huge build up in memory that continues to grow. After about 10 different page loads the browser is choppy, and doesn't smooth out till I refresh the page. $(document).ready(function () { function PegAjaxContent(page, websiteid)
Populate html a Links from an Excel Sheet . Possible?
I don't know if this is possible/ within the scope of jQuery. Is there a way to populate or fill blank href=" " with links from a google excel sheet? example: Column 1: "http:1.com" Column 2:"http:2.com" and so on.... my html has several list items with blank a tags, href=" " So would it be possible to fill these blank a tags in sequence - following the order of those defined in the excel sheet? Kindly let me know. Or point me in the right direction if possible. Thanks
Server Error in '/' Application-->The server tag is not well formed
I'm working in ASP.NET and i used the following code in jquery.And it is showing me error"The server tag is not well formed".please help me out guys.My Jquery Code is $('#add').click(function () { var txtcnt = $('splting').text().split(';'); var table = $(this).closest('table'); for (var i = 0; i < txtcnt.length - 1; i++) { table.append("<tr><td><input type=\"text\" id=\"label\" runat=\"server\" value="+txtcnt[i].toString()+"/></td><td><input type=\"text\" id=\"currentName\" runat=\"server\" value="+txtcnt[i].toString()+"
problem of adding style tags to head
why do I add tags to the head occur repeat style this example this example
Background fading effect
Hello every one! I ran across one website which is exactly looks like http://www.shoutagency.com.au/ ,My site is in under maintenance that’s why it’s not live right now.I want to create a background fading effect in my website using jquery. Anyone have any ideas? I'd really appreciate it! Thanks!
jQuery - KeyUp and other functions in document ready
Dear Guru, Thank you for your time. What I want to implement is the file of fail.txt. But I failed. Please see the function keyup and other function. I don't know why fail.txt doesn't work. Best regards,
Jquery search
First I am sorry for the wall of code I'm about to hit any unsuspecting reader with, I'm attempting to add a search filter onto a page, it worked fine then I added isotobe to allow users to select images based on the class name I give to each element, I think it has something to do with the jQuery side although that could be a swing and a miss, the search does show the hidden span text when I enter it into the search box, so I'm very uncertain, any advice would be great. I have attached in jsfiddle
Diff between two dates excluding public holidays and week ends.
Hi techies Please address me how to find difference between two dates excluding public holidays and week ends for one of my leave application.
How can I set the height of an element based on another element's height?
Hi forum, Please see code below. It illustrates how far I've gotten with my problem. I'm trying to apply the computed height of each parent to their children. So child1.1 and child 1.2 need to take the height of its parent; child 2.1 and child 2.2 need to take the height of its parent; and so on. In my code, it only appears to be working on the first parent. If you can tell me why this is, I would appreciate it! JQ $(".parent").each(function () { $(this).children().height($(this).height());
JQ UI Dialog: How to Have Multiple Dialog Instances on a Single Page with Good Refactored JS
Hi, Please see my JS Fiddle example to get a better idea of what I'm trying to do. Take a look at the Javascript section. You'll notice the code is very repetitive. How can I refactor this code so I can add additional dialog boxes to the HTML in the future, without having to change the javascript? Thanks in advance for your help. And if you you know of another post with the same question, please let me know.
website auto logon in browser
Hi, I am using the below javascript code to open browser and login to web site automatically. But it is browser dependent, only IE can execute this code. Kindly suggest solutions to implement jquery scripts that is compatible for all browsers. <script type="text/javascript"> function login() { window.onerror=null; var PAGE_LOADED = 4; var objIE = new ActiveXObject("InternetExplorer.Application"); objIE.Navigate("http://domain.com/default.aspx");
Keep the 1st tab opened when ever the dialog box is loaded
Hi, I have a jquery dialog and it has 2 tabs inside it. When ever I open the dialog always the 1st tab should be displayed. I have an issue in the below example where if i close the dialog being in the 2nd tab and open again, it shows me the 2nd tab. http://jsfiddle.net/didierg/HTJ4z/
how to load data into jqxgrid from postgreSQL DB by using npgsql
Hi, need to load data from postgreSql database into jqxgrid through npgsql provider please someone help me out on this. First i need to connect to postgre database from jqxgrid uding npgsql provider please help me out
date picker day and month and year
Im looking for a datepicker for day/month /year for my booking site .any recommend site ?
Next Page