a deep select question
I got a three level ul, is there and skill to control the third li more smart? // my way $('ul:first > li').each(function() { $(this).find('ul:first > li').each(function() { $(this).find('ul:first li').each(function() { console.log($(this).html()); }); }); }); the structure <ul> <li>a <ul> <li>a1-1 <ul> <li>a1-1-1</li> <li>a1-1-2</li>
Scrolling Problem in Chrome/Safari
I'm making a Wordpress Theme for my blog website and I'm having trouble getting it to scroll properly in Webkit browsers (Chrome/Safari). In order for me to show the WordPress stuff without installing it on my server, I just copied the code from the one on my local computer. Because of this, you can't click any links on the page, because they just link to files on the my computer... Anyways, http://lashan.anasatzqui.net/AnetMag/, that's the demo for the website. You can click the two dark bars at
Selecting the next specified element?
Hi, When I click on my h3 tag I would like to do a replace on the next "dframe" element (not all "dframe" elements). I've tried the code below but it doesn't select the next specified element. I guess next() only covers the next sibling? Does anyone know a way of executing this? $(".regionfulldublin h3").click(function() { $(this).next('dframe').replaceWith('<iframe></iframe>'); }); Thanks in advance!
Why can I not insert json data in children of a clone() element?
Why can I not insert sale.title in a clone() element's children, but I can insert it in the main element? Am I using the wrong approach to HTML-format JSON objects? The part that I don't understand is shown bellow: // THIS WORKS element.append(isale.title); // THIS DOES NOT WORK - WHY? element.children(".sale_title").append(isale.title); }; This is my code: <!DOCTYPE html> <html> <head> <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jQuery with swfobject - crashing firefox 3.6
Hi all. I'm using jQuery to swap an embedded flash video (one from vimeo and one from deviantArt) but Firefox 3.6 crashes when the new video is ready to be embedded. I think it must be something to do with the flash itself as the .click fires correctly and the white background of the new video appears before the crash. The url is http://www.ogonline.org/portfolio And the code I'm using is: var flashvars = {}; var params = {}; params.bgcolor = "#ffffff"; var attributes = {};
Getting undefined message from post request
Hi, I don't know the reason of getting the message as 'undefined' in alert dialog box, whenever I do the post request to servlets from jquery after clicking login button. Here's the code which's making me bugged: $.post("Check.do", $('#form').serialize(), function(data){ alert(data.message); //displaying undefined }); } the request is passing to servlets(which is mapped to Check.do URL), and in doPost method in servlets I'm just doing: response().getWriter().write("Hello"); May I
Question about cloning a table row and changing various ids
I'm new to jquery so I'm having a bit of an issue cloning a table row and having all of the id's change correctly. I'm able to clone a row with no problem and change the id of the tr after clicking a button by doing this: var newId = document.getElementById("id").value; // This works because I am using a hidden input for my id $(id).clone().attr("id", "row" + newId).insertAfter("#div_id");// This changes the id of row The problem I am having is when I want to change the other id's inside of the tr.
updating source code with ajax
Hi, I have a question concerning the updating of the html code after an ajax request to the server. I have a table with some data retrieved from the server, according to a value selected from a select box. The table is regulated with the tableSorter plugin, and this works correctly. But if i add the pager plugin, it doesn't work correctly, showing me the default values, i.e. the values in the base html document (not updated with the ajax calls), or, if i cut off these values, it does not work properly
Compatability Problems
Hi, I am trying to get UI Tabs and easySlider 1.7 to work on the same page, but unfortunatley i have been unable to do so. This is the code i have been using but still to no effect. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> <script> jq = jQuery.noConflict();
jQuery Ajax or rather Javascript question
Hi all, I'm doing a search e.g. for "1984" through an ajax call. The server deliveres JSON like this: ... },{ "HitSource":"Book", "HitField":"Title", "Author":"George Orwell", "Title":"1984", "Description":"nine teen eighty four", "ISBN":12345678, "Pages":"123" },{ },{ "HitSource":"DVD", "HitField":"Description",
Tooltip
Hi, Could you please check and tell me how to display tooltip for a MOSS 2007 List Header field with tooltip as field description info. Thanks.
jQuery for loop - fadeIn not completing before iterating
Sorry if this is a repost. I posted a similar question but it doesn't seem to have got moderated yet. Anywho, so I have a for loop where I am applying a fadeIn for each element in a div group. As I'm for looping through each element, the loop doesn't wait till the fadeIn applies completely on one element .. before going to the next iteration. So what I'd want as a step by step fading in is now happening all at once. here's my code. Thanks a bunch ! // line_tmp, new_font_size is decided elsewhere..
accessible animated dropdown menu
hello, been looking all over and couldn't find a drop down menu that is also accessible. this is the most accessible menu i could find : http://carroll.org.uk/sandbox/suckerfish/bones2.html but for the life of me i can't add animation to it and keep it accessible. also i need it to go up instead of down which isn't making it easier. has anyone here ever seen or made an accessible animated menu ? thanks
appendTo() and html()
Hi there, I want to insert a button with an onclick command using this code: $('<li></li>').appendTo('#insertImg').html('<button onclick="document.execCommand('InsertImage',false,'http://stiern.com/site/wp-content/everything/weddinginv.png');")>Insert IMG</button>').addClass('success'); But I can't seem to make it work. What could the issue be here? It insert the button, but the onclick action doesn't work. I've tried like this as well: $('<li></li>').appendTo('#insertImg').html('<button onclick="document.execCommand("InsertImage",false,"http://stiern.com/site/wp-content/everything/weddinginv.png");")>Insert
Loading large amount of (small) images
Hey all, I'm working on a project that involves a page with a large amount of images (sometimes 400+). What's the best way to handle this? Should I track the loading-state of all of them, or is it save to assume I can do stuff as soon as the last image is loaded? So.. should I do something like this: $('img').load(function() { //do stuff };(which is pretty heavy..) or could I safely use something like this? $('#last_img').load(function() { //do stuff }; Thanks!
Jquery with 2 functions in source page..
In my Home page ,, I have 2 image slide shows... I used different jquery for that.. Problem is that.. each is working fine individually .. when integrated ,i am runtime error.... one script is ..(1st function) <script type="text/javascript"> $(function() { $(".newsticker-jcarousellite").jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:500, speed:1000 }); }); </script> another.. <script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_photos').galleryView({
Lightbox causes textarea to lose focus
Hi there, I'm working on a WYSIWYG editor. I have a textarea that I'm using for the editing. Also, I have a button to insert images. When I click the button, a modal window opens, and the user can upload images, enter title, etc. The problem is, that once I click inside the modal window, the textarea loses focus—and then the image can't be inserted at the cursor position. How do I prevent the textarea from losing focus? Thanks, Peter
transparent png problem on slideshow in IE (turns white?)
Sorry if this has been posted before, but I couldn't find it through search. I'm having a problem with a transparent png background when using the jquery slideshow. I have a div that is 970px wide with a padding of 15px. An image is placed inside the div, filling the 970px width, and the border then becomes a 15px transparency, as the background is set to the transparent png. However, when viewed in IE, the transparent png turns white. How do I fix that? Thanks in advance.
manually insert start <div> and end <div> tag
I have requirement to manually insert div tag at select locations, I have shown the html and my requirement, please see if you have a solution Existing <table id="f1"> <tr id="t1"><td>First set</td></tr> <tr><td>set1 content</td></tr> <tr><td>set1 content</td></tr> <tr><td>set1 content</td></tr> <tr id="t1"><td>Second set</td></tr> <tr><td>set2 content</td></tr> <tr><td>set2 content</td></tr> <tr><td>set2 content</td></tr> </table> Requirement: note: row id="t1" is a guid set at runtime, after rendering
jQuery 1.4.2 IE 7.0 permission denial error
Recently switched to use core 1.4.2, and found that sometimes on XP IE7.0, I will get permission denied error when using ajax call, and the debug traced it to the following function: xhr: window.XMLHttpRequest && (window.location.protocol !== "file:" || !window.ActiveXObject) ? function() { return new window.XMLHttpRequest(); } : function() { try { return new window.ActiveXObject("Microsoft.XMLHTTP");
Using Similtaneous Jquery Codes and Plugins
Hey All, So this is my first Jquery Post and I am in need of help please. I am a complete novice with jquery hence why I am in need of help. I am working on a site for someone I know. The site is built on Wordpress using a Coda Slider theme along with using Fancybox and also a Jquery hover technique. (These are not plugins via Wordpress). The Coda slider works using this Jquery file: http://www.architectds.com/test/wp-includes/js/jquery/jquery.js?ver=1.3.2 while there is also a global file: http://www.architectds.com/test/wp-content/themes/architectds/script/global.js
.load problems
Here's the basic idea... I'm loading content into a page, then resizing the container to the left of the loading container to become the same size. I have a live example: http://ola4.aacc.edu/virtualcampus2/ But if you press something that's even remotely long? For example click "QM Recognized Courses" under "Quality Matters" and you'll see that from "Patricia Gregory" and down doesn't load. Which is really weird. Here's the section with Patricia Gregory and some lines surrounding it. <span class="course">The
slideUP / slideDown severyl DIVs
Hello Everybody, unfortunately I am new to Jquery and was wondering how it is possible to open one DIV while closing all other DIVs ( or maybe just the open ones) all with the same CLASS. I know that the accordion does just that but I ran in some other issues there, because I was not able to use another DIV to trigger the accordion (I am posting that exact question under another topic though because someone else might find the answer more usefull and easier) Right now I am Using the Toggle, which
Immediate Child selectors
Hi, How can i select immediate children of an element only. Like i have <div class="widget"> <ul> <li><a href="google.com">Google</a> <ul> <li><a href="Gmail.com">Gmail</a></li> <li><a href="gdocs.com">Google Docs</a></li> </ul> </li> <li><a href="Microsoft.com">Microsoft</a></li> <li><a href="yahoot.com">yahoo</a></li> <li><a href="hotmail.com">Hotmail</a></li> </ul> I only want to select the first 'li a' from
jquery tabs question
Hi, I have a question about jquery tabs. When I load my page the first tab is always opened. Is there a way to have all the tabs closed when I load my web page ? I used collapsable tabs. Thanks ! and sorry for my bad english.
Simple Formulary with Jquery
My question it´s about how i can de most simple way my formulary by Post I create this <script> $('#forma').submit(function() { $.ajax( { type: 'POST', url: $('#forma').attr('action'), data: $('#forma').serialize(), success: function(data) { $('#result').html(data); } }; </script> <div id="result"></div> <form name="forma" method="post" action="result.php"> <input type="submit" name="Submit" value="Enviar"> <input type="text" name="name"> </form> I want know also how i can redirect if the result
Suppressing tooltips with Lightbox not working
Hi everyone, I'm trying to suppress the browser's tooltip when someone hovers over an image that Lightbox uses to generate the text in its popup window. I also have clueTip installed, but all that did was remove the text from the lightbox popup and move it to the cluetip popup. I tried to save the data using .data and then removing the title attribute, then adding it back, but that didn't work either. It would still show the browser's tooltip. Here's what I tried to do: $('[title]').each(function()
auto click from menu jQuery
Hi. I have a problem with auto click function jQuery. I use jQuery menu EXAMPLE - (firstmenu) - its good, but I need use auto click to Header-1 (div block <div id="CLICK" class="menu_body"> ) and to open a menu with Link-1,Link-2,Link-3 <p class="menu_head">Header-1</p> <div id="AUTOCLICK" class="menu_body"> <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a> </div> <p class="menu_head">Header-2</p> <div class="menu_body"> <a href="#">Link-1</a>
Problem with .click in IE and Safari
Hey there! I tried to make a Navigationbar with jQuery. At Firefox it works perfectly, but at IE an Safari I don't get any reaction. Here the HTML: <div style="float:left"> <img src="navigate.png" width="184" height="32" class="menu_head" id="menu_head1" /> <ul class="menu_body" id="menu1"> <li><a href="#">About Us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Clients</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Support Forums</a></li>
IE invalid argument
I am receiving the following error on IE8: Invalid argument. jquery-1.4.2.js, line 5899 character 5 Now I have used the debugger, and this seems to be the only error it catches. And I realize that I could go through each line of what I wrote and figure out what line triggered this portion of jQuery. However in the interest of making jQuery better, I want to understand this error and fix it in the jQuery file. There is no error in FF, Chrome or Safari. Below is my code: $(document).ready( function(){
Lost page state after pressing back button
Hi there, I have a page where a user can progressively download more thumbnail images. New thumbnails are loaded using '$.get' followed by an 'append' to the main thumbnail container. If a user clicks on a thumbnail then they link to another page to see the full size image. If the user then presses the back button, the page of thumbnails has returned to its initial state. I was hoping that all the additionally downloaded thumbnails would remain in memory! Is there a way around this? Keeping track
.live() doesn't work properly
Hi everybody, I'm trying to use the .live() function but I'm having a trouble. I call some buttons using the $.ajax() method with something like this. It's on PHP: foreach($vPerm as $vetPerm){ switch($vetPerm['transacao']){ case "CADASTRAR": if($vetPerm['permitido'] == true){ $tpl->TRANSACAO = '<button class="fg-button ui-state-default ui-state-active" status="ativo">CADASTRAR</button>';
.children.children.children.children, is there an easier way?
Hey Guys, firstly thanks for taking the time to read this! So I'm just starting out, and having a little difficulty understanding how to target other html markup around a certain 'on click' item. here's the setup: <ul> <li> <a> - Click Function <ul class="replies"> <li><form><p><TEXTAREA /></p></form></li> </ul> </li> </ul> So when the user clicks the anchor the text is inserted into the following textarea. I achieved
.hasclass problems
i have this code $('.paginationli1').click(function(){ $('#morepostul').load('script.php'); if($('ul#morepostul li').hasClass('morepostli')) {
How to detect empty td and merge it?
How to turn table A to table B? A text empty empty text text text text text text text text text B text empty text text text text text text text text text
Phenomenon with reading out textfields
could somebody please explain me this phenomenon? if ($('input:#hohe_innen').val()< $('input:#hohe').val()){ $('#msg').html("Innenmaß ist kleiner Außen"); } else { $('#msg').html("Inner size is bigger than out size: cause inner "+$('input:#hohe_innen').val()+" and out "+ $('input:#hohe').val()); } Browseroutput: Inner size is bigger than out size: cause inner 50 and out 100
Phenomenon with reading out textfields
could somebody please explain me this phenomenon? if ($('input:#hohe_innen').val()< $('input:#hohe').val()){ $('#msg').html("Innenmaß ist kleiner Außen"); } else { $('#msg').html("Inner size is bigger than out size: cause inner "+$('input:#hohe_innen').val()+" and out "+ $('input:#hohe').val()); } Browseroutput: Inner size is bigger than out size: cause inner 50 and out 100
Jquery Plugins conflict.
Hi All, I am trying to incorporate two javascript plugins on the same page. One is the galleria and the other is stepcarousel. I have been able to modify both of them to my needs, and I have got them working on individual pages. However, when I am trying to get both of them working, any one of them is not working. In this page, you may see the stepcarousel working, but the galleria is not working. In this page, you may see that the galleria is working. Here there is no stepcarousel. I have googled
Which WYSIWYG text editor is used in this forum?
From the included Javascript files, I can't tell it.
$.ajax() problem
Hi All, I have problem with $.ajax() not sending data correctly or possibly an ajax race problem. I have a form that allows a user to perform a group edit action (a user can select more than 1 record to edit), the problem is that only one record gets updated when a group edit is performed, but if the user selects 1 record the editing works fine. I googled and found the Ajax Queue Plugin, but when I add the option "mode: 'queue'", then the $.ajax() does not send the data to the server at all and there
Next Page