Can this style of carousel be done with jQuery?
This is a Flash-based gallery: http://spin.co.uk I love the way it works, but Flash isn't an option for me. I've had a look at various plugins but couldn't find any demo or indication that this kind of setup is even possible. Could anybody help me out? Thanks!
change text option selected
I have such html code snippet: <select name="submitted[doum_tarihi][day]" class="form-select day" id="edit-submitted-doum-tarihi-day" > <option value="" selected="selected">Day</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> how can I change the text "Day" to "Month" with jquery?
Disable link if already on page
I have this code that dynamically loads an html page into a div when a user clicks on a link in a list. Is there a way to disable one of the links if the user is already viewing the page it links to? Right now the loading animation is triggered every time the link is clicked even if the requested link is already showing. I need the event to not trigger if the page it calls and loads is already displayed. $('#navigation a').click(function(){ var toLoad = $(this).attr('href')+'
combo box-[eg if form on top click on bottom] drop down does not close, well
$(document.body).click(function(){ $('#dropdown_list').remove(); }); I make an auto-complete text box --- combo box (on focus appear drop down) but to close it either I must select an item, or press in side the borders of the form, if click outside [eg if form on top click on bottom] drop down does not close, well?
Help converting a Mootools Class.
I've used jQuery and I know how to use it, but I'm still rusty. Wondering if someone can help me convert the following mootools class to jquery - it's really short. I can't seem to find the right information on how to write a jQuery class or convert one from mootools. var mySelectMenu = new Class({ Implements: [Options, Events], initialize: function (a, b) { this.setOptions(b); this.selectitems = $(a); this.selectitems.getFirst().addClass("selectTitle").setAttribute("disabled",
utils.js expand and collapse
Hi there guys, nice beiing a part of this forum, im having a problem whit this script, i liked to make my menu when is cliecked in the submenus inside of the menu it stays open, and not closed., can someone helpo my problem var PANEL_NORMAL_CLASS = "panel"; var PANEL_COLLAPSED_CLASS = "panelcollapsed"; var PANEL_HEADING_TAG = "h2"; var PANEL_CONTENT_CLASS = "panelcontent"; var PANEL_COOKIE_NAME = "panels"; var PANEL_ANIMATION_DELAY = 20; /*ms*/ var PANEL_ANIMATION_STEPS = 10; function
Selecting from an array of element with jQuery selector
I have the following array of elements (it's quite large so I'm posting a link to pastebin): http://pastebin.com/bM3BvD2F and want to select the name of the image with id=2: alert($(allImages[id=currentID])[0].name); but I get the name of image with id=4 instead: $(allImages[id=2]): jQuery.jQuery.fn.jQuery.init[1] 0: Object allowBuyExclusive: false allowedPrintSize: Array[2] basePrise: "1000" collection: "Природа" id: 4 imageHuge: "http://127.0.0.1:8000/media/pictures/huge_2.jpg" imageLarge: "http://127.0.0.1:8000/media/pictures/large_2.jpg"
Issues with default hidden div
My site, lizbmorrison.net, uses an adapted version of superbgimage and I've been trying to find what controls the visibility of #showtitle. Currently its automatically hidden when the page loads, and can be toggled by the info button in the lower right corner, but I'd like it to be visible by default. Can someone help me with this?
Problem : Jquery slider working with asp datalist
Hi every body! I need a slider in my website, that's gonna slide some essays reading from database.no matter if slides or fades(even better). you know html code of asp datalist is like this: <span id="MyDatalist"> <span> ... </span> <span> ... </span> <span> ... </span> </span> or a table with id="MyDatalist" . i tried that using fadeIn-fadeOut & show-hide . but since I'm a begginer in Jquery, I failed! like this: var i=1 $("NextButton").click(function(){ if(i==1){ $(span:first).fadeOut(500,function(){});
How to get a return value in a jquery function for a dynamic div?
Hi I wonder how I can get a return value from a JavaScript function to a jQuery function. I have dynamic divs that creates each time I push a button and I want to retrieve the new div ID in my jQuery function sow I can get my date pick to drop down. javascript function to retrieve the new div ID function currentCustomerDivName() { return "customerDiv" + currentCustomerId(); } My jQuery function $(document).ready(function() { $( "#start_date" ).datepicker(); $( "#end_date" ).datepicker();
Hiding a Login Form after successful login
I'm extremely new to jQuery so please bear with me. I've made a form that allows the user to type in their username and password, this form is then submitted to login.php which then checks the user's inputted info with a mysql database i want to make it so that if the user is logged it, the login form doesn't show up. i am using session variables (not sure if tht's relevant) Please let me know if there is any more code i should post <?php session_start(); $valid = $_SESSION['valid']; ?> <html> <head>
.slideUp notre working
Hi! I am still a beginner in the use of jQuery, though I have a good understanding of how it works. On my site, I currently have a "Learn more" button, which, when clicked, "slides down" a div that explains the functions displayed on the screenshots. Also when clicked, this button changes class so I can than use this new class to "slide up" the div to hide it. <script> $(document).ready(function() { $('#process').hide(); $('.learnmore').click(function () { $('#process').slideDown(200);
Very very anoying problem with jQuery!
Hi I am doing a JSON callback that does a dom update via .val and .html methods, this is bound to a click event. This works fine, and in IE8 and Chrome I have no problems. However in FF (3.6.16 and other versions) the screen blanks completely to a white background for a second and then comes back. This not only gives me a headache but will be awful for users.... I just don't know why FF does this and is it a common problem? I'd rather do a normal entire page refresh than have this headache
Callback without animate
I want to call a callback after a delay but at the moment I have to write something like this to repeat the last animate with 1ms time. elem.animate({top:100},1000).delay(1000).animate({top:100},1,mycallback) What I what is something like: elem.animate({top:100},1000).delay(1000).mycallback() There must be a command for that but I can't find it.
Check whether an image is in the cache?
When using the function to switch images as shown below, I want to check if the image is already in the cache to prevent showing the css .loading class. The .complete() object just made a lot of trouble but I couldn't use it probably. The switchImage Function is fired when pressing a thumbnail or a prev/next button. Is their any solution to check whether the image/url I want to load is already in the cache? switchImage = function(){ var currentPath = $active.attr("href"); $('#largeImg').fadeOut('fast',loadContent);
.click event with dropdownlist items
Hi, I have the following asp.net code: <asp:DropDownList runat="server" ID="dealerList" ClientIDMode="Static"> <asp:ListItem >Option 1</asp:ListItem> <asp:ListItem >Option 2</asp:ListItem> <asp:ListItem Value="other">Other(Note below)</asp:ListItem> </asp:DropDownList> <br /> <asp:TextBox runat="server" ID="dealer" Visible="True" ClientIDMode="Static"></asp:TextBox> and the following jquery code:
drag slider
Hi, I'm having problem in making this slider. The slider would be something like http://www.netzbewegung.com/ my main problem is that the auto centering of the slide when draged. see my test site here. http://myimagehost.zxq.net/slide_drag/ ... var x=$(window).width()-$('#slide-box').width(); $('#slide-box ul').bind('drag',function( event ){ $( this ).css({ left: event.offsetX-(x*0.5)}); }); $('#slide-box ul').bind('click', function(){ var $win=$(window).width();
jquery validate plugin and errorPlacement
Hi, I am using jquery validate plugin to validate my form fields. I have here a simple working form Form1 My form2 is the same form with the jqtransformplugin for more good design. But the problem now is the error message displayed into the field. I have make 3 Divs <div id="NameError"></div> <div id="EmailError"></div> <div id="CommentError"></div> And I wand display the error messages into this divs How can I make this possible?? How I make the errorPlacement to display the errorPlacement: function(error,
Iterate table rows and sum input field
I have a table with three columns and want to sum all fields of the third column where the second field are the same. All sums should then be written to another existing input field that has the id of the second column. Here is my code so far. Any help to complete is nice. $("#table tr").each(function() { //iterates through each row in a table var name = $(this).find("input:eq(1)").val(); //value of second inputfield (namefield) var amount = $(this).find("input:eq(2)").val();//value
plugin FADETO conflicting with website
Hello everybody, I'm not an experienced programmer and I have a small issue using the plugin http://api.jquery.com/fadeto/. I hope someboidy can look into this. I have a website www.nelpaesedelvino.com to which I want to add an intro page (just an image). I am testing the plugin with www.nelpaesedelvino.com/intro.htm in which I have added: #intro {position:absolute; top:0; left:0; margin:0; padding:0; overflow:hidden; z-index:100;} <body> <div id="intro"><img src="images/intropage.jpg"></div> <script>
image slider that actually slides
I'm a php programmer, and i have no idea on how jquery works, i just use some pre made jquery sliders most of the time, so forgive my stupidity. I'm using NIVO slider, and its just the way i wanted a image slider to be: -fade transitions -navigation buttons on sides -mouse over pauses slide -bullets to jump to slide i want i just wanted one thing, i wanted the images to slide to the side or something like that, instead of being static. is it possible with jquery? better, is it possible to change
How to get the id of a div by using attr("id"); ?
index.php if (idx == 8) { var str="<?php echo $username1; ?>"; document.write(str); jQuery.get("usermessage.php?username="+str, function(data) { document.write(data); var msgIDss = $(".messagepiece:last").attr("id"); document.write(msgIDss); }); } usermessage.php <?php $username1=$_GET["username"]; $query2 = "SELECT id, message, datetime FROM messages WHERE username='{$username1}' ORDER BY id";
Animate position
Hello, i want to animate a div with fixed position. If i do this: animate({ top: 0, left: 0}) and then: animate({ right: 0, bottom: 0}) the second animation doesn't works because there are still top and left... how to set that to "auto" with a correct animation? Thanks.
Problem with FadeIn() while the text is fading in IE7,IE8
I got a problem with FadeIn() function in IE7, IE8. The problem is when the text is fading in (not after faded). It got a bad quality font like you can see below. (the text color is black) This problem appears oviously when the text size is 20px. I found one way to solve (setting the background color of the text). But what about any other ways without setting the background color ? I have tried removing ClearType (before and after, before, after animation). But it doesn't take any effects. Thanks
binding form submit event on a "dynamically" created form
I am creating a "dynamic form" with jquery.append( '<form id = "dyn_form" action='' method='POST'....') . The form.submit( function( event ) {} ) does not bind the submit event handler immediately after the append returns. However, if I call the form.submit( ... ) after a random 1/2 second delay the submit event handler is bound correctly. Currently my code looks like this, $('#form_container').append( '<form id = "dyn_form" action='' method='POST'....'); if( $('#dyn_form').length ) { $('#dyn_form').submit(
.replace() not working on attributes in HTML string
I'm building a form that include a button to clone one of the sections. It clones fine, but I need to run a replace on it to update the numbering on all the name, id and for attributes in the new html (before writing it out). The best it does is replace the content text, it won't seem to touch the tags. Here's my code: var blank_post_type = $('div.post_type'), p=1; //get the default contents on page load $('#new_post_type').click(function(){ p++; $(this).before('<div class="post_type"
how to avoid repeat many effects
I have this example .contenido div{ height:150px; width:300px;} div.uno{ background-color:#000; color:#FFF;} div.dos{ background-color:#0F0;} <div class="contenido"> <div id="uno" class="uno">primer contenido</div> <div id="dos" class="dos">segundo contenido</div> </div> but when here's the August number is repeated as many times as I did here I just want that when the span tag shows the layer DOS is doing more effects UNO ago can explain me as to correct this error excuse my English is terrible
jsperf.com VS real world performance
I've been working on optimizing the JS of a very large site which uses jQuery, and as a part of that I'm regularly visiting jsperf.com to benchmark how one snippet performs against another. Obviously, using standard DOM methods to get elements will always be faster than jQuery - and these tests demonstrate that - but I'm wondering if anyone on the jQuery team has any comments on what the results of these tests mean in the real world. For example, using $(document.getElementById('foo')) instead of
Google Ajax API down for latest version?
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js Gives me a 404... Did I miss the news about the versioning changing? When I specify a specific version number, it works.
Click event not working after replaceWith
I have the following HTML: <div class="content"><button class="showalert">Show Alert</button></div> <button class="blaat">Test button</button> With this jQuery code: $('.blaat').click(function() { $('.showalert').replaceWith('<button class="showalert" name="test">Show New Alert</button>'); }); $('.showalert').click(function() { alert('aaa'); }); When i start with pressing on the 'Show alert' button i get prompted with an alert message like it should. After that when i press
Displaying larger image, Jquery help please!
http://militarypewter.com/?page_id=308 <--- URL of my project Image on right is my battle. when click a thumbnail it shows into the 'displayImg' What I need is when click displayImg -> go to HREF of image that is currently displayed. Sounds like it'd be easy but its not im a Jquery noob. PLEASE HELP! It will be greatly appreciated! heres the code: Script : $(document).ready(function(){ //Larger thumbnail preview $("ul.thumb li").hover(function() { $(this).css({'z-index' : '10'}); $(this).find('img').addClass("hover").stop()
write values to input and textarea arrays
in my Html i have two array <input name=price[] type=text> and <textarea name=desc[]></textarea> i have 10 of each and upon receiving some data on an ajax call i wish to populate these form elements with that data from jquery, how can i do that. I WISH TO AVOID USING AN ID FOR EACH OF THESE ELEMENTS. Wanted to know if there was a simpler and easier approach to it.... i tried using each but dint work.
Easy Fixed Header and Column Table
I spent the better part of the last couple of days trying to find a good plugin that supports fixed header and column in a table. There are several out there that look like they have gone stale (no recent updates). Most of them are reliant on a fixed table size and/or fixed column widths. Without a lot of work, none were perfect in lining up columns and headers for scrolling and all made use of multiple cropped tables to fix the columns and headers. All of this was too much work for a small
Get Information from tag by other tag
Hello, If I have this code: <div id="test"> <div id="something"> Hello </div> </div> <div id="test"> <div id="hey"> hi </div> </div> <div id="test"> <div id="wassup"> hmm </div> </div> and by : $("#test") I want to call the tags inside, the question is how can I do that?
How to minimize Jquery import instances on my site?
Hi friends I am developing a site for my client in wordpress. According to clients needs I have to add 6-7 jquery instances into a site. means I need to import jquery.js file for each of JQuery effect such as menu, slider, scrooler, tabs, buttons into a site. Because of this site loading time is affected and I need to use noconflict() function to make jquery variable separate for each of JQuery effect. I need help to improve site loading time by minimizing importing of jquery.js file. but I need
Fade Out with pagination - problem
Hello! I thought that I know everything about jQuery FadeOut and FadeIn, but when I tried to use jquery to pagination, I found some problem. I tried some solutions and still without success. The problem is, that FedeOut doesn't work, when FadeIn works without problem. Here is the code I have: jQuery(document).ready(function(){ jQuery('#link-pagination a').live('click', function(e){ e.preventDefault(); var link = jQuery(this).attr('href'); jQuery('#content-pagination').show().fadeOut(500); jQuery('#content-pagination').load(link
How to store login data into cookies by using JQuery ?
Can any one help me in that....
TR even/odd selector question
New to jQuery so hopefully this isn't too stupid of a question. I have a html page with nested tables (horrible I know, but none the less what has to be done). Example: <table class='parent_table'> <caption>Title</caption> <tr> <td> <table class='child_table'> <tr> <td>Build</td><td>32bit</td><td>64bit</td><td>Date</td> </tr> </table> </td> </tr> I am using this jQuery: $('.parent_table').find('tr:odd').addClass('alt'); However, the alt class is not being added to the parent tr tags...When I just
Trigger child link when parent is clicked
I want the <a/> in an <li/> to be triggered when the click happens anywhere within the </li>. So given the html... <ul> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> <li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li> </ul> ...why doesn't this work? $(function () { $('ul').delegate('li','click', function () { $(this).find('a').first().trigger('click');
How to merge jQuery Google Feed Plugin with Cycle plugin?
Hi, is possible have the same effect of jQuery Twitter Search Plugin using the Cycle plugin merged with Feed plugins? Sorry for my bad english Regards, Maurizio
Next Page