jQuery's css method stops script execution
Hello people, am working on some javascript based web applic, using some jQuery plugins. When page content is requested by ajax and embedded into the page, some scripts are executed to initialize the plugins. But unfortunately both fail on calls of jQuery's css method (script execution is just canceled, so guess there's any problem). I don't have any clue where it derives from currently. Is there maybe a way to get around it by reinitializing/ updating the page body for jQuery? Cheers JBL
Bypass F5 and BACKSPACE
Hi, i created a js that bypass the standard behaviour of F5 and BACKSPACE key. It runs in the major browsers. Is that the right way for do this kind of work or i missing something? $(document).keypress(function(event) { if($.browser.mozilla || $.browser.opera) { if (event.keyCode == '116' || event.keyCode== '8') { event.preventDefault(); } } }); $(document).keydown(function(event)
Tabs in jQuery UI
Hi, First: sorry for my english I'm php programmer but pretty new with jQuery (few days of developing). I have a situation using tabs which is dynamicly generated and loaded from external php file. I have search results (links) with values separated by "/". Click on link open a new tab. In that tab should be few links with similar functionality. Problem is, in the page source i can't find generated tabs. There is a jQ function $("a#add_tab").bind("click", function(){ event.preventDefault();
how to use date selected event?
for ex : i have from Date & To Date if I Select From date(21/09/2010) means todate start form 21/09/2010 Thanks in Advance
Animation complete event or Animation Stacking (Multiple elements)
I understand that when making multiple animation calls to the same element they are queued. I would like to do the same thing but with multiple elements. I tried using a callback, but I get the same effect. Is there an event called when an animation is completed? Or does anyone know a method of queuing the animations? Thanks in advance.
dynamic function calls on ajax success
I am trying to call a dynamically chosen function on success from an ajax call (later to be error and so on also) The following function works fine and passes the url to call and parameters into the makeAjaxPostCall function. successHandler is the function to call on ajax success. function handleListAction(action, parentID) { var url, parameters, successHandler; switch (action) { case 'unsubscribe': url = "/profile/unsubscribeall/?ajax=TRUE"; successHandler
problem with parent()
problem with parent() jQuery Code http://webdev.faressoft.org/wp-content/plugins/ImageSlideShow/js/slideShow.js You can see the result here (Image Slide Show) http://webdev.faressoft.org/?p=208 $(".ImageNum span").click(function() { var image = parseInt($(this).text()); $(".correntImage", $(this).parent()).removeClass("correntImage"); $(this).addClass("correntImage"); $(this).parent().parent().children("img").css("display","none"); $(this).parent().parent().children("img").slice(image-1,image).css("display","block");
jQuery to dynamicaly generate specific numbers of form input fields
Guys, I am not new to jQuery but I just want to ask the best way to approach this. Basically I have a textfield in which the user is going to type in a number (for example 20) and after this textfield lose focus jQuery will be triggered to create whatever number of textfields the user put before (in this case 20). So, to illustrate: How many users do you have: [ 2 ] (and after the field above lose focus, the below will be generated) Fullname: [ ] Fullname: [ ]
Help me define a context menu with some of elements in HTML to each table cell ?
The first purpose: I want to use jquery to get information of content of table' cell. With javascript that using "innerHTML" & with getElementById... may be access elements in document. But javascript long to write & no more effectively. The second: using context menu to elements - with table. Everybody experience in jquery help me. Thanks very much.
jQuery.Post() not working in IE 8
I have this function <script type="text/javascript"> function reLoad() { jQuery.Post(); } </script>Works fine in Firefox , Chrome, Opera, Safari but in IE 8 it does nothing, any ideas why?
Scrollable gallery
Is there a way to make a scrollable gallery in jquery like on this site: http://www.deep.co.uk/ so the motion when you hover is very similar. Thank you!
Video gallery with thumbnail scroll
Dear jquery gurus. This is my first posting here and if possible would like to get some feedback/advice about something I'd like to accomplish please note that i'm new to jquery so responses with highly technical lingo might be over my head ☺: Now to my question: I'm trying to create a webpage with the following elements: - a video area on the page that contains a video player with controls (play/pause, timeline as usual) - a thumbnail scroll that can control which video is displayed in the video
Use JQuery to change a HTML reply
Hi, after i use $.get to obtain a html reply, there is any way i can use jquery to manipulate it before sending it to the wild? Thanks
multi-field in-place editing
Hello, I'm trying to create a multi-field in-place editing: basically I have a series of values that I'd like to display as a text but when I click a specific button those texts have to become text-fields. Any ideas how I can achieve so? Thanks and have a nice day Sig
[SOLVED] Building taxonomy using jQuery mcdropdown control.
Ok. I have some HTML below. I am trying to build a taxonomy of Google Base's categories. I have each of their primary categories in a separate file, such as animals.txt for the Animals category or arts_entertainment.txt for the Arts & Entertainment category. When the user selects the primary category, I want to call a php script, named getcatdata.php, that will parse the text file and return the items to be placed in the categorymenu unordered list. The input category will always stay hidden but
For all items with the autocomplete property, display a widget for toggling the setting.
It's a user script I'm working on. See the deal is that some websites won't let you save the userid / password which, depending on perspective, is good or bad for security. If your'e the user, it means you have to find a way to remember the password. Not such a big deal if you have only one password and it's something easy like C00lp@ssw0rD. On the other hand if you are accessing a large number of sites with draconian settings that require passwords that look like this: @#21438W{}@$%dGy, then security
empty() and memory leak
Hello, I am having a big problem with memory consumption with a jQuery script. What I am trying to do is reload a DIV tag at certain intervals with some elements generated by a ASP.NET MVC application. The DIV AppointmentsList contains the elements I am loading. It is pretty simple. After one day of refreshing the broswer IE8 (but I've tried with other browsers and the problem is still there) loads more than 800Mb of memory. It seems that the empty() function "$("#AppointmentsList").empty();" cannot
slide up problem in ie7
Hi, I'm creating an accordion, but instead of using list, I used div I'm having a problem with ie7 wherein, on a slideup, all the contents after the accordion follows, but the other neighboring h3(the other tabs of the accordion) remained in the same position. Are there any way to fix this in css? here is my javascript $('#accordion h3').click(function() { $(this).next('div').slideToggle().css('position','relative'); });while this is the format of my html <span>a higher level
Problem with tabs.
Hello! :) I'm trying to fix this problem, but for me it is impossible. On my homepage (www.knights.pl) tabs doing nice joke :). Always, when I click at link "Początek" in menu and when i click for example on tab "Facebook" my page is reloaded. If I not use a link from menu tabs work fine. Best redgards Tom
Acessing json using proxy
Hi freinds, I am rails developer, i need to fetch json in the remote server but it is not working form me .If it is local means working.How to set the proxy in jquery or rails .I am getting proxy only for php . Any suggestions??????
How do you check if an element is entirely visible?
Hello everyone. I've been searching around for an answer to this question for some time now. How do you check if an element is entirely visible (in other words: entirely in the viewport) ? I have a page and when you hover over a certain link, it fades in a div with extra information. This div can be quite big sometimes, so I want to check if it is entirely in the viewport (the user can see the entire div). If it isn't, I want to be able to move it to the left somewhat. But how do I check if the item
Event binding to buttons in FireFox requires an alert() box
Hey I have a piece of javasacript code that searches through several iframes for buttons with specifi id's. When I find the button, I bind a click event to that button. This works perfectly fine in IE, but only works in Firefox if I alert something. After I click on the alert button ok, the click events are assigned correctly and the buttons work fine. See my code below for achieving this: $.each(iframe, function(index, ifrm) { // Add target="_blank" to text hyper
IE Flash/Brightcove Video Hide/Show Problem
Hi, I'm using the simple jQuery below to hide/show either a flash video using our Brightcove account or a slideshow of images. If you click Video, the video displays. If you play the video and then click on Slideshow the video stops playing and you see the image slideshow. This works beautifully in everything but IE. If you play the video and then click on the Slideshow link, the sound of the video bleeds through the slideshow. I've used conditional commenting to remove the object using $("object").remove();
Google Website Translator and jShowOff issue - Any ideas?
Dear all, I have been asked to look in to a issue that has occured on a website that is using both the Google Website Translator and the JQuery plugin jShowOff, a slideshow type plugin (both great features). The website is http://www.nic.coop and when you select another language to translate the website in to, it ranslates everything on screen, as exspected. However when the jShowOff changes its current slide, this slide is not now translated. I think the reason for this is that the Google
Problem with jQuery.get() function
I develop web site using Asp. net.I'm using jQuery .get() function to load data from the server. I try to make some test project with only default.aspx page. In code behind I specified static method with WebMethod attribute like in the code below [WebMethod] public static string GetTime() { return DateTime.Now.ToString(); } OnClick event of HTML button this code was called. I set breakpoint on method GetTime() through VS 2010. This method doesn't call. I dont' konw why. $.get("Default.aspx/GetTime",
Default CSS to element
Hey guys, I am looking for a way to put all CSS values on my selected elements back to its default. I was wondering if anyone has maybe done this before and if not has any idea's to get me started. The idea is that when I use for example: $('div.wrap div.setDefault *').defaultCSS();The elements within .setDefault will return to its default font/color/height/width etc... so basically all posible values. Thanks in advance.
using variables within a jquery function....
i declared 2 variables which i want to use depending on a conditional statement inside a jquery function unfortunately they don't seem to be working. do they need to be globals? var errors = 0; var errormsg = ''; $.post( "ajax-check-email.php", { email_address: document.getElementById('email').value }, function (data) { if (data == 'taken') { errors = 1; errormsg = 'This email address is already registered'; } }); i know for a fact that the code works, when i add an alert
trigger won't work in IE
Hi, I'm using trigger in an ajax call to move the 1st tab to the 2nd tab(the result). It is working in firefox, but not IE(6-8) Where did I get wrong? Thanks Here is my code: The main HTML <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Tabbed Poll</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> <link type="text/css" href="css/custom-theme/jquery-ui-1.8.4.custom.css"
wildcard?
I'm trying to show a box when a text field is equal to *@googlemail.com (* being a wildcard). doing something like if (value == "*@googlemail.com).attr("value") { some code } does not work :(
Using jQuery in a online shop.
Hello to the community :D First of all sorry for my bad english I have a question and i would like you to help me.I have this online shop http://www.e-expert.gr/web/guest/home i am not the developer just the owner.The question is how can i present my product throught that site http://www.skroutz.gr/ (Skroutz.gr is a search engine about online shops like http://www.bizrate.com/)If it was a simple site(html or something else) they ask the XML. The developer tells me that we will need 2 months of work
[jQuery] Nested Tables Question
Hi, I need to find a quick way to determine whether or not table elements on the page have any children table elements...as I want to change the style class of the innermost table. Any ideas on how best to do this? M
Hijacking submit
Hello, I am trying to hijack a submission form and check the elements then submit it if it passes. I have gotten it to work in firefox but not in chrome or safari. Here is my code: $("#form").submit(function(e) { if(citySuggestRan) { if($("#movie-theater-search").valid()) { if($('#geocode-response ul#results').length > 0){ return false; } else { return true; } } else {
Getting Sibling - Child ID?
My html renders something like this: <td class="titleCell"> <a class="title" id="1234 /> </td> <td class="bodyCell"> <span class="content" id="abcd" /> </td>Using this the following, I able to get the title's ID $('a.Title').bind('click', function(){ var id = $(this).attr('id'); //id equals 1234 });How can I also get the <span> id using jQuery? I've tried several things using the .next and .sibling methods but I can't get them to work. I would need to get 1234 and abcd. Thanks
parent class problem (actualy me being noob problem)
Hi, I'm trying to put a css opacity effect on certain elements. then change it on mouse over. that works, now i want to exclude 1 of them that has a child with a different class then the others. let me give an example: this is working (got it from somewhere on the net) $(function(opacity_thumbs) { // set opacity for all thumbs to 30% $("div.thumb").css("opacity","0.3"); // on mouse over $("div.thumb").hover(function () { // set opacity to 100% $(this).stop().animate({ opacity:
Maximum checked checkboxes in specifck div's
I'm trying to get this for about two days now but just can't figure it out. I would like some kind of function that let's me use a ID as selector, when a checkbox's is clicked (checked) in that div it counts that checked checkbox. When there are 4 checkboxes checked there must be a action (the other checkboxes get disabled). I just can't set it up. Maybe someone could help me out with a snippet? Thanks in advance.
jQuery doesn't kick in on FF unless firebug is launched
I have a number of javascript files. Some my own and some which I got off the net in my application. First, there's jquery and then a bunch of plugins and finally, my own scripts to bind all the correct elements and get the page ready. For some strange reason, none of the scripts get loaded when I load the page. However, once I open firebug to try to see what's happening, it works fine. Does anyone else see this problem? Any tips on where I can start looking?
Newbie: show/hide with a single click
Hi there, Pretty new to JQuery, so trying out something I want to use later. The following code is a typical show/hide combo, followed by an attempt to do the same with a single control ("singleClick"). Unfortunately, it opens the "extra" dive but won't close it. Is it a fault in my javascript, or am I asking the jQuery to use logic incorrectly? This is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Array JSON in the post
Hi friends, I have the code below <script> function test(action,code,array){ $.post('test.php',{ action: action, code: code, 'array[]': array },function(response){ }); } </script> <input type="button" value="test" onclick="test('actionhere','codehere',{'option1':'value1','option2':'value2'})" />How can I send that array JSON in the post? Thanks a lot
I can't access dynamically created images by their id?!
I have a stupid problem that really bugs me... The code below creates images based on a json feed, no problem. All images are created and the click function works perfectly, but... I can't access any of the images by their id's so I can't make the function behave as I wan't. I first thought jQuery appended my image object as html and didn't insert it as a valid object in the dom, but as the click function is working that can't be it? I found some other people had the same problem but they were using
mouse over children on ajax'd content
Hello, Im having a bit of a problem using the mouse over call on the .live method when im ajaxing So all i want to do is when i roll over the div with the class parent, it shows the child div (with the class of .child) The problem that im encountering is that when i roll from the parent div to the child div, it counts as rolling off the parent div even though the child div is within the parent div. Here's the jquery: $(document).ready(function(){ $('.parent').live('mouseover mouseout', null,
Next Page