.load Question
I'm trying to use .load to get a simple web page. In the documentation for the .load function, I see that I can just return parts of page. I pass through the <body> element in order to just get the body, and not the headers of the html document, however in FireFox, it seems to still be returning all the headers. How can I use .load to ignore the headers.
Create Featured Content Slider - HELP NEEDED!
Hi I am using the following code to create a banner area like the one at the following link. I have 6 banners http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/#respond What I am trying to do is from a content management system let users select what order they want the banners to appear. Here is what I have done, I basically split up the sections, I have a yes/no drop down so that you can choose if you want a banner to display or not and also a drop down numbered 1,2,3
jQuery Performance
I am profiling my application homepage for Javascript performance using a tool called DynaTrace. As per the tool I see some jQuery piece of code contributing about 5.6 secs to overall time. Can somebody suggest what this piece of code does and scenarios under which this piece of jQuery code executes. The function 'oa' keeps repeating as i drill down the nodes -
Stoppping click but unbind, :not and stopPropagation don't seem to work
I have a small piece of code that opens and closes and accordion on click (an allows a user to have multiple ones open at once). $('#accordion h3').click(function() { $(this).next().slideToggle('slow'); return false; }).next().hide();This works fine, but sometimes I have an input field inside the h3 and I don't want this to activate the accordion if it's clicked. I have tried several attempts, but i can't get anything to work. Any ideas? Instead of just targeting the input
Superfish hover subnav background image
hi. i got the superfish navigation in my wordpress site. so i have a two level navigation. an now my problem. how can i make it possible to change the background image of the subnavigation. each main nav point should have his own background image to show up in the subnavigation. this should happen by hover and by active subnavigation points. i will be really happy if somebody could help me ;-) cheers stefan
.click doesn't work in IE7 unless I mouse away and back
The page I'm creating is http://s91439.gridserver.com/temp2.html. In IE7, the slideshow works fine until you get to a td which contains two img's. Then when you click you get a generic "invalid argument" error. You keep getting that until you mouse off the button and back on. Then you can click to advance the slideshow again. IE7 is the only browser where this happens.
Tree
Hello, I have a simple unordered list where I don't have any bullets on the list items. Only some padding for the child items. <ul class="Tree"> <li>Articles <ul> <li>Create</li> <li>List</li> </ul> </li> <li>Documents</li> </ul> Basically I would like to hide the child UL list when I click articles and show it when I click it again. And if possible to save the state in a Cookie. I have been looking for the plugins I see work by clicking a + before the word.
Extra newline <br> seems to appear when attempting toggle or slideToggle (?)
I have a div block with some text ... half of which is hidden (at first) in a span. When clicking on a link at the end of the visible half of text, the remaining half should slideToggle, revealing itself and hiding the link that the user just clicked on. All works great except an extra newline <br> seems to appear where the link was and I cannot seem to get rid of it. Any assistance would be greatly appreciated! <html> <head> <script type="text/javascript" src=" http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script
How do I parse a perfectly formed .getJSON result
Hello, Still new to the JSON scene, and clueless about what to do with the result of a well-formed JSON result from the server. $.getJSON('../xmpx/formdev.cgi', $('#contact').serialize(), function(result) { console.log(result) shows:; [{"errors":[{"name":"cannot be blank"}, {"email":"address does not appear to be valid or is blank."}, {"name":"cannot be blank"}]}] I would like to have access to the errors array, having the key and value for each. console.log(result.errors) is empty. Where can
Using event.preventDefault(); and return false
1. I understand what event.preventDefault(); does, but does it need to be used in case where the href in the a-tag is a hash: <a href="#" id="someid">Click</a> 2. When should I use: return false; in my jQuery function? What does it do? Thanks
Looking for a plugin...
I'm lazy and a firm believer in not re-inventing the wheel. I am looking for a plugin that is primarily used for a gallery, but has paging ability. So say i wanted to show 6 thumb views of some flash videos on a page at a time like so: [==] | [==] | [==] [==] | [==] | [==] I would want an arrow on the right to navigate to the next page and the option to list pages across the bottom, ie First - 1 - 2 - 3 - etc - Last. Upon navigating to the next page i would want an arrow to show on the left side
How to make this work in IE?
The following snippet works in Firefox and Opera as expected, but not IE8. In Firefox or Opera, when I click button 1, it pops up 1a; click button 2, it pops up 2a and then 2b. I believe IE does not like those non-html tags. What is the best way to make this work? Is there a way to make this work without getting the XML portion through a separate ajax call? <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">
Data Objects similar to Spry?
Since JQuery has become so main stream, I've decided to be bold and take the jump. I'm having a bit of an issue with Data objects. I seriously love how easy it is to work with data in Spry, where I can pull XML or JSON and bind it to a Spry dataobject and go at things from there. As a matter of what this is the main reason why I started using Spry because it was easy to work with data, and I did'nt have to come up 101 lines of javascript code. Anyways, are there any equalivent easy to work with
Need help Please
Hi there, Ive been trying to archieve a jQuerry script to allow an iframe "src" attribute to change to the "title" attribute of a clicked link. The reason i made the iframe "src" gather its link form the "title" attribute instead of the "href" attribute is simply to avoid pc's that arent fast enough to parse all the scripts to get linked off to the page specified in the "href" - i found this is necessary because it often occuered that when the PC ran low on resources and once a user clicked on the
Iframe "src" attribute to change to the "title" attribute of a clicked link.
Hi there, Ive been trying to archieve a jQuerry script to allow an iframe "src" attribute to change to the "title" attribute of a clicked link. The reason i made the iframe "src" gather its link form the "title" attribute instead of the "href" attribute is simply to avoid pc's that arent fast enough to parse all the scripts to get linked off to the page specified in the "href" - i found this is necessary because it often occuered that when the PC ran low on resources and once a user clicked on the
Trying to change an iframe "src" attr to Please Help
Hi there, Ive been trying to archieve a jQuerry script to allow an iframe "src" attribute to change to the "title" attribute of a clicked link. The reason i made the iframe "src" gather its link form the "title" attribute instead of the "href" attribute is simply to avoid pc's that arent fast enough to parse all the scripts to get linked off to the page specified in the "href" - i found this is necessary because it often occuered that when the PC ran low on resources and once a user clicked on the
How to Use Images as Navigation with innerfade Slideshow?
I am very new to JavaScript and only have the most basic understanding of how it works, so please bear with me. :) I'm using the jquery.innerfade.js script to create a slideshow with fade transitions for a website I'm developing, and I have added navigation buttons (which are set as background-images) that navigate between the “slides”. The navigation buttons have three states: default/off, hover, and on (each state is a separate image). I created a separate JavaScript document to set the buttons
1.4.2 event propogation for simple button click not same as 1.3.2?
I have a small test case where I create a button and set its onclick hander to call my js function, followed by a "return false". In jquery 1.3.2, when I click the button, it calls my js function. But in in Jquery 1.4.2, it calls my js function and then does a POST, as if the return false is not there. Here is the exact html <html> <head> <script src="/site_media/js/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> function show_input() {
Show divs not working Firefox! (full site posted to check out)
Hi guys! I'm trying to build a page based on showing and hiding divs: http://www.everydayprophets.com/dev/ It works great in everything except Firefox! I'm stumped, and cant find a good answer on the forum yet. Any ideas? Nick
Expand/Collapse Menu not working in Firefox
Hello all, I have created a menu using a tables/list which is expandable/collapsable. Could someone please have a look over this code and assist with help me in figuring out why it wont work in firefox. The menu works 100% ok in IE 8, so im not too sure whats going on, usually things work in firefox, but not IE 8 lol... Code is as follows (.zip file of menu has also been attached), Thanks!: JavaScript: function initMenu() { $('#menu ul').hide(); $('#menu li a').click( function() {
How to convert this document.getElementById("<%=myvar1.ClientID%>"); into jquery
Hi everyone, I'm newbie in jquery. Now i want to convert this javascript to jquery var abc = document.getElementById("<%=myvar1.ClientID%>"); how can i do? Any idea? Thanks in advance, Nasri
Can JQuery be used instead of an SSI include?
I wish to have a common menu amongst my website and for various reasons would prefer not to use SSI. Nor do I want to convert all my pages to PHP just to use the include statement. Can JQuery produce the same effect/results using a simple function? I've messed around with the .load and $.get statements but with no results. Basically it would need to pull the external element (an html page with the menu code embedded) into the target div on page load. Any help would be great. Thanks in advance!
using jquery inside other jquery
hi, how i can using jquery inside other jquery like for example i have select with country and i need to fill the city then when i select the city i need to fill that state .
Continue animation
Hello folks! I'm new in this forum, and I started with jQuery today. I hope you can help me getting started with a question I can't find in the documentation. The problem: I want to load my 5 most recent twitter posts into a div and display them with an animation when the posts are finished loading using jQuery.ajax(). Before the posts is loaded I want the div to animate with the text "loading new twitter messages" and when the posts is loaded continue the animation to display all the posts. Solutions
Subtle slide-in of page content
I have a quick question for all you skilled developers -- I'm new to the forum, intermediate with JS/jQ. How simple would it be to implement a subtle and quick slide-in of the page content using jQuery (only that once for the home page onload). For a reference check out this site example. I wanted to do something nice like this WITHOUT FLASH =)
Accordian menu - how do you save it's state?
I've been using the accordian tutorial but was wanting to save it's state after I click the link http://jquery.com/files/demo/dl-done.html for instance if I open the accordian to heading two and click link 4 it would be great for it to stay like it on when link4 page loads (so the users know where they are) eg: Heading1 Heading2 -link4 -link4 -link6 Heading3 But instead it defaults back to Heading1 -link1 -link2 -link3 Heading2 Heading3 Any help appreciated.. I have found this script that changes
Read a value from another row in the same column of a table, when I click in one row
I have several tables with the same structure; row one is a product name, row two is an image of this product, and row three is a short product description. I want to use jquery to read the value of the alt attribute of the image when I click on the product name. With the code below I calculate the clicked column into colx, but although I can see that the value is correct, I clearly get the whole second row instead of only the second row of the clicked column. When I replace colx with a fixed value,
autocomplete search box results with inline links
Hi there, I want to create an autocomplete search box that returns matches on page titles, as well as inline links to the pages as well. I want to recreate a bit of the functionality of Inquisitor (http://www.inquisitorx.com/firefox/index_en.php). I would love a little guidance in how I could go about doing this. Would it be easy to use the autocomplete plugin as part of this process? I already have my site indexed automatically into a json file, so all my titles are there and can be matched that
$.ajax proxy
hi I am using $.ajax to invoke page methods, I am using the following code in javascript: $().ready(function() { $('#<%=cbCustomGroups.ClientID%>').change(function() { var customgroupParam = Object(); customgroupParam.customGroupCode = $(this).val(); var customgroupParam = JSON.stringify(customgroupParam); $.ajax({ type: "POST", url: "InsercionRecompra.aspx/ GetCustomGroupsMinimunYears",
Selector not working?
I have made an userscript for forum. (http://userscripts.org/scripts/show/72031) It works fine in http://www.discuss.com.hk/forumdisplay.php?fid=40 but not in http://www.hk-pub.com/forum/forum-1-1.html $("span") works but $("span a") returned [] when i debug in Firebug. What's the problem?
How to make clicking a tab perform an action?
I am having a hard time implementing a feature on my website. I want an input box to appear when the "sell" tab is clicked, and I cannot figure out how to do it with Jquery. I can't figure out how to chain an action to tabs. Can anybody help me out? Thanks. here is my code so far <!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"> <head> <meta http-equiv="Content-Type" content="text/html;
RadioButton Group - Element not in array when no value selected
Hi All, I'm trying to put together some form validation for a survey form - The number of questions are unknown, so I'm trying to get an array of all the question fields, then check their value. All the question fields are RadioButtons. I've hit a problem where my selector only gets the element if a value has been selected - If a value has not been selected the element is ignored so is not in the array, which means during the Loop my code cannot check that the question in the survey has been answered.
Multiple tabbed boxes
Hello I have several boxes on one page with two tabs. But I have to copy the code for each tabbed box and change the id #showhidebox1 when I use the code below. I think there is a more simple way to do this. Can someone please help? $(document).ready(function() { $(function () { var tabContainers = $('#showhidebox1 > div'); $('#showhidebox1 a').click(function () { tabContainers.hide().filter(this.hash).show(); $('#showhidebox1 a').removeClass('selected');
How to modify an attribute contained within a string
Hi, I'm receiving html into a variable from an external source and I'm trying to modify the id of one of the inputs within the html but when I change it, the original html isn't getting updated. I've tried a few different ways but so far none have been successful. an example of what I'm trying to do is : var sTemp = "<div><input type='hidden' name='test' id='test' /></div>"; $("#test", sTemp).attr("id","newid"); after changing the attribute, sTemp still contains the original
Creating bing like pager.
Hi Guys, I am new to this forum, as well as JQuery I want to create bing.com like pager, with the ame behaviour. Can anybody please help me with the starters. Help appreciated.
#hashtag and @mention autocomplete
Hello. I have developed a system in PHP which processes #hashtags like on Twitter. Now I'm trying to build a system that will suggest tags as I type. When a user starts writing a tag, a drop-down list should appear beneath the textarea with other tags that begin with the same string. Right now, I have it working where if a user types the hash key (#) the list will show up with the most popular #hashtags. When a tag is clicked, it is inserted at the end of the text in the textarea. I need the tag
JQuery can't deal with XHTML DOM?
Hello, Can JQuery deal with XHTML DOM? I was told that it cannot and that I should use only HTML Strict. Thank You, Miguel
How to show a div only when mouse over it for a certain amount of time?
Hi there, There is a div. When the mouse is over it the div is shown and it is hidden when the mouse is out. The script is here. <script type="text/javascript"> $(document).ready(function() { function runToggle(){ $("#effect").toggle('blind', [], 500); }; $('#mini-wrap').mouseover(function() { runToggle(); return false; }); $('#mini-wrap').mouseleave(function() { $('#effect').effect('blind'); }); $('#effect').hide(); }); </script> Html <div id="mini-wrap" style="width:250px;"> <div
Style Button
Hello, I am working on a form and I would like to change the style of the Browse Button. I only want to change the text style of the button. Nothing more. Can I do this with JQuery and CSS? Thank You, Miguel
jQuery conflict
I am integrating a lightbox gallery into my site and am having an issue with an image slider that is also utilizing jQuery. When I integrate the code as instructed the lightbox works perfect, but the slider doesn't scroll. So I added the jQuery.noConflict() function to the head and the slider works perfect, but now the lightbox overlay does not show when clicked. The lightbox gallery shows as its supposed to but the jQuery used to show the overlay is not working. I guess I just need someone to explain
Next Page