IE7-8 png on hover
Hello, I can't find a way to fix this. Let's start with the code. HTML <div id="showcase_home"> <div class="shop"><a class="shop_hover" href="?page=shop"></a></div> </div> <!-- END showcase_home --> CSS .shop_hover{ background: url(img/shop_hover.png) no-repeat top; width: 290px; height:230px; display:block; padding:0; margin:0; } div#showcase_home div.shop{ background:url(img/shop.png) no-repeat top; margin-right:0;
JQuery AJAX and Unload()
Hi guys, I am trying to lock a page on my DB when a user enters the page this script is on and unlock it when they leave. It works fin in IE and FF but CHROME refuses to work properly. It locks the page but never unlocks it. Is there an issue with the Ajax object and onunload events? <script type="text/javascript"> function UnlockPage() { $.ajax({ type: "POST", url: "/services/PageManagerLock.asmx/Unlock", data: "{'id': '<%=
Internet explorer 7, jquery 1.4.2
I am using Rails 3, jquery 1.4.2 All my javascripts files (jquery.js, main.js and myutils.js) are loaded. Everything works just fine in firefox 3.6.4 However not in Internet explorer The problem is the following, In file myutils.js I have a simple function defined like function dosomethingusefull(){ alert('hello world'); } in file main.js I do the following $(document).ready(function(){ dosomethingusefull(); alert('function dosomethingusefull called'); }); In firefox the function
superfish: change color of parent active menu item
Hi all, I'm using the superfish menu and am very happy with it. I have a little problem: I can't find the way to change the color of a menu item that has sub items. I've tried playing around with the css for hours but couldn't figure it out how to set only this one. I also want that when the submenu shows that both the parent active item to highlight as well as the current submenu item. here is a link to the site, notice that "services" is never highlighted: http://en-sof.de/fit/ I appriciate your
$Post. Handling Replies
OK, I've done some looking around on the web, and there are some tutorials but a lot of them are above my head. I'll explain the main goal and ask my specific question. The main goal is to submit a large form to the database, and if it is successful, direct the user to a specific page. Initially given my experience level I would have loaded a page and passed the form data to the new page via $_GET. That page would save the data and if successful, notify the user and provide a link for them to
can anybody help please?
I just need one thing - to able to link the thumbnail image on my gallery to the correct slide within an external page at http://www.seunshotephotography.com at the moment all thumbnails take me to the the first slide - i don't know how to write script and would really appreciate it if someone could give me a simple method to add to my website so i can do this please take a look at this example http://tarafisher.co.uk/gallery/cooking/ tia C
different div different target same function
Another newbie question ... loving the functionality of jquery, but still stumbling as I learn. As I work on a complex navigational menu (complex as in lots of pages and categories) I am trying to figure out how to extract the numerical part of the triggering div's id and then attach it to events within the code, thus using one set of code for multiple menu pairs. A snippet of code is below to show all the uses of the numerical part (using the jDiv plugin from Skyrocket Labs). var hide01 = false;
page injected via jsquery/ajax does not show properly in any Chromium browser
as obviously the css related to the page being injected is not loaded by Chromium. However, it is working well in IE8/O 10.x/FF3.6x. Hence begs the question - my stupidity in html coding, Chromium bug or jquery bug? that is what I could think of. this is the page in question, eliminated all non-essential js http://logistik-experte.gmxhome.de/test.html, navigate to resume and see the difference. It is basically driving me nuts as missing the point somewhere and hence any sound advice/help would be
Disabling input elements in a form
I am writing a ASP.NET UserControl and I am trying to incorporate JQuery into this. The control is a simple form with a few input fields (text, checkbox, select, radio). The first element in the form is a checkbox. Upon clicking this checkbox I want the all the input elements in the form (except the checkbox control itself) to be enable/disable. I tried writing some of this code but my solution was not getting me anywhere. Below is the ASP.NET form code. I'd appreciate the help with some code or
Using a Jquery scroller...
Hello i have setup a JQuery scroller on one of my pages, the idea is that users will be able to scroll accross through say the top 10 images for that section and select the one they want to download, or select the catergory and go further. You can view the site at http://www.retina-display-wallpapers.com/Free-iPhone-4-Wallpapers I only have one scroller as a test.. The scroller is implented in an inline frame at the moment which is causesing some problems, any hyperlinks in the inline frame only
Using tabs in a page loaded with ajax.
So, I'm working on a website that has tabs and nested tabs. So far they all work perfectly, there is just one thing I can't seem to figure out. There is a tab on the main site that is for members, so they click on it and it brings them to a login screen. Then when the user enters in the username and password, I want it to load another page with more tabs, but in the current tab. The page (with tabs) to be loaded is in a password protected part of the site. How would I go about doing this? Any
jQuery Dialog and ActiveX on IE8
Hi, I'm new to jQuery and I'm facing a problem with an ActiveX component inside a jQuery dialog. Basically, the situation is the following: I have a media controller ActiveX component used to display video from a network camera. It works fine in pure HTML. I'm trying to use it in a jQuery dialog (this dialog is draggable, not modal or resizable and has bgiframe set to true). The code idea is here.... $("body").append('<div id="VideoPlayer"><object id="..." classid="..." codebase="..."><params...></object></div>');
How can I improve the performance of this script?
Hi there. I've been using jQuery and javascript for a while now, but recently I've been trying to up my game significantly. I decided to develop this script from scratch as I wanted it to do something specific and and I wanted to learn in the process. I was hoping to get a discussion going here and some advice from anyone willing to give it, on how to trim down, improve, and speed up the application. I'll make the code available for anyone who wants to use it and maybe turn it into a plugin at some
Div position relative to viewport
How can i find the DIV position (top and left) relative to viewport ?
wrapInner IE6 issue
I am trying to use wrapInner method. When I tried to attach div to body tag it is clearing all the checkboxes checked on the form. This is happening only on IE6. Here is my sample code <html> <head> <script type="text/javascript"> function testInner() { var wrapper = $('<div/>') .attr("id", "body-wrapper") .css({ "position": "relative", "width": "100%", "height": "100%", "overflow": "auto" }) $('body').wrapInner(wrapper); } </script> </head> <body>
Form SELECT field triggering hover out
I've got a really simple animation that slides down a form when hovered over, unfortunately as soon as you go to select something from a drop down SELECT element the form slides away. Is there some way of stopping this? Code below: $(".imgHolder").hover( function() {$(this).find('.vSmallPlain').slideDown(300);} , function() {$(this).find('.vSmallPlain').slideUp(100);} ); I thought something like : ...... , function() { if (!$(this).find('.selectElement').hover()
fadein a image when loaded
hi there, i'm kind of stuck with the following problem: i have a few thumbnails which are loaded and displayed large, when the mouse is over the thumbnail. the html markup looks like that: <a href="bigimage.jpg"><img src="thumbnail.jpg" /></a> i have set up a plugin which uses hover() to get a mouseover/mouseout-behaviour to the <a> like that: $('a').hover(showBigImage, hideBigImage); so far so good. since the big images might take a few seconds to load, i show a loading-animation and wait for the
jQuery XML parser not getting attribute 'dir'
I'm using jQuery to parse XML which is retrieved via ajax, however I have found a problem/bug with using the actual XML input. Consider the following example: var $line = $('<example dir="value">Example Text</example>'), dir = $line.attr("dir"); console.info("dir: ", dir); This example should return 'value' instead it returns an empty string. Tried the above code with a different attribute name and it returns the correct value. Is 'dir' an invalid attribute or its value should always be 'ltr' or
jquery fade in fade out on hover
Hi I have this site http://bit.ly/9s6G73 and would like to implement a fade in fade out effect on hover in the 'Our News' section, so when I hover over a news item the grey background of that box fades in slowly, how can I do this? Thanks
Dynamically reload page and execute javascript
Hi all, I have problem wit refreshing page. I send to server request using ajax this way function nactiW4AuditSParametry(parametry, zadanaUrl) { var parametryUrlString = vytvorParametry(parametry); $.ajax({ url: "W4Audit.do", data: parametryUrlString, success: handleResponseW4Audit }); } In a callback function I want to reload whole page from which this request was called and also execute javacsript that is on this page.Defining callback function this way
Problem with slidedown and fadein
Hi. I have a table which contains several divs that are placed with css: <table> <tr> <td> <div> <image ...> </div> </td> <td> <div> some text </div> </td> ...... </tr> <tr class="hidden"> <td> <div> <image ...> </div> </td> <td> <div> some text </div> </td> ...... </tr> .... </table>As you can see, only one <tr> is shown from the start. When the user clicks a button, the next hidden tr is supposed to slidedown, and be shown: $('Row' + RowNumber).slideDown(700).removeClass('hidden')But in explorer,
Trying to build a jQuery map- click function not working
Hi all, I'm trying to make some code so that when a user clicks on a picture, a image will be displayed where it was clicked (i.e the x and y co ordinates). Anyway, so I started writing it but my code doesn't seem to work, so I'd like to see what I've done wrong. It's in the document.ready function. $("img.world").click(function() { alert("clicked"); }; And the image which I want clicked has an id of "world". Cheers,
How to filter out anchors
I have the following code: <script> var siteDomain = 'site.org'; jQuery(document).ready(function () { jQuery("a").not("[href*='"+siteDomain+"'],[href*= + siteDomain + '#'],[href*='javascript'],[name]:not([href])").attr('target','_blank').addClass('external').append(' <span class="hideOffScreen">Opens New Window</span>'); }); </script>One last item that I need for this is the ability to only apply this rule to links that contain href="#top" or any other name for an anchor that point to another
Code Clean Up
I was wondering if I code get someone to help me clean up this code. I just started using jquery and love it! Any help is greatly appreciated! Below is the code... <script type='text/javascript' src='http://www.thecatalystchurch.com/mediaplayer/swfobject.js'></script> <script type='text/javascript'> var so = new SWFObject('http://www.thecatalystchurch.com/mediaplayer/player.swf','ply','320','24','9','#000000'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always');
converting string to variable reference within document ready callback
I have a variable defined in the .ready callback which is passed to a global function from an event handler. I need to build up the variable name in a string, and convert it to a reference to the variable for the global function. I'd normally use bracket notation for this, but I can't find the right object to apply it to. $(document).ready(function() { var myObj = {foo : 'bar'}; $( 'p' ).click( function() { var partial1 = 'my'; var partial2 = 'Obj';
Checkbox List in template column of asp.net gridview
I have a checkboxlist control in a template column in a gridview. I would like to be able to have a link button for "select all" and a link button for "unselect" on each row. I want to this to only affect the checkboxes on this row. How would you do this? Thanks
Need help with login.
Hi, I am a complete beginner. I got this code from a designer. It works in FireFox but not in IE8. In IE8 error says this type is not supported and type=password is highlighted in browser. It is using jquery-1.3.2. Thanks for your help <div id="loginarea"> <asp:Login id="Login1" DestinationPageUrl="~/Protected/home.aspx" Orientation="Horizontal" VisibleWhenLoggedIn="False" DisplayRememberMe="False" CreateUserText="Register" CreateUserUrl="~/Register.aspx" TitleText="" CssClass="login" Runat="server"
Collection of <div>s
Perhaps I need some clarification. I issue a jQuery statement var oDivs = $('div.xxxx') where there are three <div>s with the id='xxxx' . This is valid since I should be able to have a collection of divs with the same id that do not necessarily need to be unique. When executing this statement with IE6 oDivs.length = 1. However when executing this statment with Firefox oDivs.length = 3. How come?
jQuery und DOM 3
Hello, I am working with jQuery and TYPO3 to build ceHTML, this means for a portal for TV. In the ceHTML specification, "http://de.wikipedia.org/wiki/CE-HTML", they just support DOM 2. My question is if jQuery use in some way DOM 3. I know that at the time not every Browser support it, but some thing they do "http://www.webdevout.net/browser-support-dom". I am asking this, because we have not find an test environment for the project, but I already starded the programming. This means, I can test it
Problem using $.get - URL encoding issue
I am trying to use $.get to post a XML string to a processor but when it sent, the < and > are encoded which is hacking the request. How can I fix this so these items are not encoded? sURL = https://www.domain.com/processxml.do?xmldata=<txn><ssl_merchant_ID>12345</ssl_merchant_ID> $.get(sURL,function(data({ }); If I view the 'GET' request in Firebug it appears as ... Which then causes XML Parsing Error: no element found Location: moz-nullprincipal:{4c54e404-eb18-fb4d-b464-f6fbbc42817f} Line Number
Clearing all form elements within <div>
I have a form that is pretty large, so to break it up I hide certain fields unless the information is required. (example: If you select that you have a dog, more form fields show that ask about the dog. otherwise they are hidden) The problem is this. Lets say that I select that I a have a dog, put in some information in the newly shown fields, and then decide I don't want to say that I have a dog. If I select no to the dog question (the radio button that shows or hides the fields) the information
stationary but slightly rotated divs
Hi I am building a gallery for a client w/an admin etc. But visually she would like the images to be slightly rotated but stationary not animated. is there a way to do this with jquery here is a link to a rough draft. http://www.nxfx.com/demo/mkm/site/scenes2.php so basically I want each of the images to be slightly rotated. Any thoughts?
Submit within submit not working
Hello, I'm a new user to jQuery. I was able to read data from a form and submit it using jQuery and return results in a table using JSON. (Image 1). The code that processes it is as follows: function submitSearch2(formid, ajax) { formid = "#" + formid; ajax = "span." + ajax; jQuery(document).ready ( function() { jQuery(formid).submit ( function() { jQuery.post (
Use not to find null in href?
I have the following code which works fine except I would like it to ignore anchors as well that only have the name attr and no href. Any ideas? Thanks! jQuery(document).ready(function () { jQuery("a").not("[href = null],[href*='google.com'],[href*='yahoo.com'],[href*='javascript'],[href*='#']").attr('target','_blank').addClass('external'); });
Content changing div
I want to change content like they do at http://rubytuesday.com/ I'm pretty sure it's using jquery but I'm not sure what plugin. Any ideas? Thanks a lot.
Problem while iterating over future elements jQuery
I have a container div element and i am creating several div's dynamically in future.Moreover i have several elements in each div which is created in future.I want the value of each element for generating a ajax request to the server. For eg: i have two div's i will use the value of each element in each div for generating the request. For 3 div's,i will use the value of each element in each of the three div's for generating the request. So what i have done is iterate over the children of the
Preserving form fields
Seems like I'm asking a lot of questions lately... learning a lot though! Okay, so I have various forms that are being loaded onto a page via load(). (The user fills out the first page, clicks "Continue", gets to the next page, "Continue", etc...) The form pages can be navigated via an accordion on the side. That works fine- except that contents of the form fields are not preserved. Once he/she clicks Continue and moves on to the next form, the information is gone. I don't want to have to do "Save"
ajaxStart doesnt get triggered
Hey, I use the ajax-Events to fadeIn and fadeOut a Spinner evertime a ajax-request is processing. It works well - except one case: - I have an Ajax-Form - I click a button outside the form and this button fires the click()-event from the submit-button inside the form - now the ajaxStart() doesnt get triggered, but ajaxStop() and ajaxComplete works The Form looks like: <form onsubmit="jQuery.ajax({data:jQuery.param(jQuery(this).serializeArray()) + '&authenticity_token=' + encodeURIComponent('SHY+aZ92E9MbBfWnvj7UYgJPViBn8z0ufarWbQDdyjU='),
Selector only selects one (last) of the matched classes.
Hi All, I have a problem here and I think I am missing something really small.. : I have code to add a row dynamically to a form in my page when an element with class 'addRow' is clicked. the tables (2 tables in one page) that I want to add the row to have class 'tableAddRow'. The tables are contained in a form. But for some strange reason the code only adds to the last matched table in the page. This is really annoying. I tried using the $.each selector but nothing helps.
Setting CSS on a div that has just been partially refreshed via ajax
So my problem is fairly simple. I have a div that contains some data. Once every XX seconds I refresh it via this method //Partial refresh of the patients tables $(function () { setInterval(function () { $('#patientGridDiv').load(location.href + " #patientGridDiv>*", ""); }, 10000); });So that is working nicely and does what is supposed to. However in the document ready method which is run when the page DOM is ready I set some CSS. This CSS however is lost when
Next Page