IE9 Alert Box Not Showing Data, Works in IE8?
Why does this Alert box work perfectly using IE8, but shows nothing using IE9? Also, data.length never shows anything in Alert box! $("[id$=txtData]").blur(function(event) { var data = $.trim($(this).closest("tr").find("[id$=txtData]").text()); alert(data); }); <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="900px"> <Columns> <asp:TemplateField HeaderText="Id"> <ItemTemplate> <asp:TextBox ID="txtData"
Selectors: How can I select this Box ?
Hello, it drivs me crazy, that I don't know how to select this element. I got a HTML-Code like this: <div class='blogbox' id="4"> <div class='blogdate'>16.July 2012</div> <h2 class='blogheadline'>Title</h2> <div class='blogtext'>Previewtext</div> <div class='blogimage'> <img src='images/Blogimages/asdf.png' width='140px' height='140px'
Displaying a div when hovering over a button
Hello, I am new to jQuery and my goal is to display a div containing content when a button (to the side of the div) is hovered over. To a further extent I want to not only display the div but cause the function that is already running (one that rotates through displaying my 5 divs) to stop, so that only the div from the hover button is displayed. Hopefully this makes sense. I do have some code I am working on that I can share.
My focus() doesn't seem to be working....
I have a <input type="text".....OnChange="fixdateformat" id="birthdate"> function fixdateformat() { var dait,month, day, year; dait=Strtrimchar($("#birthdate").val(),"/"); var daitlen=dait.length; if (daitlen != 8) { alert("Invalid Format: Must be MM/DD/YYYY or MMDDYYYY. Example: 01/01/2012 or 01012012. Please Re-enter."); document.getElementById("birthdate").focus(); or .$("#birthdate").focus(); } else { month=dait.substring(0,2);
using $.mobile.loading inside pagebeforechange event
All, I've developed a small app that's capturing "pagebeforechange" in order to update the DOM whenever the user presses a tab. My purpose in capturing and processing pagebeforechange was to allow me to update only part of the DOM (via loaded JSON data from an AJAX call) while leaving the rest of the page untouched. The idea was taken from an example I found on the web where the author dynamically updated their DOM whenever certain URL's were seen in an <a href> element. For the purposes of my very
Autocomplete cache problem
Hi, I am having a problem with jquery autocomplete. My autocomplete should work as follows: When I click one image, the search box should list down all the items related to that image and when i click second image, search box should list down all the results related to the second image. I have set max items to be displayed as a list in search box is 10. When I click on first image, I am getting 10 results related to first image. And when I click on second image and type something that is not in the
help on onclick function
Hi, I have 4 images and when i click on one image it should be covered with blue colored box (to indicate that it is checked), and when I click on another image, previous image should get the previous status and now the current image should appear checked with blue colored box on it. could any one please suggest me how to do it. Thanks a lot.
jQuery 1.7.2 - Select menu option mouseover shouldn't display preceding image in list
Stuck here with sorta dilemma, I use this code to allow display of images in div via mouseover of select menu option: $("#selectMenu").on("mouseover change", function() { oScroll2.tinyscrollbar_update($(this).val()); return false; });Line 2 of code scrolls the appended images contained in horizontal ul li to an anchor (Tiny Scrollbar figures that out) set by value of select option. There are currently 11 anchors for 11 images, but this will grow. Anchor 1 is option value="1" (for first image);
How to override extended functions
Being a former flash developer, it seems I have been spoiled with certain keywords and concepts. I am trying to override a method from another class that I have extended without using prototype. I am not using prototype because every time I use it, I cannot access local variables (even with getters and setters) locally, which I kind of understand. My other goal is to have local and global variables link to be same variable when I updated locally or from a parent class. I have shortened these classes
jquery scrollTop
Does anybody tell me why this code doesn't work? frames[i] is the frame where the element is (a span element). I don't understand what's wrong: $(frames[i]).animate({scrollTop: $(el).offset().top},'slow'); regards
external file
Hi, I am trying to put my code into an external file so i can use it in multiple pages here is the code: (function(){ // back to top var button = $('#back-top'); button.hide(); // fade in button $(window).scroll(function(){ if ($(this).scrollTop() > 600) { button.fadeIn(); } else { button.fadeOut(); } }); // scroll body to 0px on click $('#back-top a').on('click' , function(){ $('body,html').animate({scrollTop: 0}, 600); return false; }); })(); it works fine normally, but when put into an external
Problem with play() function
Hello I wrote a mini-game in "plain" jQuery and wanted to add some sounds. I used HTML5 and <audio> tag with js play() function. It works but in some browsers (yes, I'm talking about IE, but also Safari on PC has this problem) play() function is not working, and, what's is worse, crashes a game a bit, since it's the "Object doesn't support this property or method". Is there any way (maybe an "if" statement) to check if the browser can use play() function and if not tell it to avoid this part of code?
reference to asp.net button not working
Hi all, I am new to jquery so sorry for the silly question. I am not able to make a working reference to buttons inside an asp.net page Here is my page <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplicationTest._Default" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
Ajax request to autocomplete an input field
Hello all, first sorry for my english. I need help to make my ajax autocomplete zip code input field working properly. The input has a maxlength attribute equal to 5. I use the ".post()" function to send the ajax request when the length of the input field reaches 5 caracters. So far everything is working, the user enters a zip code and get all the cities back in a div from where he can choose his city. But I've noticed in the Firebug plugin that when the user enters more than 5 caracters my function
jQuery1.7.2 Selected pulldown menu option value triggers link containing same rel (or name) value?
I am trying to trigger a link that has same rel or name value of selected option value of a pulldown menu, is the following code capable of doing thist? var s = $("this option:selected").val(); $("a.track[rel='s']").trigger("click"); Basically you select an item from the pulldown menu and a matching link gets clicked. Scratching my head on this one (still learning). If above code is flawed, can you suggest some code that achieves what I need? Thanks in advance. - dan UPDATE: I got this function
Draggable Div resets to original vertical position after draggable is disabled.
Hi, I have a div that I've enable draggablitiy on within an html body. In IE9 when I drag the div outside the initial bounderies of the html body ( causing an increase in scoll), and then disable the drag option, the div jumps vertically to its original position.This does not happen in firerfox or safari. Any help would be appreciated! Thanks!
jquery scrollintoview smoothly
Hi, I'm working in an iframe which have several span elements with id's- I want to select an element, and doing this I want the iframe to scrollintoview slowly until we can see the element. Is there a quick way to do this in JQuery? I can do this but with scrollintoview in javascript, but it is very fast: Regards,
Smartphone performance
My JQuery Mobile web app is about 56K. I can still take out about 10K in comments and even minimize it further but I would like to leave it in a human-readable form (for my students :). In addition to the 56K of course I include the files: jquery.mobile-1.1.0.min.css, jquery-1.7.1.min.js, jquery.mobile-1.1.0.min.js modernizr-latest.js Will I get acceptable performance on modern smartphones??
Embedded Link in a label for a checkbox input -- Link doesn't work
I want to embed a link in a label for a checkbox input, for instance <li> <input class="custom" tabindex="950" id="agree_pre_terms" type=checkbox name="agree_pre_terms" value="1"> <label for="agree_pre_terms">I agree to the <a href="#terms">Terms and Conditions</a></label> </li> But, clicking the link simply Toggles the input state. Seems this would be a common & tidy way. However, clicking the Terms and Conditions text just toggles the Label. Is there a workaround for this issue ?
something about css api
ok yes it's a short hand and a much facilitated function over the dom that actually does the dom call instead of you $().css('color','red') is equivelant to document.getElement............ .style.colr in this case color matches but the quesion is when i have something like $().('text-align','center') the dom style.textAlign the question is what is the dictionary that jquery uses
set text of dropdown to select
how do i set d text of dropdown as "select" bt there should be no option as select????
Dynamically generated checkboxes don't get checked
I create my checkboxes dynamically. I have one checkbox which is in the code (not created dynamically). For my dynamically created checkboxes I clone it and then change id and name: <div id="sample"> <div class="ui-checkbox"> <input id="checkboxsample" class="custom" type="checkbox" name="checkboxsample" data-iconpos="left"> <label id="labelsample" class="ui-btn ui-btn-icon-left ui-checkbox-off ui-corner-top ui-corner-bottom ui-controlgroup-last ui-btn-up-a" for="checkboxsample" data-corners="true"
Multi directional scrolling
I'm trying to cobble together a way of scrolling to various divs using jquery scrollTo plugin. I have script for diagonal, horizontal and vertical, but how would I get them to work together? My intention is to have four areas, with different layouts in each. The problem I'm having is getting the navigation to go left, it only seems to work properly if it goes horizontal -right, vertical or diagonal- right. I want it to direct to the position of the div specified in the link. Ive also attached a pic
Help with an example
Hi I was wondering if I'm in the right place for help with this, apologies if this is not the correct forum. I have been looking at an example of a jQuery image gallery using jQuery and CSS3. The site is attached. What I'm trying to figure out is as follows. When the user clicks on an image from the initial view, it zooms in to meduim view. I would like to know how to make the image that was clicked on the only image viewable in the zoomed in view - can the other images can perhaps be pushed
jQuery Objects Are No Longer Draggable Suddenly
I've installed a circular object carousel as a part of a website I've been developing lately. Here is a link to the certain carousel i'm using : http://tympanus.net/codrops/2011/08/16/circular-content-carousel/ Using jQuery I've made the text in every element in the carousel draggable, $(".textPara").draggable({ helper:'clone', appendTo: 'body' }); $(".textPara").draggable("option","revert",true); $(".textPara").draggable({opacity:0.5}); The problem comes up when I scroll up , then scroll down and
Can I combine two plugins ?
Hi people, I was wondering if you can help me with a small challange. I have a website, where I have added two jqyery plugins: 1) Jquery Lightbox2 Lightbox2 This excellent plugin enlarge pictures on mouseclick. 2) Jquery Loupe Loupe Also an excellent plugin, which works as a image magnifier on mouseover. now, what I want to do is to combine these two plugins in order to get the following feature: when i want to study an image/picture, I click on it to enlarge it (Lightbox2) and on the enlarged
the JQuery works in FF, GC and O, but does noting in IE
I've made up a slider and it works in Chrome, Firefox and Opera just as planned. But IE doesn't play like planned. It does follow the sequence, I've checked with the console, but noting happens. The main idea is that I've made up three slides wich show the content after a row of panels dissapear. My latest version is posted on the following JSFiddle http://jsfiddle.net/Reanimatie/thMSp/2/ Does anyone have a clue and is willing to give advice?
return data in $.get method
hi, I have a strange problem when I use the $.get method. I have been develop a little js function to check a simple state. The js function call a php page ... like this if ( ... ) { echo "no"; } else { echo "yes"; } my js function is like that .... $.get('test.php',function(data) { if(data=="no") { window.location = "no.php"; } else { window.location = "yes.php"; } }) now ... when I use an local installation all works fine .... but when
interdire l'actualisation d'une page lors de la fermeture d'une boite de dialogue
Bonjour, j'ai crée une page dans laquelle j'appelle un boite de dialogue me permettant le partage des actualités sur facebook, twitter..etc, quand l'utilisateur clique sur partager j'affiche cette boite de dialogue avec un arrière plan transparent qui empêche l'interaction avec la page en dessous. mon problème est que quand je ferme cette boite de dialogue la page qui est en dessous se rafraichit !!! Pourriez vous me dire comment interdire le rafraichissement de cette dernière? Merci pour votre
jQuery countdown two significant digits in compact view
In the countdown plugin, when I display the compact countdown with two significant digits it shows something like: "2d 12:00:00" and minutes/seconds stay at "00" forever. How can I get it to display something like: "2d 12h" instead? Strangely enough if I use the non-compact output, everything works as expected, i.e. it shows only "2 days 12 hours" (without minutes or seconds). In jquery.countdown.js I have: "format: dhms" (all low caps), "compact: true", "significant: 2" and in the html/php I have:
Help with loading images for a very simple image gallery
I'm struggling for ideas of how to create my image gallery, more specifically, how to load a full size image once a thumbnail is pressed. What I want is obviously when a thumbnail is pressed, jQuery will use AJAX to load the image from the server, and put it into a separate div for displaying. However, I can't work out how to make a generic jQuery function that will take a parameter indicating which image is to be loaded.. Each thumbnail is going to have a unique ID, and I would like to somehow access
Inside timout function .is selector isnt working
Hi. After placing my code inside a timeout function, the script is not recognising the .is selector. I need one part of the code to be rendered if the item has the class .grid_1 or .grid_2, if not use the other code. This worked fine before placing it inside the timeout function. Does anyone have any idea what is breaking the code? $(function() { var timeoutID = 0; $('ul#grid li').mouseenter(function() { var preview_path= '/index.php/includes/embed_grid_id/'+$(this).attr("id");
Timeline of actions
hi friends, I want a timeline of action with 3 action: fade-in, delay, fade-out. In summarize the total timeline is: 5000 ms delay on picture 1 1000 ms fadeout on picture 1 (start action in 5000 ms of timline) 1000 ms fadein on picture 2 (start action in 6000 ms of timline) 5000 ms delay on picture 2 (start action in 7000 ms of timline) 1000 ms fadeout on picture 2 (start action in 12000 ms of timline) 1000 ms fadein on picture 3 (start action in 13000 ms of timline) 5000 ms delay on picture 3 (start
dropdown check list
Hi All, I am using 'defer parsing of js ' for dropdown list. But it is not working when clearing the cache, Here is the code: <select name="deptT" id="deptT" multiple="multiple" class="filterSelect" style="width:85%;"> <option>1111</option> <option>2222</option> <option>3333</option> </select> <script type="text/javascript"> var $jj; function downloadJSAtOnload() { element4 = document.createElement("script"); element4.src = "js/jquery.js"; document.body.appendChild(element4);
Best way to handle session timeout on ajax call
I am testing my mobile website and I noticed that when an ajax call is made it just shows a text message "Error Loading Page". I see that you can override the pageloadfailed method. This seems like the best place to handle it. My question is does anyone have a piece of code for the pageloadfailed that handles the following: hide the loading icon. check the xhr object to see what type of failure it was. If it was a certain error say 401 then redirect to the login page. If it is any other type
Tabs in IE cascade and show bullets
I know there has been a lot of problems with tabs in IE, but I can't seem to find a fix based on what I've searched on. It obviously works fine in other browsers, but in IE the tabs cascade down instead of displaying side by side and the bullets are shown to the right in a jumbled up fashion. I can't seem to figure out why. <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.tabs a').click(function(){ switch_tabs(jQuery(this));
Using ajax history with ajaxEnabled: false
Hello, I have ajaxEnable: false (IT architect decision) but one part of my app uses ajax to load the pages because we're using a web service for this one feature. When I hit the browser back button after navigating within the ajax section, it takes me to the previous fully loaded page and not the ajax loaded page I was last on. Make sense? I've implemented data-ajax="true" on all my links within the ajax section, but it doesn't seem to be working. I'm using the basic header, footer and content div
jQuery Not working
Hi, Recently I'm using a AllRounder Joomla 2.5 Template. But the Template Not viewing Properly. Most of the Feature Not viewing. Plz help. I'm novice to joomla and jQuery. Akram
Find URL and check segments
Hi. I am trying to get jQuery to find the current URL, and then use conditions to load a different variable depending on it. For instance, if the first segment after the URL is empty, show this... if the first URL is equal to then show this. www.domain.com/segment_1/segment_2 etc. I have managed to get this to partically work using the following. But it only works for the first condition, not the second. Can anyone point me in a better direction, or show me what I am doing wrong? var
cycle: need to remove 'position' css property for photos wrapper...
why does cycle add "position:relative" to photos wrapper... how do I take this out.. it's done dynamically inline so I can't overwrite it... thank you....
Next Page