[jQuery] Adding selectors to $(this)?
Hi all, Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init: receive: function(event, ui) { $(ui.item).addClass('editable'); }, This adds class="editable" to my newly-sorted <li> element - cool. What I want, though, is to add this class to the <h3> within my <li>. I tried: receive: function(event, ui) { $(ui.item
[jQuery] Anybody knows how to do a jcarousel vertical with autoscrolling?
Hello guys!!! I am a beginner here with JQuery and recently discovered this jquery plugin. I found it very useful for what I'm looking for. I need a circular jcarousel like this : http://sorgalla.com/projects/jcarousel/examples/special_circular.html Merged with an autoscrolling jcarousel like this : http://sorgalla.com/projects/jcarousel/examples/static_auto.html. It's easy to do with horizontal jcarousel....but what about vertical carousel??? (The last one is the one that I'm interested ). I don't
jQuery.height on div does not work in Chrome!? Workaround?!?
Hi, with making an expandable feature which uses slideUp and slideDown I got problems reading the true height of a div - tag in Google Chrome. The values of $('.classOfDivTag').height() aren't correct in Chrome. In every other browser its correct. Why this? Is there a workaround? Thanks for help. Robert
[jQuery] Facebox Youtube stopVideo
I've got a page that opens a youtube video with facebox. The facebox closes correctly but the video doesn't stop playing. So the sound carries on even if the video isn't visible: This is the code I've tryed: <div id="ytVid" style="display: none"> <div id="ytapiplayer"> You need Flash player 8+ and JavaScript enabled to view this video. </div> </div> <script type="text/javascript"> // <![CDATA[ // allowScriptAccess must be set to allow the Javascript from one // domain to access the swf on
[jQuery] .load contents of HTML fragment problem TD > LI
Ok here is a stumper I am trying to load the td contents from one page into an ordered list on another page I have a page called inc_menu.html with the following code <body> <table> <tr> <td class="menuItems">menu 1</td> </tr> <tr> <td class="menuItems">menu 2</td> </tr> </table> </body> then I have a page called loadMenu.html that looks like this <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/ jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
[jQuery] jQuery Accessible RIA
I posted this to jQuery a11y and Jörn Zaefferer advised me to post this to the en and ui groups. So here it is: A few month ago I asked a bunch of questions in the a11y group to support my master thesis. I finished my work 6 weeks ago and now im ready to show my results: jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory). My goal was to provide some accessible, usable and
[jQuery] How to achieve this animation?
Hi, this is Eric from Shanghai China, sorry for my bad English. I am a jQuery Fans. My site is now under building, the page of the animation is: http://www.imczy.com/EN/support-me.html The codes I achieve this animation are as follows: //like goadddy $.fn['_fadeOut'] = function(){ this.css('overflow', 'hidden'); this.css('padding', '0'); this.css('border', '0'); return this.animate({ height : "hide" , opacity : "0.1" } , 500); }; $.fn['_fadeIn'] = function(){ this.css('overflow', ''); this.css('padding',
[jQuery] AJAX API without XML?
Hi, I understand that normally when you want to load a page into an area of the page, you would use the ajax.load function within jQuery's AJAX API. However what happens if you have an old-fashioned server which does not support XML over HTTP? In other words it expects to receive name=value parameters from the client and then returns an HTTPResponse with just standard HTML in the body and some other headers? Can we still use the AJAX API? If not, is there some plugin which allows me to modify the
[jQuery] jCarousel Two columns
Hi, this is my first post here.... I am trying to use jCarousel with Two columns: http://vencanice.eu/galerija.php becaus there is always two pictures of one bride (front and back). the order: first li is 1 seconnd is 2 .... 1,2 3,4 5,6 .... I know everything... almost ... can be done ... but how?
[jQuery] How to fade out page and show content
Kinda like: http://famspam.com/facebox Except, i want it to slowly fade out whole page, and slowly fade in the content, vice versa Any Ideas?
Help with Expanded Navigation
Hi I am completely stuck. I need help with a jquery navigation that was created by someone else. I do not know javascript and am not very familiar with jquery other than some other troubleshooting I have done for this site. OK here is an example site: http://staging.terry.uga.edu/spotlight The left navigation is using a toggleClass to open and close. So, the user clicks on a top level navigation and can see the sub-navigation. But once they click on one of the sub-navs the top nav snaps closed again.
$.ajax success no executing JS in FF
Hello All, Ik have a $.ajax set in the onclick of a button like this: $(".search_button").click(function() { var search_word = $("#search_box").val(); var dataString = 'search_word='+ search_word; //INSTELLINGEN VOOR DE VALIDATIE var settings = jQuery.extend({ allrules:allRules, inlineValidation: true, ajaxSubmit: false, promptPosition:
[jQuery] Script for tabs?
Can anybody direct me to a lightweight jquery script controlling tabs? I just want the activated tab to appear differently than the rest of the tabs. Thank you!
[jQuery] Cycle plugin: centering images of variable width?
I didn't see this as an option, so I decided to give it a try on my own. I was able to add some lines of code (shown with the > in the margin below) to the jquery.cycle.js script to read in the width of each image and center the slide within the slideshow container // set position and zIndex on all the slides
[jQuery] [Superfish] onMouseOut Change Text/Link Color Back - Issue
Hi group, and thank you for jQuery, it's great, you know that! :) And Joel, thank you very much for the marvelous Superfish, it's a very, very nice menu; I love the nav-bar variant! I have a question (obviously): I have a Nav-Bar, the background of the menu is in red while the links are white, when I hover over it the scheme inverts e.g. red text on white background. So far so good... Now, when an item has a submenu, and I hover over it, it changes the background-color (of the li-element) to white
[jQuery] validation: preprocessing form fields ?
Hi I've started using jquery validation on my forms. Often, I need to pre- process a field before I want to validate it. For example, if someone forgets to prefix http:// before an url, I can just do that, instead of returning error messages. Or sometimes, a field needs to be lowercased and I can just do that, too. I've found ways to do that, but it feels like a hack. Am I missing a feature ? thanks, *-pike
Sort menu a bit smoother
Hi everyone, i'm a totaly noob at jQuery (first time yesterday i tried to use it) and now i've a big question. The menu / sort from JQuery (over here: http://jqueryui.com/demos/sortable/#connect-lists ) - connected lists - is a very usefull piece of code, but when i drag an item from the one list to the other one, the menu / items flashing quickly to make a space for the new element... to fast for me. Is there a way / plugin to slow down the movement of the elements? Also it would be very nice, if
.ajax wierd behavior with data option
Hello, I am an intermediate user of jquery and I am experiencing a really weird behavior with a page on my site when i try to attach an event handler to a button. The functionality of the button is to make a request with .ajax. As long as I do not include the data { key: value } option everything "works" properly but as soon as i add it an error executes. i tried every single possible way using data: string, value & key pairs. Here is the code as it is now: $("a#ButtonBack").unbind('click').click(
Idea for my menu
Hi, I have just begun learning jQuery and would really appreciate if someone could give me some tips and ideas how to make a menu structure like the picture below. If you know any code that resembles this structure or just point me in the right direction would be great! thanks! /cii[/url]
[jQuery] Best way to capture/highlight multiple html elements?
Hey folks, I'm a noob so go easy on me, and thanks for reading. I'm writing a bookmarklet which allows you to select various elements from a page and save them to your own personal blog (a bit like ffffound or the Wordpress PressIt feature) The user will select 3 parts from the page they want to save: 1) Title (easy, just detect a click on an html element and make sure it's a span/p/h1/h2/h3 etc) 2) Image (i've figured this out too) 3) Body text I'm stuck with grabbing the body text - I think it
[jQuery] jQuery form plugin
http://www.pidizayn.com/virtualsub/jqform First form is ok. But second one that pulled with jquery not working. What's wrong?
[jQuery] Form Plugin
Hi Complete newbie now completely out of depth! I have built a form using form wizard plugin http://home.aland.net/sundman/. It caters for the intergration of “Form Plugin” http://malsup.com/jquery/form/. I now want to post the form using the “Form Plugin” AJAX. I am using asp for severside. I just can’t work out how to get the input values to a asp page so I can use them. This is the code so far. $(function(){ $("#demoForm").formwizard({ //wizard settings historyEnabled : true, formPluginEnabled:
calling php file (generating an excel file) through jQuery
Hi All, I am new to jQuery and I am stuck. I am using modal dialog to select some check boxes and when I click on the button I need to call a php script file witch is generating an excel file based on the selected checkboxes. I am getting the checkboxes value but not able to call the php file. Thanks
[jQuery] show/hide with embed
Ok so I found an issue with using embed code and jquery's show()/hide () method. I am using embed code inside of a div. so it looks something like this: <div id="test"> <embed> whatever here </embed> </div> now on that I want a user to be able to click a button to show/hide the content. so i create a function like this: <script type="text/javascript"> function showEmbed(){ if($("#test").show()){ $("#test").hide(); } else { $("#test").show(); } } </script> I then binded that to just a basic text link:
NEWBIE QUESTION - AJAX AND .EACH FUNCTION
I have written the following script to display items from a xml file. I want the final click function to grab the info pertaining to that specific item, stored in the variable "hours". Right now, my code returns all variable. How do I return the variable relative to the current item clicked on? this.ajaxCallTest = function() { $.ajax({ type: "GET", url: "specialOfferings.xml", dataType: "xml", success: parseXml }); $("body").append("<div id='specialsModule'><ul></div>") function parseXml(xml) { $(xml).find('unit').each(function()
[jQuery] applying effect to certain div.
Hi, Im trying to get a sliding down div, that pushes another div further down as it slides. I created the following code. However, the 2nd div doesnt appear at all. What is the proper way to say only the div with class "x" should be affected? The basic tutorial doesnt really cover this. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="jquery-1.3.2.min.js"
[jQuery] How to: Cycle back to beginning of gallery? At my wits end!
Im simply trying to cycle back to the first picture of the gallery. Im on my 3rd day of trying to figure this out. I posted a link below. I checked the html code multiple times and the images and thumbs are in order. But after the 22nd pic, it brings up a broken link. The site is not mine, but my client wants me to use it as a template. Was originally going to do Flash...Hopeing this is a simple fix so I can avoid the embaressment!!! http://napleswebfreelancer.com/d/2
hiding all other object in array
hi, i'm an actionscript3 developer who is somewhat new to js/jquery and am struggling through creating a site using jquery. I would like to be able to use the show/hide/toggle methods to switch between content using a standard navigation list. basically, what I want to do is this: 1. store list of 10 <divs> in array with the id set to w1_blog, w2_blog, etc 2. list of 10 links with ids = w1_blog_a, w2_blog_a, etc. 3. store references to divs and links in array/s 4. add event listener to each link
[jQuery] Refreshing an element using set of interval
Dear all I'm trying to refreshin a div content using set of interval, but I don't know how to do that in jquery. How I make the code to do this task? Please help me I am new in jquery. Thx Sent from my BlackBerry® powered by Sinyal Kuat INDOSAT
Disapearing effekt
Hello everybody, did you try to new remove function from google? You can click on an X next to a result and the result disapears in a great effekt. Like dust I am trying to do the same thing with other search results. It works OK, but I did not figure out how they made this dust effekt. Do you have an idea on how to creat something like this? Right now I have a simple slide up function that hides the result. Thank you for any idea you might have.
Can jQuery create <script> node?
Hi all, I am doing a research on ajax using jQuery. IMO, a good ajax aplication should implement "lazy loading" technique by loading script on-demand. In jQuery i use $.getScript() to fetch javascript codes. But, it becomes strange that jQuery can't make <script> node to attach the new script. Here is my code: $.getScript("myscript.js", function(data){ $("head").append("<script>" + data + "</script>"); }); Any suggestions?
persistent scroll bar on resizable div
I have a div which is resizable (using ui.resizable.js). I would like a vertical scrollbar to appear if and only if the text is truncated as the div is resized. If I use a style = overflow-y:scroll, or overflow-y:auto I get the same result - the scroll bar is Always there, even if the div is far larger than the content. And there's always a tiny open area at the bottom of the scroll bar, as though it thinks there's still content below. Here's a sample code: <div id="i1" style="position:absolute;
[jQuery] HELP!!! css & content filters
- Can someone please help me solve the following issue? - How can I select and apply a 'background-color' to the following <li></li> tags using JQuery? <ul class="item_list"> <li></li> <li></li> <li></li><!-- I want to select this one --> <li></li><!-- I want to select this one --> <li></li> <li></li> <li></li><!-- I want to select this one --> <li></li><!-- I want to select this one --> <li></li> <li></li> <li></li><!-- I want to select this one --> <li></li><!-- I want to select this one --> <li></li>
[jQuery] How to obtain Object (key) names?
Hi, I;m looking for a way to obtain key names from a JSON object: eg "options": [ {"Option1" : ["Value1", "Value2"]}, {"Option2" : ["Value3", "Value4"]}, {"Option3" : ["Value5", "Value6"]} ] so, i'd like to consume this JSON in a way similar to this: $.each(JSON.options., function(i, option) { if (option.name == "Option1") { // do something } }); Prototype seems to have a keys method which would achieve what i'm looking for. There are also a few pages which attempt
[jQuery] $('a:link') Selector?
Hello, I'm trying to make a basic, "dynamic" link color fader. Since I have multiple link colors for different classes and divisions and such, I'm trying to make it "dynamic." To do so I need to grab the original color and the hover color. Here is my code: // Fading links $('a').hover( // Over function(){ var original_cl = $('a:link',this).css('color'); var fade_cl = $('a:hover',this).css('color'); alert('Original color: '+original_cl+'; Fade color: '+fade_cl); },
I'm new and stuck! trying to use a variable as a selector...
I am extremely new to jQuery, I was extremely excited when I first found it, as I was struggling with learning javascript on its own... things were really starting to click, but now I'm stuck, and I cant seem to figure it out on my own. I'm building an ajax module that displays products. I started building a sort of prototype just to get the functionality down. Basically the panel shows three products, including an image and some information included in the xml... this.ajaxCallTest = function() {
[jQuery] Cycle plugin: using the addSlide option for multiple slideshows on the page?
I have a page that has 9 tabs of content, with each tab having its own slideshow of about 8 images each. I was hoping to reduce the load time of the page by only starting with two images per slideshow, and then using the addSlide option to add the rest. A few questions: 1. Is this the best way to go about speeding up the page load? 2. Is there an example somewhere of how to make this work? I used the code from the demo on the http://jquery.malsup.com/cycle/add.html page, and inserted some code of
[jQuery] FF "needs a moment" to calculate element width()
Hi! I have some scripting foo where I add some element dynamically and the want to query the width of it. NOTE: The reason I want width is for centering. If anyone knows a way to center a DIV element without knowing its width, just say so and the below problem is irrelevant. (same goes for height and vertical centering) It is more or less like this: $(top.document.body).append("<div id='TB_window'></div>"); // inject a LINK element into top.document for a CSS file then append some stuff into TB_window,
[jQuery] locally run ADDRESS BOOK using JQ? UI? suggestions? jquery addressbook plugin?
Hi, after a lot of thought I am seriously thinking about creating a webpage, sorta like tiddlywiki though really basic and just for keeping my contacts/addresses/phone-numbers/email addys in. So, on first google I found http://www.asual.com/jquery/address/ you know how it goes though. I need to find the best solution the first time hopefully so really looknig for comments / ideas. Basically I can't code my own so it's either something that works as a plugin that I can run and enter data into on a
[jQuery] Replace image with SWF onClick
Hi group, I'm trying to achieve something (which doesn't seem to difficult to me) but i can't get it to work; I want to embed video's through a swf-videoplayer on my website. The idea is that i have (say 750 * 400 px) images wrapped in links. The links point at the videofile. If the user clicks the link, i want to replace the link+image by the swf video with the same dimensions... Hope this kind of makes sense. Thanks in advance, Knal
Next Page