toggle problem
I want to use a toggle to hide and show some content but it isnt working html code: <div class="comments-box"> <div class="profile-comment-bg"> <img src="images/profile.jpg" alt=""/> </div> <div class="comments-right"> <p class="com-name">title</p> <p>content</p> <p class="c"><a class="edit-comments" href="#">Edit</a></p> <p class="comments-date">2009/06/16 at 12:15pm</p> </div> <div class="comments-toggle">toggle this box</div>
Several draggable objects drag simultaneous at the first???
Hi my English is not the best, so i come from germany. But for the questions and the answer, i think its ok. I work on a project with jquery and jquery-ui. To my question: How can i drag more objects at the same time when i drag the first object? Which code i must use? I hope someone can help me, please. Thanx in advance for any help.
[jQuery] Tooltip Distance Offset
Live preview (hover over the navigation): http://www.monikercreative.com/monikerguest/test.php I'm having a problem getting the tooltip to move next to each nav list item...I can move the static tooltip placement around and I've tried using offset and jobj width, but it doesn't work well since the nav items do not get progressively wider, and width of the window shouldn't be taken into account. Is there any way I can define the distance to offset it with just by unique list item classes? For example,
[jQuery] [validate] Using 'phoneUS: true' Multiple Times Breaks Form Validation
New to jQuery and Validation so please go easy :) The issue: If I validate more than one field with 'phoneUS: true' it breaks jQ Validation and no longer validates anything at all. Here is the code: http://pastie.org/537374 If i remove all instances of "phoneUS: true" after the one on line 31 the form validates without any issue. Just for reference, here is the form: http://pastie.org/537385 Any ideas... or work arounds? Thanks for you time!
[jQuery] Error messages below instead of beside elements
Hi. I love jQuery and the validation plugin, but I am having a problem. When there is an error, instead of showing beside the element (e.g. a dropdown or an entry field) the error message shows below the element, throwing elements below it out of whack (pushes them to the right). When I look at the examples, the messages all appear beside the related elements. I've been unable to figure out what is causing this. Can someone explain the error message positioning when using the validation plugin? Thanks
[jQuery] form action not being set
Hi all Pulling out hair that doesn't exist. When I run the following code, none of the set's are being done. Most important one for me is the action attribute. Can anyone help? <script type="text/javascript" language="JavaScript"> $().ready(function() { var url = $("#aggurl").val(); alert(url); $("#frmhclogin").attr("action", url); $("#this_job").val(url); $("#id_no").val("value"); $("#email").val("value"); }); </script> <h2>Title</h2> <div id="hcapply_dialog" class="flora" title="Log onto"> <form
[jQuery] $("delButton")..click(function(){... for later added button's
Hi, i implemented the following method for removing a button with it's parent: $(".delButton").click(function(event){ event.preventDefault(); $(this).parent(".parentOFbutton").remove(); }); this works fine. Now i added a script which dynamicly adds those "delButton"s to my dom- tree with when the user creates a new record: $(".parentOFbutton:last").append(' [<a href=\#" class="delButton">DEL</ a>]'); This also works. But now my $(".delButton").click(function(event){ ... doesn't! Is this cause of
[jQuery] Problem with submit(function())
Hi everyone, I'm running into troubles with a simple task. I want to bind a function to the submit event on a form : $j(document).ready( function(){ var oCurrentForm = $j("#syncCountry").parent().get(0); if(oCurrentForm.tagName == 'FORM') { oCurrentForm.submit(function(){alert("toto"); return false;} ); } else { alert("No form found!10"); } } ); But the form is submiting
[jQuery] Remove an <li>
I want to remove the following <li> and any after that which have the class jcarousel-item-placeholder in them <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal jcarousel-item-placeholder jcarousel-item- placeholder-horizontal" jcarouselindex="4"/> I'm not sure how to go about this.
[jQuery] Jquery Galleria doesn't work with slider javascript
I am trying to implement the galleria plugin into my webpage. I am a javascript newbie so my knowledge is limited. I have included the no conflict plugin and have also changed some of the css for the galleria to not conflict with other css elements(intentionally misspelled names). There is code somewhere, either in the JS or HTML, I am not sure where at this point. I have searched for related topics but couldnt find any that fit this issue. The page can be found at <a href="www.simondr.com/newsite/
[jQuery] String Remove Trailing "&"
How can I remove the trailing "&" from a string I'm concatenating to go in a URL? -- View this message in context: http://www.nabble.com/String-Remove-Trailing-%22-%22-tp24359541s27240p24359541.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Fade in first slide in Cycle
Hi all. I am using Cycle and I am trying to get the first slide to fade in. I am new to all of this and I just can't get it to work. I looked at the 2 examples that Mike has on his page, but I just don't know what exactly to put where with regards to the code. I am setting up a portfolio with simple fade transitions between each example. I am utilizing both a prev and next option with the paging feature as well. If someone could be pretty specific as to what code needs to go where, I would appreciate
[jQuery] DISABLE BUTTON AFTER 1 CLICK ->JQUERY: NOT WORKING WITH IE8
Hello there, I am using Drupal forms with Jquery. I used the following code to disable a button after it is clicked to prevent double updates. $(document).ready(function() { $('#node-form').submit(function (e) { var settings = Drupal.settings.block_submit; if (settings.block_submit_method == 'disable') { $('input[type=submit]', $(this)).attr('disabled', 'true').each (function (i) { }); $(this).submit(function (e) { return false; }); } return true; }); }); Form ID should be specific to: "node-form".
[jQuery] Remote control of web pages for use as a test harness - clicking A links from script
I am devising a test harness for a complex web application. The application inserts a javascript file into the HTML it outputs - record.js when recording tests, and playback.js when playing them back. Record.js attaches event handlers to all the objects the user might interact with (mostly INPUT, SELECT, TEXTAREA, BUTTON and A tags). The event handler uses Ajax to send details of the event to a server, which saves them to a database. Playback.js is supposed to query the server to retrieve events,
[jQuery] Finding/selecting items identified by an attribute whose value contains quote characters
I am writing a test harness for a web app using jquery. When recording a test, I add handlers for user interaction events (e.g. click on an A tag), and record details of the tag clicked. When playing back, I need to find the tag (so I can emulate a click on it). The A tags do not have id elements - the only unique way to identify then is to use the href. However, I have hrefs containing quote characters [typical hrefs include "javascript:Go('fred')" and even "javascript:Go(\"jimmy's \")"]. How do
[jQuery] getScript does not always work for me
I am building a web app that is controlled from a server. I want the server to send objects to the app, which the app then processes. I am using getScript for this, but it doesn't seem to be working for me. I have example code at //jsbin.com/umuwi This code calls getScript on the url ://jsbin.com/utake - this returns the following text: _jq_action={type:"href"}; I call getScript as follows: var _jq_action; $(document).ready(function(){ _jq_getaction(); }); function _jq_getaction() { try { _jq_action
[jQuery] long paragraph - hide some of it and show all on click
Not sure the best way to approach this. I would like all my text to be on the page (for seo reasons). for example --------------- Some text hidden below --------------- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id elementum viverra, fringilla eu lacus. Nulla sit amet
[jQuery] tablesorter plugin leaks memory in IE6 and IE7
Hi there, I have a table, 10 cols, 200 rows. Using tablesorter causes a memory leak on every page refresh of almost 2mB. A smaller table causes a proportionately smaller memory leak. Is there way to clear this memory? I've tried setting inner html of the table to '', but it makes no difference. Is there even a universal method i can call to remove any trace of any jquery plugin I have on the page? Any ideas would be great, I love this plugin and don't want to have to use a different one instead.
[jQuery] jQuery.remove() = bug or feauture?
Hi! I've started to deal with jQuery for few months ago and I bumped into some freaks but this was the first time (yesterday) when I blunder into a problem which queries the availability of the whole jQuery framework. I've got several problems with the remove() function... I hope you can help me to solve them. According to the documentation: jQuery.remove(): Removes all matched elements from the DOM. This does NOT remove them from the jQuery object, allowing you to use the matched elements further.
[jQuery] Form Plugin Large File Upload Problem
I am using the JQuery Form Plugin on a form that is shown in a modal window (nyroModal) to upload files. It is working like a charm as long as the file is a reasonable size. However, if a user tries to upload a large file (say 100MB or more), when response comes back (HTML response), it re-loads the entire window, instead of re-writing the contents of a div in the modal window, like it is supposed to do. Does anyone have any idea as to what is going on? Seems like it may be a timeout issue, but I
[jQuery] menu slide
Hi all, I want flash menu go away from my site. I've found http://interface.eyecon.ro/demos/menu.html but it seems a little buggy and needs too much js. I imagine a menu with 3 horizontal boxes (with a picture in each). When i hover on one of the box, its width increases to let appear a text beside the picture. If i hover the second box, the first one gets back its original size and so on. Have you got some links to a cool sliding menu ? thanx & regards, f.
[jQuery] Mootools tooltip used inside of jquery??
Hi all, The code below shows three thumbnails with link and alt text . The info is coming from the xml file and I'm using $.ajax to place it in the page. Now I want to add a tooltip that is using Mootools. I have to add title="The tooltip::I want to read" class="tipz" to the div (or to the image, changing the function) in order to use the tooltip. But when generating the code dynamically using $.ajax, the tooltip code will work always for Safari (though it only shows half the tooltip), but just sometimes
Binding Events to Objects Using a Closure
What's the best practice for binding events to Javascript objects using jQuery? The following code works, but I'm using my own function to create a closure, and I've found that this doesn't always work with more complicated uses of jQuery. Is there a better way? <html> <head> <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript"> function closure(obj, funcName){ return function(){ return obj[funcName].apply(obj,
[jQuery] How to read the contents of .php filw on the webserver
Hey guys, Myself totally new in this javascript world....i have to read the contents of a .php file which is placed on the webserver...say (http>// www.example.com/read.php)...how to do that???
[jQuery] ajax checkbox (status update)
i want create checkbox for show status system when user cheched status update to show=1 and when user uncheched status update to show=0 please help me with jquery and php,i am new in ajax and jquery if you want help me,please send full source code or show me where can i solve my problem in the internet and find more help
[jQuery] Kicking off an Israeli users group
Hello all, I'm kicking off an Israeli Users group, with a users meet-up. Do you have recommendations for things to talk about, or even any presentations you are willing to share? Thanks in advance, Refael
[jQuery] Problem with accordion in ajax Tabs
Hello, I use jquery Tabs with ajax for loading data it works well but when data is an accordion, there is no more presentation of the accordion (like no css, or no js) it's maybe nothing, but ajax has also a problem when data contain an accent who is not code with á anyway, if somebody has any idea for accordion with ajax tabs or maybe you have an example who woks in this case thanks
Code dont work, when I upload it
Hi experts, This is my site http://www.ansicollege.com it works fine on local computer but when I upload and check it then it show error in this code: <script type="text/javascript"> $(function() { $("#accordion").accordion(); }); </script> Please help.
[jQuery] Basic slideUp and slideDown jumping
Hi, my jQuery skills are pretty good normally but this is driving me mad! It's a fairly simple accordian I've coded up from scratch. Using jQuery 1.3.2 so there shouldn't be any jumping bugs but basically if you take a look at the example: http://www.mizudesign.com/jquery/accordian/basic.html I'm displaying the height for the target div on the right - if it contains text it thinks it's shorter than it is and jumping. If it's an image there's no problem. I can't figure out where I'm going wrong -
Selecting DDs in DL until next DT
Hi jquery-fans, this is where I'm stuck: $('dl.message-block dt').click(function () { $(this).nextAll('dd').addClass('red'); $(this).toggleClass("toggle"); }); ...selects all DDs of the definition list, but I only want to select the items after the corresponding DT until the next DT. Many thanks in advance!
Cycle plugin - turnDown effect...images only?
Hi all, I'm new to jquery and am experimenting with implementing it into my existing work. I've got the cycle plugin working pretty well, only the effect I want to use only appears to work on images. Below is a link to where I'm at with it - the first 2 transitions are images and work as expected, givng that 'squashed' look as they slide in and out. The next 2 are divs, with an image, heading, and a paragraph - they seem to 'drop' out which has a completely different effect http://www.liquid-records.com/beta/cycle/cycle.html
[jQuery] problem selectable disposition
Hello, I want to create a selectable list (with jQuery UI Selectable plugin). But I want to dispose the selectable list in table format. I need to represent list in a 3 columns and 2 rows. The code implemented is this, but I have a problem on clicking in a selectable element. The jquery don't detects the click on item i think because the "table" sentence. But I need this disposition in the list : <ol id="selectable"> <table> <tr> <td> <li class="ui-widget-content">Item 1</li> </td> <td> <li
[jQuery] function scope
In my $(document).ready(function() I have function foo() {} How can I access the foo function from a different jquery .js file? thank you, very new - eric
[jQuery] Access a plug-in option from within the initial call?
Hi, I'm wondering how to access a plug-in's options from within the initial plug-in call. Here's an example: $("#someDiv").somePlugIn({ optionA: true, trigger: $(this).children('#trigger'), callback: function(){ trigger.doSomething(); } }); As you can see, all I'm trying to do is access optionB within the callback function I'm specifying in the initial call but I don't know how to access it. Any ideas? Thanks...
Jquery form validation
Hi all I am looking for some references and tutorials to learn how to validate a form using Jquery. Google returns a lot of references but they are all based on a plugin. Can anyone help out. Thx
Upgoing slider problem (IE/FF)
On http://worldfashion.se you'll se what i'm trying to achieve on the three divs. In Firefox it works perfectly, but in IE i'm getting an annoying space at the bottom. I'm changeing the css of the divs using .animate with queue set to false. how do i fix this? do you have better approach to get the desired effect? thanks
[jQuery] Treeview, async, persist location
Good day. I'm using the treeview plugin with async. And it works great. But I miss the persist location functionality. Does anyone have a solution to this? I have a parameter in the URL that could be used to load that page's submenus. (the value of that parameter is the same as the value used to return the correct submenus) So maybe there is a way, after the tree has loaded initially, to read the URL parameter and read/add to the tree as needed. But I'm not very good at jquery or javascript in general.
[jQuery] superfish and Lokesh Dhakar's lightbox2 seem to conflict - please help
Hi, Firstly, really like Superfish! Also should mention I'm a complete noob when it comes to JavaScript code. Have successfully implemented the out-of-the-box Superfish nav-bar style within this website though - it's temporarily located here http://www.the2jays.com/index.php (note this site is still very much under construction, styling is still yet to be done (including the nav bar) and the site-wide build is only partially uploaded to the remote server). The site is a partial rebuild/ redesign
[jQuery] [Validate] trigger validation by input:button
Hi, I have been working on a big form and using jquery plug-in (wizard form) to divide tit into small subforms. Now, I am trying to integrate the Validation plugin to deal with the validation and come up with an issue. I run validation on subforms which contains two buttons(back, next). Those 2 buttons are input:button type but not input:submit. I realise the Validation plug-in would trigger the validation on submit event. Is there any way I can modify the code so that it could handle my requirement?
[jQuery] centre ClueTip image content
I'm trying to get some thumbnail images that are displayed with ClueTip to be centred vertically & horizontally. The images are various sizes, though none is larger than 150px on a side, so I set ClueTip to have a width & height of 200px. The images are wrapped in a div so that I can have them display: none by default, yet assign display: block to the images themselves. div.DownloadStatsThumb { display: none; vertical-align: middle; } img.DownloadStatsThumb { display: block; margin: auto; } The markup
Next Page