How to use this animated header?
Hello guys, I'm very new to Jquery, still learning Java/Jquery and also learning how to use it's plugin within WebDesign. So, sorry if this is the wrong section or something like this. I've trying to make a animated header using a "OnePage Scroll" plugin, but it just doesn't work. This is the plugin i'm using: http://www.thepetedesign.com/demos/zepto_onepage_scroll_demo.html And this is the effect i'm looking for: http://www.apple.com/iphone-5s/ Can anyone help me with it?
Using jQuery Accordion and Tooltips
Hello All, http://www.nalcbranch25.com I am reworking the home page of this site, placing the calendars into an accordion to save space. As you mouseover any of the shaded dates, a tooltip pops up with info. After putting the calendar code into the accordion, I got the calendars to display and work to my satisfaction. The only problem is that I can't format the tooltip data properly. I had been using <br /> tags to format line space, but now the <br /> tags show up as simple characters in the tooltip
What are these textnode?
I am using jQuery to get all strings on my web page, I use the following code but gets a lot of objects, it does not make sense because there are only 20 strings on my page, after looking into details, I found strange elements are also treated as textnode, please see screenshot attached, do you know how i can get rid of them? jQuery(":not(:empty):visible()").contents().filter(function(){return this.nodeType===3})
jquery.min.map cause 404 in jquery#1.10.2
I'm using jquery#1.10.2 from bower, because jQuery mobile requests this version. In the jquery.min.map, there is a "sources":["jquery-1.10.2.js"], which is not exist in the dir, and it'll cause a 404 error in console of Chrome's developer tools. Will you please change it to "sources":["jquery.js"] to prevent this error? Thanks!
jquery.min.map cause 404 in jquery#1.10.2
I'm using jquery#1.10.2 from bower, because jQuery mobile requests this version. In the jquery.min.map, there is a "sources":["jquery-1.10.2.js"], which is not exist in the dir, and it'll cause a 404 error in console of Chrome's developer tools. Will you please change it to "sources":["jquery.js"] to prevent this error? Thanks!
The example code for jQuery UI not working.
Hi, As i have just started using the jQuery and moved on to jQuery UI but when I have used the example code the code is not working . pls help me.. Thanks in advance --Dipesh
How to have a function fire when collision & returns occur
I've been messing around with jQuery Collision for some time now but still cannot figure out how to make use of it in a simple way, despite having examples to try to help. http://sourceforge.net/p/jquerycollision/wiki/Home/#usage says this: Basic usage returns the obstacles that are hit by the colliders: var colliders_selector = ".collider"; var obstacles_selector = ".obstacle"; var hits = $(colliders_selector).collision(obstacles_selector) How can I craft a statement that has a function fire when
Specifying yearRange on datepicker causes it to stop showing month/year dropdown lists
By default datepicker shows lists for month and year (see Capture1.png) I need to limit the year range, so I specify: $( "#PurchaseDate" ).datepicker({ yearRange: "-0:+20" }); But when I do, the datepicker no longer shows the drop-down lists, but instead only has left/right scroll buttons (see Capture2.png) ??? DadCat
Beginner.
I am new comer :) . " www.jqueryui.com " how to utilize this site?? Suppose i go to a Effects. and click "view image source" and get the source. But where i will get the .css file, .js file? to activate this particular effect?? Thanks in advance :)
Blue highlight over Popup
Hi, As shown in the screenshots attached, a blue highlight appears over popups when the page is viewed in Android 4.2.1 (tested with Dolphin and Next browser). The screenshots are from the JQM 1.4.3 Demo page. Is there any way to remove/disable this blue cast/highlight? Thanks
unary (+) or number() for text-to-number conversion?
Hello, I was reading a standards doc at an IT shop that recommended using the unary for number conversion like this: var myInt = +'1'; If the unary operation fails then it returns NaN so does the unary operation have any advantage over the Number() function? The Number() function seems more readable.
SyntaxError (code: 12; nsresult: 0x3053000c) possibly with $('#id option.select').text()
I've got a change handler in which the line 6 (t = $('#Club...)) seems to be causing a problem for which I would dearly appreciate assistance and/or advice. I believe this line to be the cause because the problem disappears when I remove it. With it in place, I get the first two alerts and then the error notice. clubSelectChangeHandler = function () { var v, t alert( '001 - Entering clubSelectChangeHandler') v = $('#ClubSelectRestrictor').val()
how to disable jQuery.Mobile.MVC?
I building a mobile version for my site and i have created mobile views for my website and i am still in process of creating them. i want to test how it would look on live device. so i would like to disable the .Mobile files and i tired running some scripts to disable but no luck. jQuery Mobile in ASP.NET MVC 4, i am using these package here https://www.nuget.org/packages/jQuery.Mobile.MVC.
Curious Behavior
A junior member of my team was just implementing something that requires a string in the configuration (doesn't allow a callback at execution time), and he discovered a curious behavior with the way the document ready event can be used that I could not explain. The issue revolves around function execution scheduling, such as when the document ready event gets fired based on the placement of the $(function() { ... }) call. In the two jsfiddles below, the $(document).on('ready', ....) call is made
Table Sorter ( Filter Date column)
Hi All, i want to give filter in date column and have 2 dates in same column like (04/08/2014 To 31/08/2014 ). how can i give a filter from date - to date for filter. Thanks, Dhaval.
Fire event for new rows added to a table
I am new to jQuery, but can find my way around if someone can please help me. I have a table where user can add rows on button click. That button calls controller method, so I cannot implement onclick there. Each row would have input fields qty and price. Formula field total price (qty * price). I have a function which calculates the total price when user changes the fields. I would like to call that function when any new row is added to a table. Any idea?
Why is jquery dropdown menu opening when off-line but not opening up on-line on real server?
Why is jquery dropdown menu opening when off-line but not opening up on-line on real server? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQuery.ptTimeSelect Sample</title> <!-- Copyright (c) 2007-2012 Paul T. (purtuga.com) $Date: 2012/08/05 19:40:25 $ $Author: paulinho4u $ $Revision: 1.1 $ --> <!-- Prerequisites: jQuery and jQuery UI Stylesheet --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
jQuery UI dropover not always fired
I have a page with two DIVs, both of which are droppable. One of them (#droppable2) is initially hidden and is only shown when I hover the draggable item over the first DIV #droppable (with the dropover event). Example see here: http://codepen.io/anon/pen/AdLJr <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <div id="droppable">Drop here 1</div> <div id="droppable2" style="top: 300px; display: none;">Drop
jQuery Cycle images in anchors not displaying using slideExpr
Hello - I have tried for hours to find an answer to this. I have a slideshow working perfectly, if I don't wrap my slides (images) in anchor tags. Problem is, I need them in anchor tags. I also have some functionality to use my images' alt as the navigation and to put each instance of navigation in it's own div for control over placement (this will be implemented into a CMS at some point) Any thoughts on how to get the images WITH anchors to display would be greatly appreciated. The HTML - The
Add to shortlist
Hi, Im trying to setup a add to shortlist script and using the following code: <script> function submitForm() { $.ajax({type:'POST', url: 'addtoshortlist.php', data:$('#ContactForm').serialize(), success: function(response) { $('#ContactForm').find('.form_result_2','.data-postid').html(response); $("#form_result2").load("addtoshortlist2.php"); }}); return false; } </script> //HTML <form id="ContactForm" onsubmit="return submitForm();"> <input type="hidden" name="id" value="12344"
How to add multiple datepickers on same page?
I want to add 2 datepickers on the same page , kindly help me regarding this . I have been trying for a long time now and with no success. Thank you
filter data - filter json - display filtered data
Hello guys, Which plugins/methods/ways of doing this would you recommend? Some examples? 1) I want to have some information, a json obj. And I want to display it, and have the possibility of applying some filters to it, and display it. Different filters can be (what I have in mind now, without thinking a lot): a value, of a key:value pair in the json. Or some word into a description, i.e. in the json : "description": " Some text describing the red element". And then filter with red word. 2) what's
Need jquery/javascript web page persistant stickynotes
Hello Everyone, I want to make one web page with persistant sticky notes. That sticky notes should have following features. 1). It allows max 5 stickies 2). each sticky should draggable anywhere on the page. 3). each sticky should persistant on webpage until and unless user logoff. 4). i am getting notifications in marquee format. whenever user clicks on notification it would added to sticky with non editable format. 5). when user refresh the page these stickys will staly alive. If anyboday
blockui and MVC 4
I am using Visual Studio 2012 and created two default MVC web projects one MVC 3 and the other MVC 4, both are using the Razor engine I added the blockUI.js script to the projects and hooked up a jQuery click event to do the UI blocking. the code in MVC 3 works the MVC 4 does not, the blockUI script loads but I get an error trying to block or unblock
What does "e" refers to ?
Hi Here is the code : <div style="background: red; height: 40px; "></div> <div style="background: green; height: 70px;"></div> <div style="background: blue; height: 50px; "></div> <script> $.fn.equalizeHeights = function() { var maxHeight = this.map(function( i, e ) { return $( e ).height(); }).get(); return this.height( Math.max.apply( this, maxHeight ) ); }; $( "input" ).click(function() { $( "div" ).equalizeHeights(); }); </script> Waiting for your response!!! Thanks Varun
jQuery Resizing Issue
I'm using jQuery to make some adjustments to the position of a menu on a site. I've been at this thing all day when it should be a pretty simple fix. Originally I had a simple jQuery onScroll() script locking the menu to the top of the browser window when people scrolled past 140px. It worked great. Well in attempting to add some functions to it so the design is more responsive has caused a bunch of problems. I know how to use @media for responsive design but the original jQuery script for scroll
Submit date in different format then is displayed?
I am trying to fix the similar issue as specified in How to make jqueryUI datepicker submit in a different format than what is being displayed? This suggested to use Jquery altField and altFormat. I tried this on simple example and it works. However, the code I have been working on uses some framework which creates the div tag and then same framework later on persists the data. The framework is too generic and the ids are something like "X123-temp". This formats the date with no time (for display
links and targeting
I have links in my <nav></nav> element that change content of another element with ID "article". which works for me. However, I sometimes have links in the nav area which are to external sites which I will need to load in a new window or browser tab. I am not sure as to go about this. Below is just the code for content that is local. (function() { $('nav').on('click', 'a', function(event) { var link = $(this).attr('href'); event.preventDefault(); $('#article').load(link);
Problem with multiple accordions in Squarespace Html page
I have designed a page in Squarespace and I want to use multiple accordions on there. However I have used the script below which works perfectly on the first accordion, but the second one appears as static content? Could someone paste the correct code for the second accordion? Thanks everyone in advance. $(function() { $( "#accordion" ).accordion({ collapsible: true }); }); </script> </head> <!-- CSS --> <style type="text/css"> #accordion { width: 100%; } </style>
Themes making
I am vishal thakar i am making a website which is provide design and download they own template for their website so want to use jquery UI for making template dynamically as per user change so any one please help me as soon as possible. my id : thakarvish@gmail.com OR vishalthakar8@gmail.com
How to Get Old and New Value Using Change Event
Hi Guys, I already have a working change event + AJAX now I have to make a historical data by adding a new table in mySQL called tb_historical. Now I want to get the previous value to be captured as well so I can do 2 AJAX POST for my current table and the historical table here's what I got so far: Here's for a select tag $(".sup_class").change(function() { var sup_name_update = $("option:selected", this).text(); var sup_nt_update = $("option:selected", this).val(); var assoc_id = $(this).closest('tr').find('.assoc_id_class').val();
Autocomplete Grouping
Based on the menu dependencies and expected html structure, is it possible to produce grouped results such as this while keeping keyboard / item behaviors intact?
dynamic table using $.each - table complete only on last record
kbwood.au steered me in the right direction yesterday. His help fixed my problem. Now I am trying to expand my table to include a footer containing subTotal and Inventory Total. Once again only the last record of the set is shown. ie: $.each() is working fine but only the last record of the set contains the footer sub Total and Totals. Here is my changed code showing the $.each() function and the results of the last three records of a set. function showTable(acctData) { var xx=$('#inv').val(); //
Problem with change page passing data
I'm new to jquerymobile, i'm developing a web app: I need to pass to a page some data, the receiver page use the data, aske to DB and make a list. Clicking on a button of the new page the data ar re-ordered (asking to server). I don't understand the logic of this usage, the documentation is not well formed for this page transation. Do I have to insert php code in page or not? Do i pass data to php or not? I need help, i'm available to pay somone for make me understand it.
First Real jQuery Script - Need some help
Here is my pseudo code for the operation I need to perform: [code] Document Ready Set Variable href=0 Find first child element under first div with class “commerce “ Save href attribute from image to Variable href Step up element structure to first <Table> encountered Wrap Table element in <a> tag Add href from variable to the <a> tag Continue down document to next element with a class of “ commerce “ and repeat until no other elements with "commerce" class exist.[/code]
How to call onChange() function in the jquery plugin
Hi, I have a jquery pagination plug in in which I need to call the subject function, I have tried it as follows : <script src="js/jquery.paginate.js" type="text/javascript"></script> <script type="text/javascript"> \$(function() { \$("#demo2").paginate({ count : $pagenum, start : $current_page,
ajax and forms using post
I cant figure out how to use ajax with form data when its posted to the server. Here's my form that has been loaded into a div via ajax: <form action="startattempt.php" method="post"><div><input type="submit" value="Continue the last attempt"><input type="hidden" value="54" name="cmid"><input type="hidden" value="pSRX4ou49yE" name="sesskey"></div></form> This is what i have: jQuery("#moodleAjax form").submit(function(event) { event.preventDefault(); var uri = jQuery(this).attr("action");
Can/How(can) I create an "onenter" function.
Hello, We have a 3rd party autosuggest script file. It is creating a div and adding an <a> element in the div. It has an onclick function: (From the added <a> element) a.onclick = function () { pointer.setHighlightedValue(); return false; } Is there a way in $ to create an "onenter" function within the added <a> element. A clients want to be able to select the autosuggest using the "enter" key
Problem with load in IE9
The goal is to load text from a file (located on the same server in the same folder) into a div on the web page, when clicked on a map area on an image. I have stripped it down to a minimum to rule out as much as possible. It works in Chrome, but unfortunately I need to support Internet Explorer 9 as well. This is the "main page" with the div that is supposed to be loaded with text: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Whatever</title> <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
How can you animate the content this way?
Hi, I found a website which looks very interessting to me. If you scroll down you will see that a part of the content is animated. Anyway I can't figure out what that is. Is it CSS or is it jQuery? Is it a plugin for jQuery or is it just an easy code that I could use?
Next Page