problems with self-made slider
Hello guys, I got some problems with my self-made slider in Jquery. Every 7 seconds it changes the image automaticaly. But I also have a div -> arrow-right, to manualy go to the next image. But when I click that div, then it does go to the next images, but it keeps repeating that and the 7 seconds delay is then gone. the html-part code: <div id="slider"> <div id="slider-image-holder"></div> <div id="arrow-left"> <div id="arrow-left-inner"></div> </div> <div id="slider-small-box"> <div id="1" class="slider-circle"></div>
[jQuery] outerHTML for jQuery
Found here: http://users.livejournal.com/9__/380664.html Code: jQuery.fn.outer = function() { return $( $('<div></div>').html(this.clone()) ).html(); } Usage: alert( $("#toolbar #save").outer() );
Using jQuery with elements in hidden div ?
I have also posted this question on StackOverflow which you can see here. This first issue I had to solve was using jQuery in an ASPP.Net app with Master \ Content pages - that issue is resolved. The main issue is that I have a content page that has many divs on it - 3 of which are hidden when the page first loads and are then each displayed based on various user interaction wth the page. One of the divs is displayed by server side code for many reasons dvDetail.style("displaya') = "block". My
checkbox values + IE8 = really weird behaviour?
This is a snippet of my HTML: <div id="step4"> Period:<br> <input class="price" type="radio" value="3" name="period"> 3 months<br> <input class="price" type="radio" checked="" value="6" name="period"> 6 months<br> <input class="price" type="radio" value="12" name="period"> 12 months<br> <br> Addons:<br> <input id="m_obj" class="price" type="checkbox" name="m_obj" value="1"> Foo<br> <input id="p_obj" class="price" type="checkbox" name="p_obj" value="1"> Bar<br>
bind a click then continue
Hi all, I'm looking for a way to catch a click on a link, show a popup message then... continue with the action. I have this: $('.hook a').click(function(event){ event.preventDefault(); alert("hello!"); $(this).trigger('click'); });And this (obviously) go into an infinite loop. how can I solve this isue? Thanks to all.
Please help me to add caption in this slider
I got a jquery gallery script which i want to use but there is no caption effect please help me to add caption on that script here is the url of that site http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/
Animation Doesn't Stop
I have this div that gets animated until a button click calls the jpLand() function. function jpTakeOff(){ $('#flyer').animate({ top: '125px', left: '150px' }, 1800, 'easeOutCubic', jpHover); }; function jpHover(){ $('#flyer').animate({ top: '135px', left: '145px' }, 1000, function(){ $(this).animate({ top: '125px', left: '150px' }, 1000, jpHover); }); }; function jpLand(){ $('#flyer').animate({ top: '50px', left: '700px' }, 1800, 'easeOutCubic', function(){ $(this).dequeue(); $(this).animate({
Create elements and functions
Hi guys, Im initiate with jQuery now and trying to create some elements and, after that, create functions for this. What i do is: $(document).ready(function(){ $(".open-lightbox").click(function(){ $("#lightbox").css("display","block"); $("<div />").attr("class", "bg-lightbox").appendTo("body"); $("<div />").attr("class", "confirmation-box").html($(this).attr("title")).appendTo("body"); $("<div />").attr("class", "buttons-lightbox").appendTo(".confirmation-box");
finding xml nodes
i have a dynamic imagemap loaded through asp .net using xml as a datasource, i used the map highlight plugin found on this site and everyhting was fine. I then amended the jquery to add descriptive text from the xml on hover. Here is my xml <img src="bathroom.gif" alt="bathroom" width="852" height="571" > <file>bathroom.xml</file> <roomID>1</roomID> <area id="Bath"> <componenetID>2</componenetID> <componentDrillDown>N</componentDrillDown> <component>NA</component> <shape>poly</shape>
memory leak when use 1.5.1
Hi, all: Have you used jQuery 1.5.1 with jQueryUI 1.8.1? I just link to these two js, and do nothing in IE9.0. Each time I press f5 to refresh, memory usage increase. But, if I use 1.4.2, it works fine. Does anyone can help me?? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
.get and passing variables
This has probably been answered before to death, but I've been searching for hours and can't figure it out. I'm still relatively new to jQuery so appreciate any help. What I want to do is pass variables to a template through .get and have that template render the variables through php in that template, and then have the template be incorporated back into the template it was called from. What I'm having issues with is figuring out how to pass the variables dynamically through checking boxes and not
FF & IE compatability problem
Hi, all The following works in FF. While it causes an error as " Expected identifier, string or number" in IE8 at //here... jQuery1.4.1 function submit2_set_freq_job(){ var job = $('#jobs [name=sel_job]:checked').parent(); var job_name = job.siblings('.job_name').text(); var frequent_job = job.siblings('.frequent_job').text(); var prompt = (frequent_job == 'Y'? 'reset '+job_name+ ' from frequent job?' : 'set '+job_name+ ' as frequent job?');
simple font resize function not working in IE
hi i have a simple font size function as follows which works fine across safari/firefox but does nothing in IE? Page is here: http://bedlam.emrysmedia.com/index.html code as follows: // Reset Font Size var originalFontSize = $('#pageContent').css('font-size'); $('#reset').bind('click',function() { $('#pageContent').css('font-size', originalFontSize); }); // Increase Font Size $('#larger').bind('click',function() { var currentFontSize = $('#pageContent').css('font-size'); var currentFontSizeNum
IE only error: object doesn't support this property or method
When I click one of the thumbnails I'm getting the following error message on line 47 of my lightbox: "object doesn't support this property or method." It manifests itself by not showing the overlay (the opacity is set to 1 and it's black, so you should see it); nor is it handling the opacity of the close button (0.5). I'm only getting this error in IE, not in Firefox or Safari. I tried renaming the variables, thinking there might be a naming conflict, but it solved nothing. Also, again only in IE,
jQuery .show()/.hide() not working in IE8 & 9, works in IE7, FF, Chrome, Safari
Hello, I have a bit of code that is working in nearly all browsers including IE7 but not working in IE8 or 9. I am attempting to use an unordered list as a button set to filter products by the selected attribute. This code works in conjunction with multiple sliders (which do work across the board). Does anyone know if this is a jQuery issue? An issue with my code? Or, a browser compatibility issue? Any help would be very appreciated. jQuery Code: // filter by shape $(function() { $( ".buttonSet
when does jquery add all callback to the url
Hello, i am relativly new to jquery and the $.getJSON method. two weeks ago i startet using $.getJSON with success. but now i have an inexplicable problem with using the function. i changed nothing in the behavior of using the method but getting now a different result. i am calling the function this way var path = 'app.php?controller=kgr&task=savemod&action=new&tablename=kostengruppe &start=5&kostengruppename=132&kostengruppenummer=546'; var jqxhr = $.getJSON(path, function() { alert("success");
Lightbox window stretches horizontally
I have a lightbox where the prev/next buttons are images on either side of the browser window. They are absolutely positioned with negative values (-138px) so that only a portion of the buttons are visible. So now the horizontal width of the overlay is wider than the browser window. I've set the CSS to overflow:hidden for both the overlay and the btnBox, but that didn't do anything. How do I constrain the horizontal width to not exceed the width of the window? I know it has something to do with the
delay is not working
$("#pop_news").html(pop_news).slideDown("slow").delay(5000).slideUp("slow"); I don't understand why is not working any more. I did try this and it was fine. I am using jquery 1.5.1.
setInterval works when alert is included in if conditions, else it works only once.
Hi All, My question is following : I have code snippet as follows : var i = 0; function func2() { if (i==0){ document.getElementById('frame1').contentWindow.opts[selected].setAttribute('name','channels'); var strValue = document.getElementById('frame1').contentWindow.opts[selected].getAttribute('name'); //alert("Attribute value set :" + strValue); document.getElementById('frame1').contentWindow.handleKeyCode(VK_ENTER); i++;
How to load external content into <div class="content">?
how can i use .load() or .get() to load external content into div? i have code below but doesnt work? i dont know what is the problem. $(document).ready (function(){ $("tabs1").click(function(){ $("content").load("about.php"); }); });
document width returns null?
The following code returns me a null value on internet explorer but works fine on firefox and opera. var iW = $(document).width(); alert(iW); any help would be appreciated, thanks
Styling multiple tables
I have multiple tables with this similar structure: <table> <tr> <th>Transaction Date</th> <th>Description</th> <th>Points</th> </tr> <tr> <td>04/11/2011</td> <td>New account bonus</td> <td>100</td> </tr>
Close Modal dialog by clicking on the background?
is there a way to get the modal dialog box to close by clicking on the background - .ui-widget-overlay? I tried $('.ui-widget-overlay').click(function(){ $('#dialog').dialog('close'); }); but it didn't work. Can anyone help?
Can someone show me how to move some code to a function?
Hi Guys, I have the following block of code to update order totals when either one of two classes change. Can someone show me how I can split this into a function so I can call the same code under other circumstances? $('.update-subtotal input.number').change(function(){ if (!$(this).hasClass('quantity')) $(this).val(($(this).val()*1).toFixed(2)); var parent = $(this).parents('.update-subtotal:first'); var quantity = $(parent).find('input.quantity').val(); var lineprice = $(parent).find('input.lineprice').val();
each and this not working?
why does this not work? it says undefined. If i do $('input').val(); outside of the each then it will work its like the $('this') is not working. Please help. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="wrapper"> <form action=""> <label for="tags">Enter Some Tags, Bro.</label> <input type="text" value="wer" /> <input type="text"
remove() callback
how i can use a callback function with remove() of jquery api
Cursor wrong placement in IE
Hi, Would you please try the following in IE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> <style type="text/css"> * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color:
Remove inline CSS completely
I know $(element).css('top',''); should remove any value for top. However, in IE7 (or rather, IE9b in compatibility mode), it still leaves style="TOP: ;" on the element (as given by: alert($(element).attr('style'));). I know this shouldn't be a problem, but for some reason it's playing around with my element, which has external CSS settings it as bottom:5px;. The top:; is applied, but then I want it completely removed. However, there might well be other css inline, so I don't want to removeAttr('style').
Inital Animation
Hi. I'd like to know how I can produce an initial animation. I want animate a div automatically when the page is opened. I can animate my div associating the animation, for example, to a button or to a mouseover action, but i can't create an automatic animation. I use a simple code $(window).load(function(){ $("#mydiv").animate({width:"800"},slow) }); Can you help me please?
All versions of IE before IE-9 jumble up my screens
I have a page: at www.zionism101.org/defaultfornow.aspx. It has a menu and a logo that are both placed by javascript. This works fine in IE-9, and in chrome, and in Firefox, but in IE-8, I notice that (on my slow computer) I actually see the menu moving from the left side to come to its resting place in the center, and the logo also moves to its final resting place. And its worse than that. a whole bunch of things are superimposed on top of each other before the jquery straightens them out.
on Click of link a modal window opens or div with textarea inside it opens and values transferring to main textarea
My try is quite Complex This: 1. Textarea Box above with unique name suppose values_#dynamic# 2. Now here is the link Edit, which has a unique id names as edit_#dynamic# and it is declared inside a Span tag, a Div tag can also be used, but just for sake i used span. 3. Now clicking on the Edit will open a POPUP just underneath the link and values it will start entring, it will 3 buttons, Save will close the popup, value get tranferred to the textarea main one and the popup will close. 4. Other buttons
Dropdown menu failing in IE
Hello guys. I'm making a drop down menu and it works great in all modern browser but it fails in IE7 and IE8. when i try to move the mouse from the main menu item to the opened dropdown, this disappears. What do I need here? This is the page: http://bwp-dev2.wedo-projects.de/ueber-uns/ and this is the JS code $("nav li").hover(function(){ $(".subnavi", $(this)).show(); }, function(){ $(".subnavi", $(this)).hide(); }); Appears to be an issue of jQuery when detecting hover over subnavi when
Problem with visible selector and toggle in a unique scenario in Chrome
Ok, so I can get the visible selector and the toggle method to work in Chrome (v10.0.648.205 in Win7) in other scenarios but in the attached page they won't work and I can't figure out why. I followed the logic to the Sizzle function but I got lost there. Yes, this all works just fine in IE8 and FF 3.6 When you extract the attached page information (I saved the page from inside Chrome) the problematic method is in \Terminate_Coverage_files\OLETermination.js. The function is the 3rd from the top in
filter() performance IE 7&9 vs. IE 8 ?
Im having a hard time understanding why my code is so much slower in IE8 than in IE7 and IE9. Are there any IE8 specific behavior i've missed or why would my code result in up to 10 times slower execution in IE8. IE7 executes in 300ms, IE9 in a few ms more and IE7 in about 3000ms :( Any ideas? $('.item').filter(function(i) { var $e = $(this); return ( !($e.find('.form-value:visible').length) && !$e.find('.element_header').length) ); }).remove();
jQuery to work out average user rating when leaving a comment (wordpress)
Hi, I need to be able to work out the average star rating each user submits when leaving a comments on a wordpress site. The is a star rating system which the user has to select, this is out of 5 stars, and it rates things like: - - Value for money - Customer Service - Professionalism - Flexibility - Quality of service So the user will rate each one of the above out of 5. They submit their comment and then their result gets displayed as an image within the comment reply. Now my problem
counting classes
Hey Guys, I`m looking for a way to count the classes of some table rows. My big problem is, that i don`t know the class names. So, they should be counted variable. <table id="testTable"> <tr class="class1"> <td class="multiplier">1</td> <td>class1</td> <td>class1</td> <td>class1</td> </tr> <tr class="class1"> <td class="multiplier">2</td> <td>class1</td> <td>class1</td> <td>class1</td> </tr> <tr class="class2">
I can't get the following code to work. Can somebody please take al look? thx!
I want to change the content of a div with an interval. But I can't get the code below to work. I know I am close and need a for loop or something that updates the imgArr[i], but I just can't figure it out. code: $(document).ready(function(){ var imgArr = new Array( 'Welkom bij MD Fantasy', 'Nagelstudio', 'Haarstudio' ); var intID = setInterval(changeTekst, 15000); function changeTekst(){ $('#mainTekst h1').animate({opacity: 0}, 1000, function(){ $(this).html( imgArr[i] ); }).animate({opacity:
Why my input field value doesnt update??
Hi Guys, I am very confused with a project that i'm working on. Basically you add an item to the cart by pressing BUY SILVER-BUDDY NOW then in the cart it shows the item and quantity of 1. If i click the BUY SILVER-BUDDY NOW again it shows there to be 2 and the price increases. GREAT that works and sends the correct quantity and price to PayPal. BUT if i have one item and then use my numeric stepper to increase the quantity and price for some reason it doesn't update the cart it only masks the quantity
copy certain text from a div to another div
Hi, I want to be able to copy certain text in a div class and copy it to another div. The div in question gets automatically generated by a wordpress plugin, and its called either .rating inactive or .voting. The text that gets generated is called, Rating: 4.5 / 5, i only want to be able to pick up the rating given by the user, in this example 4.5 then copy it to another div. It needs to do it automatically, with no onclick etc. Ive got a image attached to show you. How can i do this i havent got
Div Redirect
Hi Can anybody help me out for my issue, Thanks in advance for your reply and please sorry for my English Issue I've created singlepage website using jquery in that A,B,C,D,E,F,G,H....these are all the div's which used i need if i select div E, it should show the details of that, and its doing good too, but my issue is after 30 second later automatically div E should moved and DIV G should appear without click or do anything. in simple says it should like redirecting a page, here instead page DIV
Next Page