[jQuery] Designerly Ajax ? from newbie
I am a newbie with jQuery (primarily a designer) and am looking for a tutorial (or code) that might integrate a basic ajax call to myExternalContent.php?id=3 in a designerly way....with this in mind..... (1) user clicks on <a> link to make ajax request to bring new content to a #targeted div jQuery first applies slideToggle function to the div - basically a fadeOut jQuery.fn.slideToggle = function(speed, callback) { return this.animate({height: 'toggle',opacity: 'toggle'}, speed, callback); }; (2)
[jQuery] Non integer amount of visible items
Hi, I am trying to achieve a view of 3.5 DIVs in jcarousel. The reason is that in terms of usability, it gives the user the understanding there is more info and he needs to scroll if he wants to view it. While I haven't dived deep into the code yet, when I try to use non-integer value for the 'visible' variable - I get the initial view correct, but scrolling gets messed up right away. Any idea how to accomplish this, or where to look for in the code to fix this? Thanks, --yuval -- View this message
[jQuery] Release: Accordion 1.4
An update to the jQuery accordion plugin brings you, among minor bugfixes and a demo overhaul (http://jquery.bassistance.de/accordion/), one notable new feature: The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page. The basic idea came up in the comments on the plugin page (http://bassistance.de/jquery-plugins/jquery-plugin-accordion/) and was at first implemented in Bernd Matzner's HoverAccordion (http://berndmatzner.de/jquery/hoveraccordion/).
[jQuery] jQuery + AjaxCFC Tutorial Part 1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <tt>Hi folks, Just wanted to let y'all know that I've written the first of a two (possibly three) part <a href="http://cjordan.us/index.cfm/2007/7/8/jQuery--AjaxCFC-Tutorial-Part-1-Setting-Up-Your-AJAX-Call">tutorial on using Rob Gonda's AjaxCFC with jQuery</a>. Part two will be about manipulating complex data returned from a CFC. The tentative part three will be about debugging
[jQuery] Manipulating loaded data
Hi all, firstly let me thank you all for supporting such a great library. I am not the most adept programmer so I hope you will help me out by explaining some of the workings of JQuery. //// Script ///////////////////////// $('.galleryList').load("data.dat"); $('.gallerySelect').click(function(){ var gallerySelected = $(this).parent('div'); if( gallerySelected.attr('class')=='galleryOut' ) { gallerySelected.removeClass(); gallerySelected.addClass("galleryIn"); }
[jQuery] Using scrollIntoView with overflow blocks
I have a web page that has a div with the following style. overflow: auto; white-space: nowrap; width: 100%; height: 300px; The overload and height causes the div block to display a scrollbar when height of the content exceeds that height. What I need to do is scroll to a point in that block but when I use the standard scrollIntoView Javascript function it scrolls the parent page as well as the div block. I would like to know if there is a way to just scroll that div independently of the page? Is
[jQuery] Set element's css 'min-height' to browser's viewport height?
Hi! I'd like to set all elements with the class ".inner" to have a minimum height equal to the height of the browser's viewport. So, if the window height is 550px, each of the '.inner' divs will have a minimum height of 550px. I suspect it's bound to be super-easy to do with jQuery, but newbie that I am, I can't figure it out. :-S How would I go about doing this? Many thanks, Zarino
[jQuery] ANN: CFJS 1.1.8 is now available for download
Hi folks, Just wanted to let everyone know that version 1.1.8 of CFJS (both the jQuery and independent flavors) is now available for download from riaforge.org (http://cfjs.riaforge.org). Many thanks to Trent Richardson who coded the new functions that this version makes available, namely: IsSimpleValue() IsString() IsValid() Cheers! Chris -- http://www.cjordan.us
[jQuery] how can i get only the id's of a container's child elements
First of all many thanks to the makers for this absolutly fantastic library. I just discovere jquery and I'm really carried away by its ease of use and its small size. However, as I slowly get a grip on how it works, i still couldn't figure out, whether there is a function in jquery which returns only the ID's of selected elements, rather than the entire html mark up. Example: <div id="container"> <div class="item" id="1">item1</div> <div class="item" id="3">item2</div> <div class="item" id="3">item3</div>
[jQuery] jquery books, whats the differences
Hi Now that im using jquery more and more for projects I was thinking about buying one or more books ( since there are 3 coming out ) What is the difference between the books target readers etc. I would like a good book that explains jquery and how it works and how to build and setup my own plugins Armand
[jQuery] 2 thickbox in one page...
hey. i have a problem. i got 2 thickbox in one page, and one of them is not open in the thickbox, its just redirect it to the desierd url... this is WORK: <input type="button" class="thickbox" title="Add Event" alt="http://www.domaicsn.com/en/usen/sks/events-modals/?height=425&width=610&modal=true&window_id=2&backtodiv=alltasks" id="blue-button" value="Add tasks"/> this is the link that DONT work: http://www.domaicsn.com/en/usen/sks/events-modals/?height=245&width=395&modal=true&isvendor=0&window_id=3&taskname=3&taskid=12
[jQuery] 2 thickbox in one page...
hey. i have a problem. i got 2 thickbox in one page, and one of them is not open in the thickbox, its just redirect it to the desierd url... this is WORK: <input type="button" class="thickbox" title="Add Event" alt="http://www.domaicsn.com/en/usen/sks/events-modals/?height=425&width=610&modal=true&window_id=2&backtodiv=alltasks" id="blue-button" value="Add tasks"/> this is the link that DONT work: http://www.domaicsn.com/en/usen/sks/events-modals/?height=245&width=395&modal=true&isvendor=0&window_id=3&taskname=3&taskid=12
[jQuery] Drag- & Droppables using Interface
I just found this group yesterday, and I've already found a lot of good advice from reading old posts. But I couldn't find a solution to some weird behaviour I'm having. I am using jquery together with Interface to play around a bit with drag&drop + ajax. So a basic test was to move an element between two lists. The code I've come up with looks like this: $(document).ready(function(){ $('body').mouseover(function(event){ if ($(event.target).is('li')){ $(event.target).Draggable({revert:
[jQuery] POT: CSS Selector test
Came across this when running thru <a href="http://w3c.org">w3c.org</a> and thought it was interesting: <a href="http://www.css3.info/selectors-test/">http://www.css3.info/selectors-test/</a><br clear="all"> I have FF2 running and a lot of the selectors failed and in IE7, even more failed. -- Benjamin Sterling <a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a> <a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
[jQuery] Interface Tooltips and animatons getting "queued"
I've noticed that animations and such in jQuery tends to "queue". When I have many animated elements, each triggered on mouseover ( in this case, Tooltips ), and rapidly move my mouse across several elements, the Tooltips will start showing in the order that the mouse touched them. Is there any way to abort an animation when another one starts, or disable the animation queue?
[jQuery] How to bind a submit form action
Hi all, I'm not sure if subject is right, but I'm going crazy with this problem: after an ajaxCall I return this code: $(".public").after("<input type="submit" name="action" value="Update" class="update">").remove(); this code works well, in the form the button (Public) is replaced with (Update), but when I press the button not "action" value is passed, only the content of the fields are passed. This code for the Public event works well, but not works for Update event when the button is replaced.
[jQuery] How to change of an input textbox
Hi, I'm new to jQuery. I have an input textBox with an id="IdName". By instinct I tried to change its value with: $("IdName").value="New value" but it doesn't work. I did it with : document.getElementById("IdName").value = "New value" How can I make it with JQuery? Isn't there any shorthand for document.getElementById that lets me obtain the same reference? Thanks.
[jQuery] SITE SUBMISSION: RockBand.com
I noticed thickbox in use on the official site for the upcoming video game Rock Band: http://www.rockband.com/index.php?do=/public/ --Erik
[jQuery] Apply effect to entire div holding a link
Apply effect to entire div holding a link I have a div with class box-itemid (itemid is some numbers). Inside that div I have a link that when clicked, I want to hide the div the contains it. Is this possible in jQuery? Thanks in advance for any tips/help.
[jQuery] jquery.com not available
jquery.com not available for me, anyone else having the same problem? Best regards, Stefan Kilp -- Stefan Kilp SK-Software, Entwicklung & Beratung email: kilp@sk-software.de fon : +49 6151 93344-0 fax : +49 6151 93344-20 Herta-Mansbacher-Str. 98 64289 Darmstadt, Germany. -----------------------------------------------------
[jQuery] jquery.forms incorrect object usage in fileupload() with IE
Error correction for jquery.forms plugin (http://www.malsup.com/jquery/form/) Error oberved when send a form containing file field with Internet Explorer 7 A possible solution to solve it : form.action is an object under IE7 so an error occured when the script try to replace it by an url i replaced form.action by form.action.href and that work ^^ form.action.href = opts.url; -- View this message in context: http://www.nabble.com/jquery.forms-incorrect-object-usage-in-fileupload%28%29-with-IE-tf4030286s15494.html#a11448178
[jQuery] Checkboxes and IE
Hi guys! I'm having some trouble with checkboxes in IE... so.. after the pageloading i want to check all and i've tryed with attr({checked : "checked"}) , attr({checked : "true"}) , usign dom el.checked=true , but nothing... can someone help me?
[jQuery] radio button created using dom are not working in IE
Hi, I am facing a strange issue. It's regarding radio button I am using following code to generate radio button but the following code behavesdifferent for different browser. In IE it sshows all selected radio buttons and user can't deselect them. And in Mozilla it shows last button selected. function createRadioButtons(e){ var radio_element = document.createElement('<input type="radio" name="trim" value="aaaaa" checked>'); var tr_element = document.createElement('tr'); var td_element
[jQuery] clear file input field
I need to clear a file input field on onclick event $('#edit-header-image').val(''); but i dosent work for file input type but it works for text fields also tried normal js type document.getElementById('edit-header-image').value= ''; but it dosent clear the field in IE but it dose in firefox i dont know what iam doing wrong , help me with this
[jQuery] Introducing Hot Chili
Hot Chili is my new little creature. It's like a graffiti spray can: grab it and spice up someone else's gray codes. A short post about it: http://noteslog.com/post/introducing-hot-chili/ -- View this message in context: http://www.nabble.com/Introducing-Hot-Chili-tf4045543s15494.html#a11491589 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Select div containing link
I have a div with class "box" that contains a link with class "remove". When the link is clicked I want to .fadeOut the entire div that is holding the link. Is this possible? I've been trying different thing but nothing seems to work. Thanks in advance
[jQuery] how to animate two divs' position smoothly at the same time
There're two divs which have the same position, <div id='first' style='left:0px,top:0px,width:100px,height:100px'/> <div id='second' style='left:0px,top:0px,width:100px,height:100px'/> Is there a method to move them smoothly at the same time. below is not good: $('#first').animate({left:'50px',top:'100px'},1000); $('#second').animate({left:'50px',top:'100px'},1000);
[jQuery] blur() problem
Hi, I have an arrow on my website on which the user can click. The problem is that when the user clicks, in Mozilla I have the selection border on the arrow. The arrow has id "buttonNext" I tried this : $("#buttonNext").click(function(){ alert("test"); $("#buttonNext").blur(); }); I tried this but it doesn't work, I can see the test getting displayed though. Can anyone help ? Thank u. -- View this message in context: http://www.nabble.com/blur%28%29---problem-tf4044064s15494.html#a11487534
[jQuery] jquery-1.1.3.1 with interface slider trouble
Hi all, When i try jquery-1.1.3.1.pack.js with interface slider last pack on IE6, i get a usual "Object doesn't support this property or method" on the "$('.sliderPrice').Slider(" line, even if i set no options. Works fine on ffx. $('.sliderPrice').Slider( { accept : '.indicator' } ); Anybody has any idea what i should try? Regards, Phil
[jQuery] jquery 1.1.3 and "undefined" variables
Hi folks, I had 100% working jquery code throughout my site, but upon updating to the newest version, a TON of stuff is no longer working. Specifically, "undefined" is showing up in various variables being passed around or gotten via selectors. One thing I've found is that while in the past a blank variable would pass into an ajax call as nothing (and in my php code, I could then just say if (!$varname) ), now, it's passed as "undefined". Once I put in a bunch of error handling it works fine, but
[jQuery] slideUp+Ajax+slideDown problem...
Hi, Id like to have nice smooth slidings but... div slides up and disappears smoothly, ajax loads page, and there`s the slideDown...It slides to the same height that was before, and then div fits to new content.. Its ugly, mostly when theres big differences between height of div before and after... My code is: <script type="text/javascript"> function str(){ $j("#text2").slideUp(750, function(){ $j('#text2').load(stro) }).ajaxComplete(function(){
[jQuery] How to define var to ajax in onClick?
Hi, im loading my pages through ajax and id like to have one script for all pages by adding: var page = './page.html' to onClick="javascript:name();" Is that possible? How to do that? Regards
[jQuery] paid thickbox modifications
hello my request: would it be possible to make an extended/modified version of thickbox for us and the community of thickbox-users? the problem: a) we need a next and previous button in the iframe-part of thickbox - like the image-gallery-part of it (we want to show following websites in the iframe) b) we need a percent-view of the iframe (the size of the iframe not in pixel but in % - i know there is a solution in the thickbox-forum - maybe you can take and test and implement it) would it be interesting
[jQuery] event handler variable scope in classes
I'm a bit of a jQuery newbie, trying to convert some existing class files to a jQuery structure. I have a class like this: function testClass(){ this.foo = 100; this.init(); } testClass.prototype = { init: function(){ var instance = this; $('a', instance).click(function(){ instance.doSomething(instance.foo); }); }, doSomething: function(text){ alert(text); } } Is setting up a local var that references the class instance in each prototype function where another class property or function needs to
[jQuery] Navigation conversion
Hi all, I'm trying to convert a simple navigation to jQuery (from Mootools) but I'm not having the best of luck with it yet, the original is here: http://www.chromasynthetic.com/blog/wp-content/uploads/2006/09/mootools1.html So far I have this: http://www.skorpion.geek.nz/projects/nav2/index.html But as you can tell, it's not animating it as smoothly - Can anyone help with the animation for this? Thanks heaps in advance Allan
[jQuery] Thickbox: Safari iFrame Cache
If I have several links to a thickbox-iFrame on my site, after reloading the site Safari always shows the same site in the iFrame (the one I last opened before reloading). The same problem appears if I have just one link but change it after having clicked once. After successfully reloading it opens still the old site in the iFrame. Same thing on the official demo-site (http://jquery.com/demo/thickbox/). Emptying the cache doesn't help. Just a restart of Safari. I already posted this in the Thickbox-Forum:
[jQuery] [JCarousel] Auto Scrolling
Hi all, I want to auto-scroll images using JCarousel horizontally. I can notice it scrolls automatically from right to left, but when it reaches the end it doesn't go from left to right. I can notice in the code it is supposed to do so, has anyone a fix for this ? Thank u for any help.
[jQuery] Flash External Interface call and jQuery - page reloads?
I am on my first week using jQuery and have a question regarding rewriting a standard function that gets called from Flash using External Interface: The html page has a <div id="flashheader"> at top that is resized from a parameter (sent from flash) the function is pretty standard: function animateFlashDiv(param) { var targetHeight = Number(param); $('#flashheader').animate({height:targetHeight}, {duration: 1000, easing: "easeinout"}); } The resizing works, However, the call is interpreted as a "page
[jQuery] tutorial needs additional material
In the main tutorial http://docs.jquery.com/How_jQuery_Works the third section is "3. Callbacks, Functions, and 'this'" however there is no discussion or even a mention of 'this'. Could someone who understands it help this newbie out? The specific thing I'm trying to figure out is, given a lists of <tr>s how can I attach a click() to the first <td> of each <tr> that does a show() on a div.class in the third <td> of that <tr>? -- "I'll take unequal justice to equal injustice any day." Rick Pasotto
[jQuery] Creating a button like this, using jquery?
Sorry guys, but I cannot get my head around this one. I am trying to create a vote button that looks like the ones here, jyte.com I already have ALL of the backend logic programmed. I even already have everything working, the problem is, I am using CSS to display the buttons. This does not allow me to resize the button on a MOUSEOVER state like I was told javascript was able to do. I know there is a mouseover function in jquery, but I am confused about what I should do, display an image or what?
Next Page