Unique slider, but can not figure out how its made.
Hi guys, to start off please note I am a noob at jQuery. I can implement a plugin (not overly difficult ) and make very minor changes, but get lost very easily. Therefore, I am turning to you guys to see if you can set me straight. I've come across a very unique slider and I am interested in how it is built. I've scoured the web and can not find a pre-made slider like it. I have found similar "sliders" and mucked around with them, but don't come close to mimicking the effect. The slider I am looking
jQuery-1.2.6.min.js - Internet Explorer error
Hi I hope someone is able to help me or point me in the right direction. Using Coda slider - which works great in Firefox but noticed in IE8 it's showing an error on the page: Invalid Argument jQuery-1.2.6.min.js Code: 0 Line: 12 Char: 2299 [Path to js file] Here is a copy of the markup in the HEAD that calls all the JavaScript files: <script type="text/javascript" src="<%=SiteRoot()%>include/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="<%=SiteRoot()%>include/jquery-easing-1.3.pack.js"></script>
Question about animate behaviour
Hello, I'm new to jquery and have been looking at using the "animate" feature to move elements around the page as opposed to CSS transitions (which I'm currently using) because jquery offers better cross browser compatibility. I have things working fairly nicely, but I've noticed that if an element is asked to animate to a position while it's already in the middle of an animation it needs to finish its current animation before it's able to start moving again to reach its new target - with CSS transitions
Problem with calculation
<script language="JavaScript" type="text/javascript"> $(document).ready( function() { $(".chkOptions").click( function () { var ntot = 0; var multiplier = $('#multiplier').val(); var ans = $('.chkOptions').val(); $(".chkOptions:checked").each(function () { ans = multiplier * ans; ntot += parseInt($(this).val()); }); $("#txtSavingsTot").val(ntot); })
Problem Mouseenter
I want to do like that i have a center point , when i hover mouse to left of that point , slider will move left , and same with right var margin = $("#viewer").offset().left; padding = $("#viewer").width()/2, m = margin+padding; $("#viewer").mouseenter(function(e) { var te = m-e.pageX; $('#slide').animate({left:"-="+te+"px"}) ; }); And <div id="viewer"> <div id="slide"> <img id="image1" class="current" src="21.jpg" alt="Amstrad CPC 472">
Issue with XML and jquery
Hi, I have a list of records where I want to be able to click on each, edit them then update the database with edited record. When I click each 'ID' field, it should search the database with 'where ID=$_GETID' and create a XML record with each column. I managed to get a similar function working a few weeks ago, but I cannot understand why the hell this will not work! Jquery: $('#manage_tasks_box').find('#manage_tasks_box_table').column(0).click(function() { var ID = $(this).text(); //alert(ID);
Watch for a sibling frame to be reloaded?
I have to insert some HTML into a frame in a frameset page from another frame in the frameset. frameA - I need to know when this frame is loaded frameB - jQuery here to detect when frameA loads Due to maintenance issues there is no way to simply run code from the pages loaded in frameA. So far I have $(function() { $(frameA).load(function(){ alert("Hello!"); }); }); But this only alerts the first time the parent page is loaded. Working with these constraints, what is the correct way to do something
Can't get layouts switched by rotation in iOS Simulator
Hello, I'm making my first try in developing an iPad App with JQuery Mobile 1.0a4.1 and Phonegap. It all goes fine so far, but I can't get my layouts "switched" on rotation in iOS Simulator. If I try my page with different window widths / heights simply in Chrome on desktop - it's all fine, "body" is getting classes "landscape" or "portrait" and styles are changing accordingly to them, as I wrote in theme. But in iOS Simulator (compiled) - this trick doesn't work anymore... May be there are some
active
Hi, there's a problem introduced either in Alpha 4 or Alpha 4.1 where the button does not revert to it's pre-clicked state. Before: <a data-role="button" href="#" class="ui-btn ui-btn-up-c" data-theme="c" ><span class="ui-btn-inner"><span class="ui-btn-text">My button</span></span></a> After: <a data-role="button" href="#" class="ui-btn ui-btn-active ui-btn-up-c" data-theme="c"><span class="ui-btn-inner"><span class="ui-btn-text">Save bring-up</span></span></a> I'm currently working around it like
tablesorter question
Using the http://tablesorter.com/ When my page loads, I'm using a simple tr:last selector to .addClass("lastrow") - which adds a border to the bottom of the last tr in the table. However, when I sort by a column using tablesorter, the border "sticks" with the row - and not the table. Is there a way to have tablesorter to refire the: $("#tableid tr:last").addClass("lastrow"); so that the border gets redrawn on the true last row after sorting?
$.mobile.changePage problem
I have two pages index.html and main.htm While I m trying to load main.htm from index.html by means of $.mobile.changePage("main.htm","slide"), its not working(main.htm is empty page). if suppose I add <img> tag inside the page main.htm then its working. I can't guess wats the issue will be. Can anyone provide me a solution or explain me about the why problem occurs. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" ></meta> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache" ></META>
Datepicker as a popup
Hello, how do i open the datepicker as popup?
Passing variable into YQL statement
I'm having a tough time trying to add the "zip" variable to my YQL statement. var zip = $(this).attr('zip'); $.YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=' ' "+ zip +" ' ", function(data){ var w=data.query.results.item; $('.temperature').append(w.condition.temp+"°"); }); I've tried as many different ways as I could imagine. Simply putting the literal zip code in the query works perfect. I appreciate any help. Thanks!
Navigation with external link
Hi I've just started using jQuery Mobile so sorry if this is a simple answer! I've got my basic page done and when I link to other pages in the same domain I can get the header bar working with a back button, e.g. <div data-role="header"> <h1>Page Title</h1> </div>However I also want to link to an external page but it always takes up the whole screen. Therefore is it possible to link to an external page but also have a header bar with a back button and if so how? Thanks
How would I dynamically wrap divs around inputs??
Hi, I am trying to figure out how I can dynamically wrap divs around inputs. I need to set the divs to the input's width and height and the same positions except top should be a little less compared to the inputs. Is this possible? I need to create more then one div for each input.
Dropdown using .css' visibility
Hi There I'm an absolute neewbie to jquery (and JavaScript). But already love it. Working on a new website I have added a few lines of jquery. One for the slideshow. No problems here. The other for a dropdown <div> which will show when the link 'zoeken' is clicked. However. This doesn't work the way it should and I have no idea – other than here – where to find the answer to fix it. Put in al lot of time, but no result. This is the code I used: $(document).ready(function() { $('ul #search1').click(function()
Copy certain text from one div class into another div
Hi, I want to be able to copy certain text from one div into another div. The text is generated from a Wordpress Plugin, and it generates 2 different divs, with the following classes 1 called .voting inactive and the second one called .voting. The text generated is rating based is it will look something like: Rating 4.5/5, i ONLY want to take the 4.5 or whatever vote is generated and copy that into a div to display the result nicely. Pic is attached :-) Any help would be great, Thanks Paul
Jquery conflict with Lightbox 2 when adding "jquery.min.js" file to website
I have 2 separate things going on my homepage using jscript. One is a random bground image slideshow calling the following: <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/random.js" type="text/javascript" charset="utf-8"></script> accompanying HTML: <div id="slideshow"> <div id="s_show-container"> <div id="s_show"> <img src="../images/slide1.jpg"> <img src="../images/slide2.jpg"> <img src="../images/slide3.jpg">
ANIMATION "HALF PIE" ELECTIONS
I need to make an animation of a "half pie " in js Here you can see as I did in Flash: http://www.elperiodico.com/es/elecciones-28n/ And here in JS: http://especiales.elperiodico.com/LABS/ELEC2011B/html/emi-basic2.htm But I can not create the animation from left to right as I did with flash. Some kind soul can help me:) Thank you very much Agustí from Barcelona
Dialog autoresize when using facebook like button (changing height iframe)?
I've put a facebook like button in a jquery ui dialog (version 1.8.9). The facebook like button essentially creates an iframe for its content on runtime. The content lays out fine, with the dialog having the right height when the page loads. However, when a user clicks the like button, facebook pops up an overlay that's about 300 pixels high asking the user to add a comment to their like. On the page, the dialog does not recognize this popup as new content, and so a scrollbar appears on the right
Need Tab Widget to drive background image changes
I'm working on a site that's using the Tab UI widget, but a request has just come up to get the document's background image to change with each different tab. I have five different tabs, so when I click on each tab I need not only the text inside the box to change (which it does), but also get a different document background image for each different tab, so that: #Tab-1 ----> Tab-text-1 / Background-image-1 #Tab-2 ----> Tab-text-2 / Background-image-2 #Tab-3 ----> Tab-text-3 / Background-image-3
jQuery Expander & Unordered Lists
Hey everyone, I'm trying out the jQuery expander plugin found here. It works great when dealing with regular text, but behaves a little weird when the slice point is in the middle of an <LI> tag. Any tips/suggestions on how to get this to behave a little more gracefully? Here's what i'd be looking for in order of preference: 1.) Read More on same line as the split list item, and expanding shows the rest of the list items 2.) Change it so we don't split in the middle of a list item, and show the
Problem with .each() and coloring labels...
Hello, I am having a problem a jQuery function I am working on. I want the function to scan all the inputs on a page, and if any are checked, set the corresponding labels bold. Here's a working example: Click Here Also here's my code pasted directly: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://www.aurorafxstudios.com/_global/includes/jQuery/jquery-1.5.1.min.js"></script> <script type="text/javascript"> function setStyles()
2D images resizing, moving and pasting over another image?
Hi, I want to know if it is possible in JQuery to perform 2D images processing like scaling, resizing, moving, pasting into another image, ... etc. Im asking because we produce house doors and windows and i want to build a website to allow our clients to choose the doors/windows they want. They put a picture of their house and choose a door/window and place it over the picture and scale it to fit the actual size of the door or window on the picture. Here is a link of another door company website
Validator Plugin callback on Custon Methods
hi, i've this code $j("#form").validate({ debug: false, ignore: ":hidden", rules:{ edtEXP_DT:{ required: true, dateMinor: true, Date30day: { required: { depends: function(element){ if("<?=$DML;?>" == "MM_Insert" && $j("#edt<?=$newarea?>AREA").val()
Loaded elements are not affected with jQuery
Hello, I have a little problem. I'm loading some data using .load() function. I'm loading form data too, but those forms are not interacting with jQuery (they're proceeded with .ajax() function with return false - page shouldn't be reloaded, but it is and no data are sent). Any idea how to figure it out?
Moving a table to make it relative to a <span> with an ID
Hi guys, I've got an example here: http://jsfiddle.net/gz6Dv/5/ This is a setup for a product listing within a table. I wish to move the <table> with id="item_Tbl" relative in position to the <span> id="tablerelative" so it's positioned either above or below this span. I'm guessing this may not even need javascript it maybe just a CSS change? But either method is welcome as a response? Thanks
Show jquery dialog once per user
I use modal dialog on page open and I'd like to show it once for each user. Should I use cookie?What code should I add?
jQuery and selectors, I always seem to struggle.
Heey there jQuery community :) I have a problem, which I hope you can solve. I'm using jQuery this time to create a dropdown menu. Here is my html code (partially, only the relevant part): <table> <tr> <th><a href="#">Info</a></th> </tr> <tr><td>Products</td></tr> <tr><td>Prices</td></tr> <tr><td>Location</td></tr> <tr><td>F.A.Q.</td></tr> </table> Here is the relevant part of the css: td { display: none; }Now what I want should be obvious: When you hover the <th>, the other <td> should display,
Method Anonymous returned from a tag onclick - need to modify it!
Hi, I'm trying to manipulate a function-call that's sitting in a <a>-tag's onclick event. I'm at the point where I've done the following: var $addNew = $("#someID"); var oldUrl = $addNew.attr("onclick"); var $newUrl = $addNew.attr("onclick"); $newUrl = $newUrl.replace('return false','return true'); The last line raises an exception ('Object doesn't support.....'). I've noticed when doing an alert on $newUrl (before I try the replace) that jQuery adds 'function Anonymous' around the code. I suppose
Checkboxes won't get checked in the browser
Hi all, I have a really weird problem. I update checkboxes (set them to true/false) through jQuery, and their "checked" attribute gets set (when I loop through it), but the checkbox state won't show in the browser. Has someone an idea what it could be?? Here is my code: $(document).ready(function () { $('.search').find(":checkbox").each(function () { var $this = $(this); $this.change(function () { var ac = getCheckBoxClass(this);
I need help, Quicksand multiple filter - Help me please.
Hello i need add one filter in this example... For download here a js quicksan ok download here Im add a filter "delta" but, not work.. :( <script type="text/javascript"> // DOMContentLoaded $(function() { // bind dropdowns in the form var $filterAlpha = $('#filter select[name="alpha"]'); var $filterBeta = $('#filter select[name="beta"]'); var $filterGamma = $('#filter select[name="gamma"]'); var $filterDelta = $('#filter select[name="delta"]'); // get the first collection var $applications = $('#applications');
Non-developer needs to code an Ajax-like HTTP pinger to measure network latency
I'm a network guy who uses php, bash, perl and a little javascript. Totally new to jQuery. All I need is a very simple widget that will sent a HTTP GET request to a static page on a web server, then measure and display how many milliseconds it takes to receive the response. Needs to run continuously and "ping" every 5 seconds or so. Need total basic-level help here. I'm sure it's a relatively simple widget, just dont' know how to code it up.
Accordion incompatibility with jQuery.js
Hello. I'm using this accordion. http://docs.jquery.com/UI/Accordion I take the exact same code as given and create a new file. It works well but if I simply add this (you can try): <script src="js/jquery.js"></script> I doesn't work anymore! Why?? How can this be possible? I need to use many others jQuery.js functions. Thanks a lot.
Address Bar Not Hiding - Alpha 4 Safari iPhone
I've noticed that in Alpha 4 the address bar on safari iPhone is no longer hiding like it did in the previous Alpha 3 release. Is a new configuration setting required to force this behavior now or is this a bug?
performance issue with code. please suggest
I am using the below code in my program but it seems that these few line of code is taking too much time to execute. For 100 iteration it is consuming 1 mins approx. for 200+ iteration my broser is showing a warning message that script is taking too much time. Please suggest. arr is an array cosists of div ids.Outerdiv is the the parent div of all these div ids present in arr array. arr ids cannot be accessed directly, it has to be referenced using the parent div outerDiv. for(var i=0;i<arr.length;i++)
Call function outside (function($){ })(jQuery);
Hi, I'm new to jQuery and working on a code now, I can't figure out how to call a function outside of the (function($){ })(jQuery); tags. Here is a bit of my code: <script type="text/javascript"> //Call the function from here (function($){ $(function(){ // function I want to call: function testfunction (){ //Some code... }; }); })(jQuery); </script> I need this because the function call comes from an external file in my website.
How to call a nested function in jquery plug ins
I've developed a plugin that has a few nested functions. here is code : (function( $ ){ $.fn.myPlugin = function(options) { function applyCorner() { // I want to test this. return true; } function someMethod(){ } }; })( jQuery ); I know I can test them by initiating the plugin, etc. but i want to test/call applyCorner() method alone. Thanks in advance.
Some problems with the Timeglider Plugin
Hi, I want to use the Timeglider Plugin to visualize a vegatable growing timesheet. Now I need to change the time from year dates to months and I want the headline not on the foot position but on the head. If I change the Divs in the timeglider.timeline.widget.js on line 77 it will destroy the hole timeglider. Is there anybody who can help me? Best regards
jQuery Validate - live submit firing before validation in IE
Hi, Using: jQuery Validate (jQuery Validation Plugin 1.8.0) Browser: IE 8 Code: $('#myForm').validate({ rules: { txtAddName: "required" }, messages: { txtAddName: "Please enter a Name" }, errorLabelContainer: $("#myForm div.validationError") }); $('#myForm').live('submit', function () { alert('firing..'); return false; }); Problem: The live('submit)..
Next Page