[jQuery] Using attr in an tab AJAX call. Is it possible?
Hi, I am trying to set an html attribute after an AJAX call. Works great on the initial tab I can't get it to work on the rest: $('#content').tabs({ load: function(){ var postContainerHeight = $('#post_container').height() + 30; $('#hellishpixel').attr({ height:postContainerHeight }); } });
[jQuery] .load is adding extra markup
Good afternoon all, Please forgive me if this is a rookie error. (I'm a designer). I have this bit of code $("#pageArea").load(urlToLoad+" #pageArea"); which, for the most part, is doing what I'd expect it to. Swapping out the #pageArea in the current page, for the #pageArea in another page. However it's generously adding empty paragraph tags to the content it's loading in, can't for the life of me work out why. Chunk of code is, (I'm using the jQuery Address plug-in, by the way) $('a').click(function()
$('<li>:eq(1)').replaceWith('TEST')
Hi I want to edit a <li> tag. I cant get the correct notation please help $('<li>:eq(1)').replaceWith('<li>TEST</li>') Ideally id like to replace 1 with a variable called index like so: $('<li>:eq(index)').replaceWith('<li>TEST</li>') Please help me Thanks Alan
ajax.responseText returns blank
this is a function part of a bigger project that's supposed to return the value of a specific attribute from a database. $.extend({ loadAttribute: function() { var args = arguments[0] || {}; var attribute = args.attribute; var att_value = $.ajax({ type: "POST", url: "db_output.php", global: false, dataType: "html",
Applying plugin on append/dynamically created combo-box
greetings, I am pretty new to jquery and java script at all. Currently I'm using jquery with the sexy-combo plugin and I got following code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery.sexy-combo-2.1.2.min.js"></script>
[jQuery] Superfish I need some help please
Hello I need to make this menu RTL can you please assist me wich files must be changed ? Best regard Bahman Zendesher.
[jQuery] Maybe Jquery ? Bug with firefox 3.5
<div>Hi all,</div><div> </div><div>I don't know if it's a bug in jquery but some of you can have encounter the same problem with their website.</div><div> </div><div>Recently, we had changed our website ( <a href="http://www.lequipe.fr">http://www.lequipe.fr</a> ) using the jquery 1.3.2 version.</div> <div> </div><div>With the last version of Firefox ( 3.5.2 ), the site is render twice during the loading. </div><div>We can't isolate which element can produce this problem and it happens only with
Splitting lists using jQuery
Hi, I am new to jQuery and currently trying to learn reading books/forums etc. One of the things which I need to use it for is to show/hide parts of a list on a page. I am using Actinic software for my online store and a list of products is generated for each section page. Sometimes this list can be up to 60 products long and i do not wish to display them all at the same time. What I need to do is to use jQuery to show the first 10 products in the list and hide the rest, then when the user clicks
[jQuery] validation for multiple element in a form is not working with the new jQuery validation plug in
hi all, before upgrading to the new jQuery i have the function below working just fine. it validate according to the id sent to the fucntion. last week i upgraded to the new jQuery which force me to use also the new jQuery validation and from that date the function is not working good. it validate just the first case but not the second one. if i commented the first part then the second part is validated and the third part not. i do not know what is changed in the new jQuery validation or how to fix
Dialog scrolling problem in IE6 and IE7
Hi guys, I am using a dialog where my content causes scrollbars to appear. In IE8 everything acts as expected and scrolls smoothly. It's only using IE6 and IE7 that causes the problems. Content doesn't scroll at all. Scrollbars move, but content doesn't and then suddenly it does, but appears on top of the titlebar. Any ideas? thanks in advance Tony
[jQuery] autocomplete accents
Hello, i'm trying to use automplete plugin and deal with accents in data and in search. The main problem is how to display 'déb...' or 'dèb...' when user inputs 'deb'. I have started to modify autocomplete code in order to make this happen. The main parts are in matchSubset and highlight method. Do you think that an option like matchAccents could be a valuated addition to autocomplete ? cheers sebastien
Chain select Box with optgroup
Hi I want another drop down list with optgroup based on the first drop down list
[jQuery] Clickable <div>?
I have a <div> that only contains an image. How would I create a jquery-click function that basically would represent a normal <a> tag for his <div>? Thank you!
Transfer var from a href to a JS/JQUERY Code
Hi everbody, the code should fadein a div when the page is ready, and when you change the site with an link the div should fadeout. But how can i transfer the var "url (for example index.html) to the JS (sorry for my bad english, I hope you can understand me:)) the code: <script type="text/javascript"> $(document).ready(function(){ $("div#content").fadeOut(0); $("div#content").fadeIn(1500); $("img").click(function () { $("div#content").fadeOut(1500,function quit(url)
[jQuery] Extending objects with internal objects
Is there a better way to extend object with internal objects? $.fn.bestShow = function(s) { var d = { width: 0, height: 0, order: "numeric", orderBy: "", animation: { type: "fade", delay: 5000, speed: 2000, overlay: false }, controls: { numeric: 0, next: false, play: false, stop: false, prev: false } }; o = $.extend({},d,s);
[jQuery] jquery offline Help document
Hi all, How can i get jquery API offline help document. Please help. Thanks,
[jQuery] jQuery.support : Test if browser return nodes of type Text_Node
Using jQuery.support and without using jQuery.browser how would I know if the browser would return nodes of Type of Text_Node ? IE do not return text nodes. My only idea would be to create on the fly some structure in memory with text nodes and test with $(this).contents() if there is text nodes returned.
[jQuery] each() causing me jip :[
Hey guys, If you can help me with the fix (line: 9) below that would be great. each() is causing the problem for me, as it's performing the code on each and not the total 's. Can anyone suggest a solution? // create a 'continue reading' - linked to the single post page - if .scrollableItem's paragraph content exceeeds set quota $(document).ready(function () { // set word limit var quota = 20; $('.scrollable .scrollableItem p').not('.wp-caption-text').not ('.postmetadata').each(function () { //
JQuery tablesorter plugin problem
Dear all I use JQuery tablesorter plugin to sort and page the table. I have 6 rows in the table and want to show 1 row each page in default. But it always show all the rows. Are there something wrong with my code? <HTML> <HEAD><TITLE></TITLE> <link rel="STYLESHEET" type="text/css" href="./tablesorter/themes/blue/style.css"> <link rel="STYLESHEET" type="text/css" href="./tablesorter/addons/pager/jquery.tablesorter.pager.css"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
jquery selector to match all local links
local links meaning links within the same document <a href="#somewhere"> types of links. how do i match all such links and events?
[jQuery] cursor : pointer // switches to 'default' on click...
I have a link with a return false; I have the style (cursor: pointer) set in the CSS and also tried setting it in Javascript. When I click on the link, the hand cursor goes to the default arrow. (I'm guessing it's the browsers default behavior to change it back to the arrow when a link is clicked.) Is there a way to prevent this??
[jQuery] How to unsubscribe?
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:arial, helvetica, sans-serif;font-size:10pt"><div>Could any please advise how to to unsubscribe from this group?</div><div style="position:fixed"></div></div></body></html>
[jQuery] cursor : pointer // switches to 'default' on click...
I have a link with a return false; I have the style (cursor: pointer) set in the CSS and also tried setting it in Javascript. When I click on the link, the hand cursor goes to the default arrow. (I'm guessing it's the browsers default behavior to change it back to the arrow when a link is clicked.) Is there a way to prevent this??
Get a handle on the ID of an Element
Hi Im new to Jquery. Its really funky. But Im having an issue now. My code is $("button[name=Replace]").click(function() { new AjaxUpload($(this),{ ..... So I have a list of buttuns. they all have the same name. name="Replace" Each id is Replace1, Replace2, etc I want to get a handle on the id of the button that was pressed I have tried the following combinations $(this).attr(id) $(this).attr("id") $(this) this.attr("id") this.attr(id) this.id $(this).id this.id this.childNodes[0].id this.childNodes[1].id
[jQuery] Event queu priority.
Hello, I'm working on some elgg thems which use jquery, and I'm trying to attach some events to an object that already has a couple of events attached, but the event I'm trying to attach always executes first, but I want it to execute last in the queue. How can I achieve that. Thanks in advance
[jQuery] Controlling jCarousel out of Flash
I would like to build a Flash control for a jCarousel. Which JS- command do I have to call within Flash to scroll to a specific item of the jCarousel? Thanks for any advice.
[jQuery] move entire body content in a div
hello, I want to display an element underneath (zindex) the entire body. so I want to move the entire dom from the body node into an absolute div (top/left 0/0) , then create a new div with that element with lower zindex and place it under the "body" div. how do I best do that with jquery?
[jQuery] jQuery Superfish Problem
Hello, iam a new here. I will creat a jQuery menu on my typo3 site but still some problems. I have add the jQuery in the head of the site and all needed scripts! Then i give the ul a class name <ul class="sf-menu"><li></li></ul> ... Here a link to the side: http://typo3.lexmarketing.eu/ Best regards Swoboda Thomas
[jQuery] SuperFish Menu CSS
I have played around with some of SuperFish's CSS but I can't really do much to it. (I'm a newbie.) Everything is in the default Blue color which is fine, but the menu looks too basic. I am using a horizontal menu. There are 3 CSS files: superfish.css superfish-navbar.css superfish-vertical.css Which one's do I need? Also, If I wanted to make the dropdown items wider so the do not wrap the text in an item, where would I do it? MainItem_1 MainItem_2 .-. .-. This MenuItem wraps This next MenuItem wraps
[jQuery] Slickbox hide
Hi, I am trying to hide various divs with one function. It works in firefox, but not in IE. Or perhaps there is a better solution? I have tried about 6 forums, but no one seems to have the answer. Can anyone here help? <script> $(document).ready(function() { $('#slickbox').hide(); $('a#slick-toggle').click(function() { var newHref = $(this).attr("href"); $('#slickbox_' + newHref).toggle(400); return false; }); }); </script> <a href="1" id="slick-toggle">Toggle
[jQuery] zoom and pan problem
hello, i am using jquery-1.2.6.js and jquery.panFullSize.js two js file to Zoon and Pan image. here is my html, <a href="#" id="zoom">Zoom</a> <img src="testimage.jpg" alt="finnish winter" width="600" border="0" usemap="#mypicMap" id="mypic" style="border: medium solid black" /> here is my javascript, $("img#mypic").panFullSize(700, 450).css("border", "medium solid black"); $("a#zoom").toggle(function(){ $("img#mypic").normalView(); }, function(){ $("img#mypic").panFullSize(); } ); what i am trying,
[jQuery] Know which form was submitted in a page with multiple forms
I have a page which displays a list of resources in the database. For each of these resources I have a comment form. I am using jQuery form plugin to submit the form through ajax. After submitting I want to display the comment which was just submitted w/o reloading the page. But how do I know which form was submitted? I attach the resource ID as a GET variable to the action url of the form. If I can get the action url then I think I'm saved.
IE security issue with local script file
hi, i use jQuery for an HTML pretension on a CD. u know when u view an HTML file that have a script, ie show a prompt and ask for allowing to ruining a script in Local HTML file, for solving that i used this comment code in top of my HTML code and the prompt doesn't appear again. <!-- saved from url=(0014)about:internet --> but i fall to another problem. when i use this comment code i cant use <iframe> to display local files (such as PDFs) on CD or i cant link to any local file on CD. please tell
[jQuery] No Response Using getJSON
I am using the getJSON command and using firebug for debugging, if I go to this server i setup with this url: http://url/all_data.json?callback=getdata It returns json data warped with getdata({data}). I have validated the json part using jsonlint, so from firebug's net tab I get a param (callback getdata), header and response, etc. as expected. But if I use jquery's getjson, I get param, and header but the response is empty and function callback doesn't trigger (no alert). I have been pulling my
[jQuery] Preventing browser scrollbars from bumping content in slideDown()
Say I have a site that's centered on the page, and do $ ("#some_content").slideDown(). If the appearance of the new content means that the page no longer fits in the browser window, scrollbars will appear, and so the available page width decreases slightly, and so my centered content jumps left while it's sliding down. Is there a decent workaround for this? Best I can figure out at the moment is to persuade the browser to always display scrollbars, which isn't exactly ideal.
[jQuery] Image Resize onload - works 50% of the time : help?
Hey everyone, Still new to jquery, I was just using it to resize large images to ensure my css wouldn't break. Sometimes it works, and sometimes it doesn't. By working, it's working as intended. By not working, the images aren't showing at all (FF, IE, Saf4) -- or safari 4.0 isn't rendering it correctly -- as in there are images larger than the maxWidth specification. You can observe the bug here: http://www.ready-ready.org/teams/27 If the images don't show, they will after a quick refresh. Any help
[jQuery] Auto play Accessible News Slider
Can anybody tell me how i Make the Accessible News Slider from http://www.reindel.com/accessible_news_slider/#jquery_resources to switch slide after e.g. 4 sec. ?
[jQuery] jcarousel
Hello, i tought of using your slider on my website, but is there anyway to make the slider larger and were in the code would i do that? thx for a creat slider!
[jQuery] Overlaying an element
I have a form where check boxes are working like radio dials. I have that working fine. I even have it where text is appended to the unchecked check boxes to show it's selected elsewhere in the BIG form. I was asked if I could overlay a graphic over the unchecked checkboxes essentially hiding them until the original item is unchecked. Here is how I am doing it with just text. $('input[value*="||"]').change(function(){ var $this = $(this),val = $this.val().split('||')[2]; $('input:checkbox[value*="'
Question about the fadeIn() and fadeOut()
Alright, so I'm coding this website where I have content loaded at different times and I decided to use the fadeIn and fadeOut method. I got it working for 2 divs. There are 5 different divs. Could this be a limitation to jquery? I'm still new to jquery, so I don't understand a whole lot. Anyways, I give you my code, so you can see what's wrong with it. I was playing around firebug and I noticed that the first 2 sections load fine and whatnot. However when I go to the 3, 4, or 5th section when I
Next Page