scroll contents of text box to left
I have some code below that I use in a contact form. Initially each text box has a default value, and when focus is placed on the text area, the entry disappears. What I would like to do is scroll the entries to the left, but I don’t know how to do that. I tried sliddToggle, but that doesn’t work. Any ideas? Thanks! var current_data = new Array(); $('.clear').each(function(i){ $(this).removeClass('clear').addClass('clear'+i);
How to isolate text nodes in jQuery?
Hi, Suppose I have a HTML element that looks like this. <div>This is <span>a text node</span>. There are more <span>letters in this one.</span> Test up.</div> I wish to identify and isolate "This", "is", ".", "There", "are", "more", "Test", and "up." as text nodes. Is there a way to do this through jQuery, either natively or through a jQuery plugin? Using the .contents() method, I get an array of several texts, but they're not completely isolated. <script type="text/javascript"> $(document).ready(function(){
Basic Jquery question Can't get function to Trigger on Load
Have a select drop down with an ID country. This function works fine when the user selects the country from the drop down however I cant seem to get it to Trigger on load. am using Jquery 1.32 if this is useful? thanks for your help. $("#country").bind("load change", function () { var val = $(this).val(); switch(val){ case 'USA': $(".stateinput").hide(); $(".territorydropdown").hide(); $(".statedropdown").show();
Fetching data of selected item
Hi, I want that data against each option should be loaded as the option is selected in the combo box. As, while registering on yahoo, when we select a country all provinces of that country are loaded. (No need to click a submit button.) Please guide me in simple steps as i m new in Jquery.
IE errors
Hi all. I using on site http://kulbet.katowice.pl script who require jquery. I include latest version of framework on my server and include in to head section code <script type='text/javascript' src='js/jquery-1.4.2.min.js'></script> In Chrome, Firefox and Opera site look good. All slideshows are displaying. Unfortunately in IE (8 and below) are displayed critical errors in jquery script file. Page http://jquery.com/ is displayed great without any errors, so I include to my page script directly from
jQuery Corners and IE
Hi Guys, I am using "malsups" jQuery corner plugin - http://jquery.malsup.com/corner/ - and having a bit of nightmare of a time with IE. Basically I have <ol><li> <span class="main"> <span class="test1"></span> <span class="test2"></span> <span class="test3"> <span id="test4"></span> <span id="special" class="special"> <span class="test4">TEXT</span> </span> </span> </li></ol> Basically, in IE when I try and make the id="special"
unbind method not behaving properly with custom objects.
I think I've discovered a bug related to the event registrations on custom objects on jQuery 1.4.2, I will leave the test unit for you to run it, I apologize in advance if I can't provide a patch to fix this, I'm not really fluent on the jQuery code. Thanks. Roman Gonzalez.
Multiple selectors not working
Trying to do something like this, but nothing ever shows. I have several "Smith"'s (Adam, Bill and Cathy) as test data... // Hide everything first to start fresh... $(".user").hide(); // This does not show anything...I expect the TR's that contain "Adam Smith" and "Bill Smith" in the // TD's whose id's start with "firstName" and "lastName" respectfully to be shown...but alas, nothing: $(".user").children("TD[id^=lastName]:contains(Smith):TD[id^=firstName]:contains(a)") .parent()
[jQuery] Apple dashboard-style animation in jquery?
Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com.
Sliding Icon in Nav Bar
I've been playing with jQuery and I've had a lot of success with it, but so far I haven't gotten my hands dirty enough to write a script from scratch so I've been using pre-built ones. I've got a customer who wants an icon that slides up and down along the left nav bar. I've attached a sketch my designer made that kind of illustrates what we need. It seems like jQuery could accomplish this very easily, I'm just not quite sure where to begin. Is there a plugin I should use? If I need to write it from
accordion when javascript disabled
I use the jquery accordion to provide a mini-FAQ section on each HTML page of my web site. I'm concerned to see that when javascript is disabled the tag assigned to be the accordion panel label (i.e. 'Section1' / 'Section2' / etc.) doesn't show up when javascript is disabled. oddly enough, the text part of each accordion does appear. I've tried my usual CSS tricks to get it to behave, but to no avail. The net result is that when javascript is disabled, my mini-FAQ sections become a list of answers
.slideFadeToggle bug with Chrome?
Hello, I've been using .slideFadeToggle function which is great! Just one thing, in Chrome, it will only slide down using the animation a certain amount, then the rest of the div shows up. In Firefox it looks great. Please see what I mean using Chrome: http://christianhealingonline.com/ Any ideas on a fix? Thanks!
Chaining
Hi There, I'm just acquainting myself with the basics of JQuery in preparation for my new role as a web applications developer. In the other languages I program with (C#, etc) the facility to chain invocations is present, although not recommended by experts who are proponents of clean, readable and debug-able code. What strikes me with JQuery, is that chaining seems to be a selling point almost. Yest, it minimises code, but does impact upon readability? I would like to hear a few opinions before
Submit a form which is not in the DOM
Hi, I have a form in my webpage that I would like to submit to a different action in a _blank window, but without changing the original form. So I've tried this : $('#myform').clone().attr('action', '/something/else').attr('target', '_blank').submit(); But it won't submit unless I append the new form in the page (which I don't want). Is there any way I can achieved this?
Urgent please... IE hangs after repeating a particular scenario 3-4 times!
On a web page i have one button. On clicking this button a popup window opens up, displaying an asynchronous tree i.e. lazy loading. The strings in the tree are retrieved from the database and using 'jquery' the tree is displayed. All the nodes of the tree are in the form of links. On clicking on any link, the popup window closes and the selected string is displayed in the textbox on the main page. On repeating this 3-4 times, i.e. on opening the popup window and selecting any string of the tree,
Can't get function to Trigger on Load
Have a select drop down with an ID country. This function works fine when the user selects the country from the drop down however I cant seem to get it to Trigger on load. am using Jquery 1.32 if this is useful? thanks for your help. $("#country").bind("load change", function () { var val = $(this).val(); switch(val){ case 'USA': $(".stateinput").hide(); $(".territorydropdown").hide(); $(".statedropdown").show();
Create Featured Content Slider JQuery - Amending the time on banners
Hi I am using the following code for my banner. I have got 6 set up. what I want to do is specify the time each one appears for. I can change this for all of them but I want to set them indivdually? http://webdeveloperplus.com/jquery/f...ry-ui/#respond The bit of code that chnages the speed is. How can I indvidual set each of the 6 banners to be different? $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); $(".ui-tabs-panel
BlockUI breaks under 1.4.1
Have a asp.net mvc project using jquery-ui-1.7.2. and BlockUI. When I changed jQuery version from 1.3.2 to 1.4.1, the CSS pertaining to the block ceased to render. The functions fired (verified by in-line alerts) and firebug had no complaints. Moved back to 1.3.2 and the blocker rendered perfectly.
Display multiple images on rollover.
I am trying to create a tour map application where a rollover of a dot displays several images and text. I have this working using the following combination of css, jQuery and <a> tag. Unfortunately this approach results in all of the image areas causing the other images to display. As the tour map will be quite dense, I need to limit the rollover action to the "MapDot". This page is online at http://www.surfinghydrangea.com/GardenTour.php Many thanks to anyone with a working approach! Here are
Creating and destroying CKEditor 3 depending on a selected radio button
I've been integrating CKEditor into Vanilla 1 forums using jQuery and I wanted to make it a little bit more intelligent. I would like to make CKEditor appear only when the "Html" formatter is selected. The formatter selection is controlled via the following code: <li id="CommentFormats">Format comments as <input type="radio" class="FormatTypeRadio" value="Text" id="Radio_Text" name="FormatType"> <label class="Radio" for="Radio_Text">Text</label> <input type="radio" class="FormatTypeRadio"
Basic Ajax Request fails on IE 8
Hello, i have a very simple ajax request, on Chrome and FF, IE 8 it works very well. IE 8 returns "error", "complete" the content /test.php : <div>test</div> Ajax request: $(document).ready(function() { $('#test').click(function(){ $.ajax({ // dataType: "text", url: '/test.php', // type: "POST", error : function(XMLHttpRequest, textStatus, errorThrown) { alert("error"); }, complete: function(XMLHttpRequest, textStatus){ alert("complete");
Repeated ids
Hi, just a little question, let´s supose that I load an html into a div1 element and after that, I load the same html into a div2. In this html I have an element called "myElement". How to reference each one individually ?
jQuery 1.4.2 Table filter with wild card
Hi Im looking for a solution to solve the problem that I cant use wild cards (*) in a table filter. Is there a solution with using regex in the contains part? $("#zebraFilter").keyup(function() { var s = $(this).val().toLowerCase().split(" "); $(".zebra tr:hidden").show(); $.each(s, function() { $(".zebra tr:visible .indexColumn:not(:contains('" + this + "'))").parent().hide(); }); //each }); //key up. Any ideas welcome.
Accordion with sublevels allways showing
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"> <title>Test</title> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var lastTouched; var lastType; var lastContent; var boxTop = 125; function resizeElements() { var width = screen.availWidth;
Selector to insert a DOM element inbetween every element
Let say I have this DOM: <div id="foo"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> What is the most efficient way to make it look like this in one query: <div id="foo"> <div class="newdiv"></div> <div class="bar"></div> <div class="newdiv"></div> <div class="bar"></div> <div class="newdiv"></div> <div class="bar"></div> <div class="newdiv"></div> </div>
JQuery UI Dialog
Hello Team, I have an issue that not getting solved during the last few days... Issue Details: -=-=-=-=-=-=-= I have a live content that updated using ajax arte, am working on a Forex website with a market rate values: $(document).ready(function() { $.arte({'ajax_url':'www....', 'on_success': change_data_results}).start(); }); function change_data_results(data){ $("#signals").html(data); $.arte().set('time', 1000); //$.arte().stop(); // Not stop - Keep loading every
OnClick prompt with buttons for 'Ok' or 'Cancel' without a plugin?
Hi, I'm sure this is really simple, but I can't figure out how to prompt a user before they delete an entry in my database-driven website. I have this: $("a.deleteprompt").click(function() alert("Are you sure you want to delete this entry?"); });But the only option there is 'Ok'. I need to set this up with a 'Cancel' option as well, but don't want to use a plugin like Impromptu to do so as it's overkill. Can anyone help? Thanks, osu
Absolute full screen
Ok, I asked a question previously that compared one div's height to another. It's working correctly but my approach was incorrect. Is there a way I can say.. "figure out the absolute height of document and apply that to a div element?"
Jquery problem. Working in IE not in FF
HI, I am trying to use an ajax call this works perfectly in IE but in FF and Safari it throws an error with text "error" does not make me wiser. Tried everything but it seems I am doing something wrong for FF the code Drupal.behaviors.dynamic_counter = function(context) { $('a.download').click(function () { var urlget = '/counter/get'; $.ajax({ type: 'GET', url: urlget, dataType: 'json', success: function(data) {
Match div heights
I have a 2 div JQuery slider and the height of one div id is relative and changes height values. Is there a way in jquery I can say "the height value of this div is equal to what the height value of the other div is?"
Help on Set Values in to textboxes using $getJson in MVC??
Hi, view plaincopy to clipboardprint? $("#btnAutoGenerate").click(function() { $.getJSON("<%=Url.Action("GetAutoGenerateCode")%>",function (data) { if (data) { $("#txtAutoGenerate1").val(data[0]); } }); }); In controller: <AcceptVerbs(HttpVerbs.[Get])> _ Function GetAutoGenerateCode() As ActionResult Dim arrCode As New ArrayList
Jquery .live() and google maps
Hello chaps. I have a event listener that listens for click events on a class. $('.className').live('click', function() { // Some JS }); I have some content thats loads via AJAX that works fine using this. However when clicking on a link from a goggle maps plugin I have the javascript is not fired. It IS fired in FF/Chrome just not in IE. Does anyone have any ideas why this may be happening? Is there some reason that the google maps link isn't registering with the eventLister/DOM in IE but is in
Call to separate function and forwarding parameters
Hello there, I'm new to JQuery and experiencing a problem, that I couldn't find an answer to in the forums. Actually I don't know what to search for exactly... Anyways: I got a Menu and several Divs: ... <ul> <li><a href="#" id="page1link">Page 1</a></li> <li><a href="#" id="page2link">Page 2</a></li> <li><a href="#" id="page3link">Page 3</a></li> </ul> ... <div id="page1">Content Page 1</div> <div id="page2">Content Page 2</div> <div id="page3">Content Page 3</div>No I want to set up a "universal"
need help in creating textarea
hi I am trying to create a textarea. There is a default text inside textarea. so when user clicks inside textarea then submit button appears and default text disappears and when user clicks somewhere else or outside textarea then it gets back to original state i.e, default text appears back and submit button disappears. here is what i did sofar. in this code when i click inside textarea then submit button does appear but text does not erase and when i click outside then button remains in sight. <!DOCTYPE
Toggle to open one div and close all other open divs.
I have multiple parent sections on the page. Each section has 3 child sections. Each parent toggles open and closed. and within each section there are buttons to toggle the children open and closed. In the case of both the parents and their children, when a parent is toggled open I want the other parents to toggle closed . The same applies to the children of each parent. I want to close all the other open children when a child is toggled open. Rather like some accordions - which I can not use for
jQuery .removeClass is crashing Firefox 2
Good afternoon jQuery gurus. I have been jQuery for all of my flash projects as a means to remove the flash div from the site when the flash piece has finished its video and/or animation. The snipit of code is as follows: function removeElement(){ $("#div to be removed").remove(false); } When the flash portion has completed its task, it then makes an ExternalInterface.call to execute this removeElement. I have no problem with this code in IE6, IE7, IE8 or Firefox 3, but only when in
jQuery inside jQuery
I am working on a web page that is using jQuery. I have an ajax call PHP page and gets data from the server an updates a div. Inside that data there is a jQuery function that active popup page when i click on link; when i click on the link that retrive on the div it not active the popup jQuery. how i can active the return jQuery in the div ?
When trying to hide table rows and, style is being set to "display: table-row"....
Hey all. I have a search application where I'm allowing the user to hide items that have a zero quantity. Items with a zero quantity have a class assigned to that row which is used to hide the row. When the user clicks the button to hide the zero items, it works fine. When they hide the zero items and do subsequent searches, some of the zero quantities are hidden and some are not. Using inspect element via Firebug I can see the row has a style of "display: table-row" for the ones that should be hidden
$('.class').click() remove links (a class="class" ...) in chrome on mac os
$(document).ready(function() { $('.OpenPage').click( function (event) { var link = $(this).attr('id'); var resolution = $(this).attr('name'); var width = screen.width; var height = screen.height; if(resolution) { resolution = resolution.split('x'); width = resolution[0]; height = resolution[1]; } else { width = width-20;
function (blurClass) not working in IE properly....
I can't get this plugin to function properly in IE.... Check out my homepage and look at the huge search field toward the top... www.naturalskin.com Whenever I refresh the screen the "blur" looses its function and I'm stuck with text..... Here is the script that I place in an external js page: http://www.naturalskin.com/src/js/javascript/batches.js jQuery.fn.hint = function (blurClass) { if (!blurClass) { blurClass = 'blur'; } return this.each(function () { // get jQuery version of
Next Page