[jQuery] traverse complete DOM of a webpage
Hi I am new to jQuery.I have a problem where I want to traverse through DOM.For example a complete webpage.Is there any jQuery way to traverse complete DOM of the current page where the jQuery script resides ? Thanks in advance. - Sourabh
[jQuery] Net Tuts interviews Karl Swedberg
I post this since Karl is way too humble to do so himself A good read for those that may have not seen it yet http://net.tutsplus.com/articles/interviews/jquerified-with-karl-swedberg/
[jQuery] Skype toolbar in IE7 is crashing jQuery Tabs plugin
Hi! I didn't suspect that it will cause problems, but found that Skype plugin is pasting some JS code into ready page and it search for number which are telephone like. Unfortunately when it matches, it is pasting js code. When tab is changed and I'm returning to the same page tab content is pasted second time in this tab. When I'm doing that again it's pasted third time... It's only happening on tabs on which this toolbar found telephone number. Do you know some workaround or solution for that?
[jQuery] json indexing not working for me
the basics: php, jquery, javascript<div> </div><div>server side ajax_member.php (bascially try to send what I get back to the client,.. for testing!!!)</div><div><div><?php</div><div>$arr = $_GET;</div><div>$myjson = json_encode($arr);</div> <div>echo $myjson;</div>?></div><div> </div><div>client side:</div><div> </div><div><div>var data =</div><div>{</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>"mybutt" : "is so big!",</div> <div><span class="Apple-tab-span" style="white-space:pre">
[jQuery] Problem in success function
<br clear="all"> $(document).ready(function(){ $("#txt_airport_code").keyup(function () { //var getValue = $("#txtUser").attr("value"); var emailInfo = $("#msg1"); var airport_code = "airport_code"; $.ajax({ type: "POST", data: "str="+$("#txt_airport_code").attr("value")+"&code="+airport_code, url: "check.php", beforeSend: function(){ emailInfo.html("Checking Email..."); },
Select all radio buttons with same value?
Good morning. I have a list of items in a table. For each item, I have a set of radio buttons, with values of 'yes' and 'no', and a name/id unique to the item. There can be any number of items at any given time (usually 20-30) I would like to have a link at the top that will select all of the 'yes' values and one that will select all of the 'no' values. I have been able to select using name and value, but I need to be able to select soley by value, as the names will all be different (it should be
[ .html() ] Automatic transformation tag ??
Hi all, I have a problem with .html() method of jQuery... This command change the code who is insert, for example, this is my code : var url_ajax = [...]; $.ajax( { url: url_ajax, success: function(rep_ajax) { $("#jqueryui_id").html(rep_ajax); /* test */ alert(rep_ajax); alert($("#jqueryui_id").html()); } }); this code reply two alerts : alert(rep_ajax); <div> <form action="traitement.php" method="post"> <select
[jQuery] HELP jQuery and Ajax form submission !!!!!!!!!!!!!!!! help ! help !! help !!!! help !! help !! help !!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#993399"> <small>Hi Group , I had a problem using jQuery and cakephp, I am submitting a form through the jquery, on the click of an image. All validation is checked , data string is formed, success function works but the url is not hitted , dont know why. </small> <small>Here is the javascript code, </small><font color="#cc0000"><i><small><script type="text/javascript"> function CheckEmail(email)
[jQuery] not this parent
I have a code like this: $("div#submenu a").click(function(){ if($(this).attr("href") == "#"){ if($(this).next("div").is(":hidden")){ $("div#submenu div:not(div.cornerlt, div.cornerrt, div.cornerlb, div.cornerrb)").slideUp(); $(this).next("div").slideDown(); }else{ $(this).next("div").slideUp(); } return false; } }); Here $("div#submenu div").slideUp(); I have added several divs like with class cornerlt don't get selected.
Problem with selecting objects in dynamically generated HTML
Hi guys. I hope you can help me with my little problem with jQuery. I'd like to do something like this: After the page is loaded I have some forms with submit buttons. The buttons have a class called "open". By clicking any of these buttons the script is using AJAX to take some data from database and add some HTML to the document. This part of generated HTML has also buttons with a class "open". By clicking any of the new buttons script should do what it does with the old ones. The problem is I have
[jQuery] Attaching a UI Draggable and Plugins to created elements
Hi there, I know about event delegation and re-binding to attach events like "click" to newly created elements, but how is this done for UI Draggable and Plugins? If I attach draggable to a set of original divs then they drag ok. If I programatically create a new div followed immediately by some code to attach UI draggable then the draggable is not attached. If I put a button in the page to manually attach UI draggable to the new div then it works ok. So, it seems like there is a timing issue, which
[jQuery] Parsing a very large xml file
I have a xml file about 2MB. When i try to parse it my browser stops responding... Any good advices for parsing large xml files with jquery?
[SOLVED] Using 'this' and other variables within Selector
Hey guys, I have found many pages and posts helping me learn all (there are so many!!!) the ways that items can be selected using jQuery's selectors. My problem is that I can't get some variable calls to work, such as using the 'this' variable, here is my code: $('.itemparent').live('mouseover',function(){ $(this + ' > .itemchild').addClass('red') }); So the problem with this is, I'm trying to add control to child items to the root item, but cannot seem to figure out the syntax. I know how to use
[jQuery] run javascript code within remote:jQuery.format()
jquery validate plugin Is it possible to run javascript code within remote:jQuery.format(). this works remote: jQuery.format("test" + alert('test')) but this doesn't work. error in firefox/firebug: syntax error remote: jQuery.format("test" + var x = 'test') this works partialy remote: jQuery.format("test" +" var x='test'") displays as test var x = 'test' Am i missing something or is it just not possible? If possible what would be the correct syntax?
Need smoother animation...
Hi! I created a navigation system with an arrow indication wich menu header is selected. im using jQuery to animate the top of the div containing the arrow image. making int look like its moving smooth. Problem is that i have 1 .hover functions for each menu coice. so if i move the cursor fast across the coices and stop att coice nr4. the arrow will stop at each menu choice i hoovered before it stops att the one currently selected. here is a demo: http://oscarkarlsson.se/animation/ is there a way
[jQuery] DOM Ready Alternatives
I know this isn't exactly the best group to ask this in but I was wondering if anybody had any information (I suspect someone in here was a part of the discussion) on this as I can't seem to find anything. A while ago there was a DOM Ready discussion that showed multiple ways to achieve DOM Ready. One of the methods was to introduce a second head element after the body tag. Strange I know but the discussion pointed to an MSDN article that suggested this approach and I am trying to find this article.
[jQuery] Updating two div's
I have an issue where I have two div's, one holds the main content and the other images that go with each section of the main content. I have jquery and ajax updating the main div however I need help on changing the images when the user click on a menu item. Below is what I'm using to change the content of the main div when the user selects a menu item. Thanks in advance! Tim <script type="text/javascript"> function loadContent(id) { $("#content").load("pages.php?o="+id+""); } </script>
[jQuery] Cluetip + imagemap = overflowing edges
Hello, I've been using Karl Swedberg's fantastic ClueTip plugin to display various information when a user hovers over areas on an imagemap. All works perfectly, pulling information from a variety of sources, but there seems to be no edge detection. When the clueTip is too close to the bottom or right edges of the screen, it does not flip to the other side of the cursor, as I would expect (and as works on other elements). I know there was some discussion of this last year (http:// groups.google.com/group/jquery-en/browse_thread/thread/
[jQuery] Form validation - Add "http://" to text field if user forgot it
In my form I have a couple of text fields into which the user enters links. <input type="text" name="link1" id="link1" /> <input type="text" name="link2" id="link2" /> <input type="text" name="link3" id="link3" /> Now I want to create a function that runs after the user has entered a link. It should automatically add "http://" in the beginning of the link if the user forgot it. How do I do that?
[jQuery] How to deal with running id fields?
So heres my jquery code $(function() { $('#test').live('click', function() { $('#test').after(' Hello world!'); }); }); and this is my php part foreach ($out as $key => $value) { $i = 0; echo $value['name'] . ' : <input id="test'. $i .'" type="text" name="'. $key .'" /> '; $i++; } I have unknown amount of input fields with running id. What I try to achieve is to add the text content under input field when the field is clicked. And if the text is already added it should
[jQuery] Why does IE7 fail raeding image dimensions
http://navigate.de/dev/caption.html Any ideas why it works nice in modern browsers and even IE6, but IE7 refuses to do the magic? Thanks in advance.
[jQuery] Why does this work in FF - but IE fails?
What am I missing here? I'm trying to adjust the wrapper-div's width to match the actual image width... http://navigate.de/dev/caption.html any advice appreciated!
[jQuery] Superfish
Hello can some one tell me how build Superfish menu to be RTL direction
[jQuery] Already Exist jquery plugin
Hi All ,<div> </div><div>Name of Plug in for User or Email already exist ,</div><div> </div><div> </div><div><br clear="all"> -- Regards B.S.Bharanikumar <a href="http://php-mysql-jquery.blogspot.com/">http://php-mysql-jquery.blogspot.com/</a> </div>
[jQuery] How to prevent a particular field being submitted in form submission
I have email, password and some other fields, and I'm using $.post to send data. $("#MyForm").submit(function(){ $.post('/register.php', $(this).serializeArray(), callback, "json" ); return false; }); In Ajax form submission, I don't want to submit a particular field. The serializeArray() method returns all the fields in the form. So, I tried something like this to prevent the password field being serialized. var serialized = []; $(this).serializeArray().filter(function
[jQuery] SlideToggle using <dl> not working in FireFox (Mac)
Hello, I just included some Jquery on my portfolio page. Every project slide open and close when you click on it. http://wopij.com/work But I just found out that it doesn't work in Firefox on my mac. It does in Safari (I can't test on windows). I put everything in a <dl id=workcontent>, so the project names in a <dt> and the content in <dd>. I let Jquery look for the <dt> and if you click on it, it will slide open. $('#workcontent').find('dd').hide().end().find('dt').click(function () { $(this).next().slideToggle();
[jQuery] Any way to make an anonymous function die?
I am using .live() in jQuery 1.3.2 to assign a dynamic click event to multiple Select lists. When one of the lists is clicked on I would like to have that particular list to no longer be "clickable". Here's the issue. I currently assign the click function in .live() with an anonymous function, so the only thing I have been able to do so far is $(this).die('click') when a Select is clicked on. This, of course, kills the event for ALL my Selects. Does anyone know of a way to do this without creating
Start Webpage in certain area
Looking for a script that will start a website at a custom location (ie. www.yoursite.com starts page at top: 800px, left: 400px) I am NOT looking for any sort of popup window positioning. When a visitor access the site using their browser I want that page to start at a location I specify like this website does: http://volll.com/ -- Please note, I realize this site uses anchor tags to accomplish this. I'm not good enough at Jquery to know how they did it, or modify it so that it also handles points
[jQuery] Help getting a variable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=428560922-02062009>I am trying to get 2 variables....but not sure how I can get them from the form</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=428560922-02062009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
FCKeditor clone issue
Hi Guys, This is my first post to this forum, which I just joined, looks promising to me I am into serious FCKeditor issue while cloning, it works fine in IE 6/7 but it's not getting instantiated in FF 2/3. Test URL: http://www.mohammedarif.com/test/clone_fckeditor.html This piece of functionality is really important for our project. Also want instance name keeps increase in var oFCKeditor = new FCKeditor('FCKeditor1') Should be FCKeditor2 when we clone first time so on and so forth. Is there a way
[jQuery] jquery animate and click together...
I've been looking for an "Ajax CMS" but decided to learn jQuery to learn how to code it myself in order to keep earning some Geek-girl cred among my male colleagues. I've learn a lot about jQuery in a week but as you can imagine I still have a lot to learn. I have successfully animated an image (move to the left and increase opacity) when the mouse hovers a div and reset the image (move it back to its original position and reset the opacity) when the mouse move outside the div. So far so good...
jquery animate and click together...
I've been looking for an "Ajax CMS" but decided to learn jQuery to learn how to code it myself. I've learn a lot about jQuery in a week but as you can imagine I still have a lot to learn. I have successfully animated an image (move to the left and increase opacity) when the mouse hovers a div and reset the image (move it back to its original position and reset the opacity) when the mouse move outside the div. So far so good... Here comes the question for you Experts: What I need to do -and don't
How to turn 'this' into a jquery object?
How do you turn 'this' into a jQuery object so that you can invoke jQuery methods on it? For example I have this code currently: <tr onmouseover="this.className='highlight';" onmouseout="this.className='';"> But I would like to use jQuery's addClass and removeClass function. So Ive tried things like: this.addClass('highlight'); ,which doesnt work I assume because this is not yet a jQuery wrapped-object and $('this').addClass('highlight'); , which doesnt work because I guess its like calling document.getElementById('this')
Capturing/Fetching/Grabbing live information
Hello! I was wondering if it was possible to capture the live informations from sites like www.swoopo.co.uk I've tried with php, actionscript but they don't capture the "live" informations and when I try with ajax it just returns a security error so I can't even know if it actually reads the informations I need. So I was wondering if using jquery would sort the problem or not ?
[jQuery] TreeView - what alternatives are there?
I like TreeView, but its a little bland. Is there anything with similar functionality?
[jQuery] jCarousel sliding 2 items
Hi there, I just set up a jCarousel and I am impressed of what it's capable of. I display two items at a time and want to scroll two items per click. Currently there are 6 items in the <ul> containing the data for the carousel. Apperently, I got a problem with sliding always two. My problem is that the carousel is sliding the first two items completely but after that only one at a time. Has anyone an idea what I have done wrong? Here is the HTML: <ul id="mycarousel" class="jcarousel-skin-erstbezug">';
[jQuery] Equivalent of Event.observe
I'm trying to make the cursor focus on a certain input element when someone hits a certain key combo (such as Shift+S). Does anyone know how you attach a listener like that and bind it to a key combo? Thanks in advance, Adam
[jQuery] jquery dialog - close if clicking outside dialog area?
Is it possible to have the jquery ui dialog close when clicking outside the area of the dialog? Like facebox? Thanks.
Multiple Fades (FadeIn, FadeOut, FadeTo) become jittered
I have a galley of 9 images in a row. Each has the class '.galleryitem', and when mouseover any of these, I want the current item to remain 100% visible, but the other 8 items to fade to 50% transparency. I use this code: $('.galleryitem').live('mouseover',function(){ $('.galleryitem').stop().fadeTo(400,.5); $(this).stop().fadeTo(0,1); }); $('.galleryitem').live('mouseout',function(){ $('.galleryitem').stop().fadeTo(400,1); }); This works fine (although I'm not sure if the second line in
Jcarousel Lite flyout
Hi, I have found parts of an answer to my question on the forum. I have not been able to piece it together. What am trying to do is have three images. When you mouseover one image, a jcarousel lite menu should appear to the left of it. When you mouseout, the jcarousellite menu should disappear. I want this to happen for each of the three images. How would I do this? Thanks and I appreciate the help as I am a newbie.
Next Page