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>
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"
Multiple JQuery Isues
Hi guys. Im not as good in coding but got several custom JQuery features running. I am building up a new website and have the following problem. I use the Serie3 Slider for header pics, a CSS nav which runs on Jquery and at last I added a fancy box gallery. I had to delete a part of the script already from the nav to make both nav and s3slider work together but now with the gallery I get either the gallery only or the slider work. The problem is this line: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Translating some plain JS into jQuery
Assuming it's possible, can someone help translate these plain JS snippets into jQuery? From https://github.com/jakiestfu/Snap.js: var snapper = new Snap({ element: document.getElementById('content') }); var addEvent = function addEvent(element, eventName, func) { if (element.addEventListener) { return element.addEventListener(eventName, func, false); } else if (element.attachEvent) { return element.attachEvent("on" + eventName, func); } }; addEvent(document.getElementById('open-panel'),
how to cancel a page change?
i have a page, when it is shown. i want to make sure some data are corrent. if not, i want to prevent it from being shown. since i do not know from where the change will come from. i need to attach a event handler to this page. (will be deprecated, but some people are fighting to keep it in) so now i have tried $("#page").on("pageshow" "pagebeforeshow" "pagebeforeload" and in the handler i tried to return false, or e.preventDefault() but somehow the page still show up. is there a way for me to cancel
Adding Dynamically control in table rows using jquery
I want to add Dynamically the all controls as it in previous row with class name . for this i have done this , but it is too complecated. and my jquery is here <table id="Myt"> <tr> <td><input type="text" class="fAge" ></input> </td> <td><input type="text" class="lAge" ></input> </td> <td><input type="Checkbox" class="elegible" >Eligible</input> </td> <td><a href="#" class="addmore">Add More</a> </td> </tr> </table> my jquery $('.addmore').on('click',function()
ajax: sending data to the server
I don't usu. send data to the server with ajax... I remember from when I first was learning ajax (plain, no jQuery) that you always had to send the data in the form of a query string, which meant at end of url there always had to be a "?"... is this the case with ajax? b/c my data is not getting sent.. my code: data = "namePicked=" + names[0]; $.post( "info.jsp?", function( data ) { $( ".outputDiv" ).append( data ); // window.location='info.jsp'; }); info.jsp
Selectionproblem in $(document).on("click"...
Hi As I am still a beginner I would like to ask you how I can solve my issue here. I have a multiple forms divided via an "objectid" which contain one input text field (for a lastname) and a hidden field (which should contain the contactid from the response later on) As I call an ajax script via onkeyup via jquery, the ajax returns a list of contakts with a button (to taken over that contact into the form by a click) at the end for each listed contact. Now I want to use jquery to move the contactid
partial tooltip display.
tooltip is not completely visible.can someone help me why it is so. i increased its z-indez, made overflow:visible. but no use
Is there any function to Copy to clipboard?
Is there any function available in jquery to Copy to clipboard. I need to copy the div contents. someone can help , what is logic to copy the contents of div in clipboard?
Is there a difference between pagecontainer's load and change?
it looks like the pagecontainer's load method is not needed because the change method can do all it does. the change method can load an external url as well as the load method can.
What's going wrong with setTimeout?
Hi guys - I'm still very new to jQuery, I have the below code working fine: jQuery(document).ready(function($) { $(this).find('.logo').animate({ marginTop: '-296px',}, 1000); $(this).find('#one').animate({ opacity: 1,}, 2000); $(this).find('#two').animate({ opacity: 1,}, 2000); $(this).find('#three').animate({ opacity: 1,}, 2000); }); However, when I try to make it kick in two seconds after document ready it breaks entirely. Code below:
Parsing Json responses in Jquery
I have the following json returned by mediawiki. {"query-continue":{"allcategories":{"accontinue":"SB_Canto_09_Verses_Appearing_in_CC"}},"query":{"allcategories":[{"*":"S"},{"*":"SAY"},{"*":"SB Canto 01 Verses Appearing in CC"},{"*":"SB Canto 02 Verses Appearing in CC"},{"*":"SB Canto 03 Verses Appearing in CC"},{"*":"SB Canto 04 Verses Appearing in CC"},{"*":"SB Canto 05 Verses Appearing in CC"},{"*":"SB Canto 06 Verses Appearing in CC"},{"*":"SB Canto 07 Verses Appearing in CC"},{"*":"SB Canto
Stacking JPG images and scrolling using Jquery
I am trying to pre-load and then stack jpg images. The user can then use the mouse to "scroll" through the stack of images so that 1 image is shown at a time overlapping the previous image. This would be akin to a PACS viewer for viewing at CAT scan. I would like this to work for desktops and mobile interfaces Can someone suggest: 1) should I use Jquery UI, mobile or what to develop this? 2) what Jquery function would allow me to preload 50 or so images and stack them on top of one another in a
$(selector).text() works wrongly.
Hi, I used text method to replace text node of an element. But it replaces all text and HTML elements too. Let say! For an example: I have like this <div id="test"> Some text <span> Whatever it is </span></div>. I need to change $("#test") text node. So, I used $("#test").text("Something") I expected it will change only the text node of an element($("#test")) but it doesn't. It changes all of those elements in the container. Then I inspected that object console.log($("#test")). It shows like this.
Swipe to close panel also triggers click button events
To whom it may concern, I'm working with panels currently using JQM 1.3.1 and I'm finding an issue with it's swipe to close event handler when I set the panel to not be dismissible. If I have a button or onclick event handler on the panel and I were to swipe over that area to close the panel, the onclick event is also triggered which is not ideal. This is what I have so far. HTML <a data-role='button' href='#rightPanel'>OPEN</a> <div data-role='panel' id="rightPanel" class="rightPanel" data-position="right"
JQUERY error is killing my site
Hi, I very desperately need some help with this JQUERY error as i simply cannot fix it... Any advice would be sincerely appreciated. THE ERROR IS: var jq = jQuery.noConflict(); function openPopup(url,width,height,delay,useajax,iframe,exitt){ jq.modal.close(); authover.configure({ iFrameAttribute : { "name" : "autFrame", "id" : "authFrame", "src" : "http://wikipedia.com", "height" : "100%", "width"
back page in reverse direction, is it possible?
Normally, when transition is "slide", a new page comes from the right of the screen, and when click on a link with data-rel="back", it goes away to the right of the screen. When i set reverse to be true (on a link with data-reverse="true") or do a page load (or change) when reverse:true, the new page will come from the left of the screen. But in this case, when it goes away through a click on a link with data-rel="back", or call $.mobile.back(), it still goes away to the right of the screen. i am
How do I find position of a mouse click inside a div?
I can find how much a DIV has scrolled using "scrollTop()". But it turns out I need to know more than that. I need to know what exact vertical position in my div the user clicked on. My div has a fixed height and there is too much content to show, so the user has to scroll down to see all the content. So suppose he has scrolled 3 pages down in the Div and then, he clicks 160 pixels down within the div. So I would add 160 to scrollTop(), but I have one question: 1. How do I get that "160". Is
Conflict between sliders in same pages
Hi all, I have a problem with sliders in the same page , when i display one the other disapear. This is my code -----------------------------------------1er slider--------------------------------- <script type="text/javascript" src="js/jquery-1.4.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Myriad_Pro_italic_600.font.js"></script> <script
Swich between functions
Hello people, I am trying to switch between two function based on the screen width, normal/wide screen and mobile. For normal/widescreen I would like to have an overlay functionality and on mobile/tablet I would like to have an accordion function. I have tried a few scripts but I am not happy so far with the results. Any ideas anybody? This is my idea so far but it doesnt work: // Screen width detection var $window = $(window), $a = $('#map li a'); if ($window.width() < 800) { $a.addClass('mobile');
Jquery.ruler problem
hi i trying to bind my jquery.ruler to a div . but when i bind it to the div. the Yaxis of the ruler is correct. but X axis was wrong as it populate to entire page instead of the div i set. and also. can i bind ruler to a panel? when i add to my panel. it shows nothing
About resize of image in lightbox, see the video plz
hi to all! i explain what i would like to do in a youtube video, its 2 mins long, plz watch and help me here is the video https://www.youtube.com/watch?v=95Lalnc69k8 here is the java https://mega.co.nz/#!gY0igYqQ!m9NQawaa2bo_Zpq4c6O2wHHGgZo1WeSHcrJcL0JKae8 see in HD to see the text and here are is the code of my file in java, THANKS ALL // Magnific Popup v0.9.9 by Dmitry Semenov // http://bit.ly/magnific-popup#build=inline+image+ajax+iframe+gallery+retina+imagezoom+fastclick (function(a){var b="Close",c="BeforeClose",d="AfterClose",e="BeforeAppend",f="MarkupParse",g="Open",h="Change",i="mfp",j="."+i,k="mfp-ready",l="mfp-removing",m="mfp-prevent-close",n,o=function(){},p=!!window.jQuery,q,r=a(window),s,t,u,v,w,x=function(a,b){n.ev.on(i+a+j,b)},y=function(b,c,d,e){var
jquery 1.10.2 conflict with firefox 29.0.1
we have use jquery 1.10.2 http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js) and firefox version 29.0.1 testing also this jsfiddle var selected = []; $("#button").click(function(){ var grid = $("#myGrid").data("kendoGrid"); grid.tbody.find(".SelectedCB:checked").each(function(){ var row = $(this).closest("tr"); var model = grid.dataItem(row); selected.push(model); }); console.log(selected); }); but i have not get result of selected array in firebug console so how to solve this conflict
% in ajax url issue
I use jQuery.ajax POST to post data to my MS SQL Server using ColdFusion Web server. When user has % in the data then it wipe out all text field, if user content does not have % sign then it go through to server and add or modify the data. Is it possible the web server encode % for some server code for this issue? Your help and information is great appreciated, Regards, Iccsi, Here is my sample code, jQuery("#Submit").click(function(event) { event.preventDefault(); jQuery.ajax({
data-theme="a" doesn't work for a dialog box
Hello, I've a problem when I print the dialog box on the screen. I tried the data-theme="a", data-theme="c", data-theme="d" but I've every time the same color printed(in white). There is just the data-theme="b" that prints the dialog box in black. I tried with $("#dialogbox1").trigger("create") but it's always the same result. Do you have a solution ? Thank you <script> $(document).ready( function(){ $("#contentDialog").html("dfds"); $.mobile.changePage('#dialog1', { transition:
How can i build a "bubble map" with jquery?
Hi, i want to display a komplex sitemap like the following. Is this possible with jQuery? regards Yavuz
jquery lightbox help
just tried adding it, not working. Not sure what i am missing... http://www.theartoflovingcatsanddogs.com/art-item/quotbe-a-voice-for-shelter-catsquot-leather-cuff-bracelet-568/index.cfm
Next Page