[jQuery] Animate to bottom left corner?
Hi all, Got an image absolutely positioned inside a relatively positioned DIV. When I mouseover it, it stretches via jQ's built in animation functions to a wider, taller version. Awful ASCII art coming up: ------------------> ON MOUSE OVER, EXPANDS OUTWARD | | | XX | | | ------ | | | v ON MOUSE OVER, EXPAND DOWNWARD So it's going from the top left corner. Is it possible to make the animation run from the BOTTOM left corner? LIKE THIS? ^ | | | ------ | | | XX | | | ------------------> ON MOUSE OVER,
[jQuery] IE7 textarea regression
If a textarea is wrap()ed in a new div on, IE7 will forget its value when browsing back and forth the browser history. Not sure if the same error happens on IE6 as well. It definitely does not happen on firefox or konqueror. An obvious workaround would have been to get the value of the textarea before applying the wrap() and restore it later. But for some reasons that does not work out. Maybe there is some wired javascript optimization going on in IE7. Only the presence of wrap() later in the code
[jQuery] Sorting multiple tables by the same criteria
Hi, I'm relatively new to jQuery and I'm using jquery.tablesorter to sort a table. That works great, except that I need to sort a second table in the same way to keep the rows aligned. Basically, what I have set up is this. A tabbed interface with two tabs. Tab 1 shows a table with computer specifications and Tab 2 shows a table with extra information about each computer. As such, I have to keep the rows related, and I need to allow users to sort either table and their sorts affect the other table.
[jQuery] Interface (interface.eyecon.ro) question
Hi, I was wondering if this is a known bug or a missing feature if I have multiple input fields with Autocomplete attached to them. I have on one page about 10 text input fields and they all have autocomplete code for them. 8 of them call the same script, and 2 of them call another script. In firebug, I get the result back from those scripts, but the drop- down does not appear. Bellow I'll post the backend script and the js script for one field, the other ones being identical. Backend script <?php
[jQuery] jQuery XSLT plugin question
hi i'm using the jQuery XSLT plugin to insert some xml code in a xhtml page. how can i use the same function to inject xml data in two different xhtml blocks? What i do now is: $(document).ready(function(){ $('#leftMenu').xslt({xmlUrl: '../Dati/menuProdotti_jquery.xml', xslUrl: 'index_xml.xsl'}); $('#topNav').xslt({xmlUrl: '../Dati/menuTop_jquery.xml', xslUrl: 'index_xml.xsl'}); }); but i'd like to call "index_xml.xsl" only once and use the same xml file (as you can see i use two of them)
Question about jQuery Tabs "click" function
Hello, I have 3 tabs in the footer of my website using the jQuery tabs script. I have a link at the very top of the page, and I've attached an anchor to the link. When the link is clicked, it is supposed to go to the anchor at the bottom of the page, and then the jQuery code in the head is supposed to trigger the link. Here is the code in the head: <head> <script type="text/javascript"> $(function() { $('#containerFooter').tabs({ fxFade: true, fxSpeed: 'fast' }); $("a.callToActionAskJames").bind("click",
[jQuery] displaying content after certain amount of time?
Hi, I'm relatively new to jquery and was wondering if there's a way to display a div after x milliseconds? Thanks in advance, rudgr
[jQuery] Validator plugin submit with HREF
Hi all, I am trying to use an anchor link to submit my form using the Validator plugin, (so I can change the button to a graphic). I would like to know what to put into the HREF to submit to the Validator code. Currently I have: href="javascript:$(this).validate();" This doesn't seem to work correctly, here is my full block of code in case you would like to check. I would greatly appreciate any help or links. $(document).ready(function(){ $(":submit[id$='_replace']").each(function() { var submitID
[jQuery] trigger an AJAX interrupt
Hi, I have a device status page that pulls some information directly form a database and some other information from the device itself. The database content is generated once by the server and displayed in the static section of the web page. The information form the device itself is generated by am ajax request and the response is displayed in the dynamic section of the web page. Sometimes the device may be switched off or there may be some other delay in returning the response. During this time
[jQuery] jquery.blockUI: Any way to preload images for the blockUI dialog?
Hi, I am loading this animated .gif loader image into the blockUI dialog. When the dialog comes up, there's a lag of 2-3 seconds before the image appears.. this looks pretty unprofessional. So is there any way to pre-load these images so that they appear along with the message the moment the dialog pops-up? Thanks, m^e
[jQuery] Comet Technique - possible with jQuery? Plugin?
Hey, I have been doing some research on Comet to use on my site: http://rksdesignstudios.com/magnet/ - To try to keep it "live" as possible almost to push the content to see other changes and keep the page constantly updated. I did a search here on the group but really didn't find anything, any ideas on what I can do? Is there a plugin or other technologies I can do using jQuery to achieve my goal? Thanks, Ryan
[jQuery] Question about jQuery Tabs
Hello, I have 3 tabs in the footer of my website using the jQuery tabs script. I have a link at the very top of the page, and I've attached an anchor to the link. When the link is clicked, it is supposed to go to the anchor at the bottom of the page, and then the jQuery code in the head is supposed to trigger the link. Here is the code in the head: <script type="text/javascript"> $(function() { $('#containerFooter').tabs({ fxFade: true, fxSpeed: 'fast' }); }); $("a.callToActionAskJames").bind("click",
[jQuery] Question about jQuery Tabs
Hello, I have 3 tabs in the footer of my website using the jQuery tabs script. I have a link at the very top of the page, and I've attached an anchor to the link. When the link is clicked, it is supposed to go to the anchor at the bottom of the page, and then the jQuery code in the head is supposed to trigger the link. Here is the code in the head: <script type="text/javascript"> $(function() { $('#containerFooter').tabs({ fxFade: true, fxSpeed: 'fast' }); }); $("a.callToActionAskJames").bind("click",
[jQuery] Question about jQuery Tabs
Hello, I have 3 tabs in the footer of my website using the jQuery tabs script. I have a link at the very top of the page, and I've attached an anchor to the link. When the link is clicked, it is supposed to go to the anchor at the bottom of the page, and then the jQuery code in the head is supposed to trigger the link. Here is the code in the head: <script type="text/javascript"> $(function() { $('#containerFooter').tabs({ fxFade: true, fxSpeed: 'fast' }); }); $("a.callToActionAskJames").bind("click",
[jQuery] Is there an Event.stop for hrefs?
Hi guys, I am "listening" for an href click in my document.ready function and I want to make sure the href isn't followed by the browser for users who have javascript turned on, and is followed by users who have javascript turned off. This is my href: <a href="http://mysite.com/gohere.html" id="hrefCreate">Click me</a> The way I'm doing the javascript is (note the "return false"): $(document).ready(function(){ $('a#hrefCreate').click(function(){ //do something here return false;
[jQuery] jQuery.FastTrigger
Hi Added a new plugin that adds a faster version of $.fn.trigger and $.trigger. There's no real magic, removed all the "internal fat", optimized it for scalability and added many other improvements. It's not the most interesting or innovative plugin, but it might be very useful for someone using $().trigger oftenly. FastTrigger should be around 4 times faster than $().trigger, on one element. As the event is triggered on more elements at once, the difference is more noticeable. Using $.trigger (global
[jQuery] two photos in one line
Hi! I have a question: How can I put two photos in one line? (vertical gallery) Example: http://elvors.deviantart.com/art/elvors-org-own-photogallery-81987811 If I edit the width of the gallery, that two pictures in one line, then I can scroll above the number of the photos... Thank you for your help. greets PS: Sorry for my english =/
[jQuery] Need Special Menu Plugin
I need a special menu plugin for admin pages. The problem is that my clients hate frames and iframes, and on slow connections, admin pages for websites that I build need to always show menus and not have to redraw them each time. Previously I was using iframes to fix that. I was putting the menus on the screen, and when they click an option, it then updates the iframe. But now I see that my clients hate that because iframes don't resize in the page, the way I have them. So, I envisioned using jQuery
[jQuery] Drag and Drop question
I am trying to allow a person to sort a list of items by dragging and dropping them. I need to know the new index to where the item was dropped into. I would imagine that value is contained in the ui argument that is handled by the drop callback. ... drop: function(ev, ui) { // act on the drop event } Is there a place or a method to find out what is contained within the ui arg? Thanks for the help.
[jQuery] is there a way to set the index of an element?
Let's say I have a page containing the following: <DIV class="element" ID="0"> 1</DIV> <DIV class="element" ID="1"> 1</DIV> <DIV class="element" ID="2"> 1</DIV> <DIV class="element" ID="3"> 1</DIV> <DIV class="element" ID="4"> 1</DIV> <DIV class="element" ID="5"> 1</DIV> <INPUT type="button" ID="randomize" VALUE="click me!"> and I want to randomize the order these divs appear on the screen, mapped to the button's click event. I can capture the click event, get a count for the number of elements,
[jQuery] JQuery bigginer
Hi I am learning JQuery and Javascript so asking this simple question. I have a text field which has default value as Day. I want when user focus on this text field then it become empty. How can I do this using JQuery? <s:textfield name="day" cssClass="textbox1" size="3" id="dayOfBirth" value="Day" required="true" maxlength="3"/>
[jQuery] Sticky (scrolling) element
Hi there I have a scrolling box here: http://backflip.info/test/ Everything works fine except for two things: - I'd like the box to start scrolling not until "arriving" at the top of the page. Now there is always the initial margin. Is this possible with the ui.slider I'm using? - When the box is higher than the screen (click "expand") there is an unwanted effect when scrolling to the bottom of the page. How can I define a minimal margin to the bottom? Thanks a lot, Thomas
[jQuery] jquery plugin: dodo's picklist
Hello, I modified rob.desbois' jqmultiselects jQuery plugin to produce this http://pure-essence.net/stuff/webTips/dodosPicklist/index.html Hope it's useful for someone :)
[jQuery] Order of presence of DOM Elements
Hi. I think i have a problem of understanding in what order the nodes get into the DOM. I have a select that is bound to different Text-Converter which is present within all content input areas in our little CMS. I integrated the markItUp! Editor successfully at least (thanks Jay for the hints). Fortunately there are Text-Converter Plug-Ins available yet which fits perfectly with the parsing options we afford. So i of course must take action on every 'onchange' of the select to load at least the
focus to a particular character number in text field?
I can focus the cursor to any field I want but is there a way to focus the cursor to a particular character within a text field? eg. text in text field: this is some text newline some more text I want to place the cursor at the newline position. Andy
combine load content via .GET with show() effet
Hi again... I have a page which load a content via a GET The data is inserted into a DIV element, $("#mydiv").html(data) then I add a show() method to make the DIV animate with show(). this code: $("#mydiv").html(data).show(); But it doesn't work. The content just show but without animation. Any helps? thanks sorry if this post has been posted before.
add to field data after submit is pressed
I have searched everywhere and I'm beginning to think it's not possible but... I have a form with a few text fields, I have an function that is called when the form is submitted which does something with one of the fields to add some text on the end of what data was in there at time of submission, I cant seem to add the new text to the field and then continue to let the form submit. the resulting php file that is the action of the form doesn't see the new data. is there a way to add or change the
[jQuery] How do I avoid this leak?
Here's what I'm doing: - I have table element that needs to be populated from JSON coming in from an XHR. - Calling empty() on the table's tbody to get rid of the rows from previous responses, and buiding new <tr> and <td> elements for the newly returned data. According to drip, every time i empty the table body and refill it with new elements i'm leaking memory for each of the <tr> and <td> elements, and a whole bunch of <div> elements. Is there another way to build DOM elements and then get rid
[jQuery] Having trouble with += and toFixed for some reason
Here is my code: <pre> <script type="text/javascript"> //on page load $(document).ready(function() { //add up the cart totals and display on the page //setup default values var bagqty = ''; var bagtotal = ''; //get all table rows $('#shoppingcart tbody tr').each(function() { //get the row's price, remove the $ var price = parseFloat($('.itemprice', this).text().replace(/^[^
[jQuery] smartposition - a scrolling detection problem.
I'm using some code that I found in the K2 theme for WordPress. function smartPosition(obj) { // Detect if content is being scroll offscreen. if ( (document.documentElement.scrollTop || document.body.scrollTop)
[jQuery] @ Mike Alsup: Cleartype fix
Thanks again for your help last night, Mike. Client's so happy with the result using Cycle, she's decided to go live before her new site is finished! ( http://homeholistics.com ) jQuery fade is ruining my beautiful work in ie7. I've tried the available Cleartype fixes, but they're not working - whereas the one you've included with Cycle does! I'm prepared to use Cycle unneccesarily if I have to, but wondered if you'd share the secret with the rest of us?
gallery navigation buttons
dear all, i am writing a simple gallery for my portfolio. I have navigation buttons, to show the next, previous, last and first picture. This works fine as long as i remain within 1 gallery. But i need 4 different galleries. So based on the gallery, the buttons will need to load images from different folders. For example, in 1 gallery i use: $("#foto1 img").attr('src','portfolio/webdesign/1.jpg'); Whereas in another gallery i should use: $("#foto1 img").attr('src','portfolio/drukwerk/1.jpg'); How
[jQuery] click removing highlight
I am trying to capture highlighted text. To activate the capture method I am clicking on a div that jQuery is watching. When I click on the div the highlight goes away. The div is actually a context menu... YUI's context menu does not remove the highlight (see http://developer.yahoo.com/yui/examples/menu/contextmenu_source.html highlight the word Dolly and then use the context menu, Dolly stays highlighted). What do I need to do to keep the highlighted text?
[jQuery] IE6,7,8b Transparency with Fade causes problems.
Ok, in IE the Fade: option is not working at all for me, it causes blank or non-existent images to be rotated in, This happens if I say True, or put a numerical value in, it doesn't matter. Fade works fine in FF
[jQuery] ui real world demo modification
<div><a href="http://dev.jquery.com/view/trunk/ui/demos/real-world/layout/">http://dev.jquery.com/view/trunk/ui/demos/real-world/layout/</a></div> <div> </div> <div>Anyone made a modification to this one so that the positions after drag and drop can be saved in cookie</div> <div> </div> <div> </div>
[jQuery] How can I check what button was clicked
Hi, For example I have <form method="post"> <input type="submit" name="edit_1" id="edit_1" value="Edit_1"> <br /> <input type="submit" name="edit_2" id="edit_2" value="Edit_2"> <br /> <input type="submit" name="edit_3" id="edit_3" value="Edit_3"> <br /> <input type="submit" name="edit_4" id="edit_4" value="Edit_4"> <br /> </form> So how can I know that Edit_3 was clicked or other?
[jQuery] click on a link and have a table appear - can't get it to work
I'm a newbie to jquery, so no flames please...I have a basic 3 column web page - nav, center and left. That works great. My left column is navigation. When I click on a link on the left nav pane, I want a basic table to appear in the center and right panes - not even getting anything from a database, just displaying a schedule table. It seems pretty easy but I must be doing something wrong. Here is my jquery js: $(document).ready(function() { $('#btn-slide').click(function() { $("#col1").show('slow');
[jQuery] jquery tabs bind to tabselect
Hello, I'm trying to incorporate jquery tabs to a project at work. I read in the documentation that you can bind to stages of the tab. I would like to bind to the tabselect stage i.e. $('.ui-tabs-nav').bind('tabsselect', function(event, ui) { ui.instance // internal widget instance ui.options // options used to intialize this widget ui.tab // anchor element of the currently shown tab ui.panel // element, that contains the contents of the currently shown tab }); My question is that I really need to
[jQuery] ui.tabs - setting the title attribute of newly added tab
How do I set the title attribute of the anchor element of a newly created tab? In one case, I'm generating the tab label (tab name) and panel ID from the title attribute of my triggering element (an anchor tab for simplicity), but I'm truncating tab labels longer than 25 characters. I want the full (long) label to be available to the user via hover. Hence, I want to set the title attribute as I'm generating the new tab... but I don't quite understand how I do that my basic function is $('#wrapper
[jQuery] cluetip on Safari Mac throws error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7
Safari on mac is throwing this error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7 When using any method to call the tooltip function. Safari Windows has no issues, nor does any other browser. Any ideas?
Next Page