[jQuery] onclick vs. click(function()
Hello, I am in the process of transfering code from Scriptaculous to jQuery. I have a little submit form (div id="new_topic") that will appear by clicking a button. Within this div there is a "cancel" and a "submit" button. The "Scriptaculous" original code looks like this: <input type="button" name="submit_topic" value="Submit" class="inputsubmit" onclick="submit_topic_form();Effect.toggle(\'new_topic\',\'appear\')"> I somehow have difficulties to properly fire the "submit_topic_form();" using jQuery.
[jQuery] display none
is there a shorter way to make this via query? if(document.getElementById("item").style.display=="none"){ alert("div is invisible"); } I tried if($("#item").attr("display") == "none"({ alert("div is invisible"); } but it failed :( please help.
[jQuery] jqmodal problem with ie6
Hi all, I tried to use jqmodal for showing an animated gif while my ajax script is running which is populating a select element. It works perfect on firefox 3 but on ie6 i don't see anything from the modal image. I searched the mailing list and did not find an working answer for the problem. Has anyone observed this problem ? Has anyone a solution for this problem ? If not, is there another way to show a floating div while the ajax script is loading. Thanks in advance, David P.S. I am using jquery
[jQuery] Click on link and get div under
Hi, I want to have a element with click event and have an div come underneath that I can fill with some content. I have done my own, but this only works in Firefox, and too many special cases... is there any plugin that does this specific thing. Something like: $('a.dummy').click(function(event) { var htmlcontent = 'some content'; $(event.target).addDivFloatingBeneath(htmlcontent); }); There must be some plugin for this, I am sure... /Pjotr
[jQuery] [Autocomplete] Incorrect handling of JSON objects/ Serialized Arrays
Great plugin except for one thing, won't handle JSON objects, or more accurately Serialized arrays correctly. I wrote a quick patch that modified the parse function within the autocomplete plugin ... ================== <code> function parse(data) { var parsed = []; if( (typeof data) == "object" ){ //var rows = data; $.each( data, function( i, val){ parsed[parsed.length] = { data: val, value: i, result:
[jQuery] Choose Editor
Dear Folks, Right now I'm using the FckEditor(jQUery version ) but it is so heavy for the system... I choosed TinyMCE but there were some problems tooo , then I switched to WYMeditor Editor Everything seemed to nice but it didn't support The Alignment RIght to left .... anybody has a better Editor ...
[jQuery] Wait for a function response
Hi. I just created a jQuery plugin that shows a modal window and my intentions is to replace all the alert and confirm dialogs. That's why I need that my plugin behaves like confirm and alert dialogs. When I create the dialog with my plugin I bind events to my buttons (Ok, cancel, etc), do you know how to stop javascript execution and make it wait until one button is pressed? Is it any way I could do this? Thanks!
[jQuery] Trouble Making a jQuery plugin...Need Help Please...
Hi, I'm trying to make a jQuery plugin out of a useful function I made, but for some reason its not working. When I try calling the function with $.eventH(parimiters-here); I get an error saying that the function is not defined. Anybody see whats wrong with it? I would really like to get this working. Here is the plugin code: <code> (function($) { var eventHandlers = []; var state = { registered: false }; var typeOf = function(obj){ switch(typeof obj){ case "object": if(obj.length)return "array";
[jQuery] DatePicker (Kelvin Luck)
I am trying to insert the date picker on a pretty simple search page but I am getting the following error flagged up by firebug: (new Date).zeroTime is not a function setStartDate()()jquery-d...Picker.js (line 588) init()()jquery-d...Picker.js (line 564) (?)()()jquery-d...Picker.js (line 247) nodeName()()jquery-1....1.min.js (line 20) size()()jquery-1....1.min.js (line 13) datePicker()()jquery-d...Picker.js (line 228) (?)()()search-orders.php (line 225) handleError()()jquery-1....1.min.js (line 27)
[jQuery] Animated menu, help needed
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16674" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hi all!</FONT></DIV> <DIV><FONT face=Arial size=2>I' rather new to jQuery and javascript..</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>I'm making a animated menu, but have some problems.</FONT></DIV>
SOLVED Problem with jqGrid plugin "jqGrid is not a func
I'm trying to get the jqGrid plugin up and running. But, i get this error from the firebug console: jQuery("#schedule-table").jqGrid is not a function (?)()() handleError()()jquery.js (line 28) handleError()()jquery.js (line 28) nodeName()([function(), function()], function(), undefined)jquery.js (line 22) handleError()()jquery.js (line 28) At first i thought i probably hadn't properly loaded to the jquery.jqGrid.js file, but it's definitely being loaded - i put an alert in the "jqGridInclude()"
[jQuery] jScrollPane - scroll-pane width shrinking with content
Hello, I am running into the following problem with 'jScrollPane': The width of the scroll-pane is shrinking when there is not enough content trigger the scrollbars. Here are two test files that illustrate the problem. They are both identically (and unmodified from the dev site), the difference is the amount in content. Notice how the width of the container is shrinking when the scrollbars appear. :: http://www.masutra.net/projects/gordonhuether/website8/jScrollPane/basic-2.html :: http://www.masutra.net/projects/gordonhuether/website8/jScrollPane/basic-3.html
[jQuery] post json
I have an array eg. var ex = [ des1 : it1, des2 : it2 ] - client side How can I make and post json of it? Thanks.
[jQuery] jtemplates plugin - #foreach on object bug?
I’m having a problem with the jtemplates plugin <http:// jtemplates.tpython.com/>. When using foreach in a template to iterate of the properties of an object I am getting an extra key of 'toString'. Perhaps a bug? I have put together a simple demonstration page: http://static.fusion.com.au/ollie/jtemplates/ Is there something I can do to avoid this? Rather than restructure my data into an array... Thank-you for your fantastic work on this plugin! Cheers from Australia Ollie
[jQuery] [BUG]jQuery.param serialization error
jQuery's param function replace "%20" on legacy "+" char,this cause some problems with backward serialization on client. Thanks.
[jQuery] asp.net form problem
Hi, I'm having a wired problem with query forms plugin while using with asp.net. It is not updating output, but when look through firebug it shows proper output. ----- Asp.net mark-up <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Form Test.aspx.cs" Inherits="Test_Form_Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Jquery Form Test</title>
[jQuery] $(this).parent() Internet Explorer and multiple forms
I have a situation where I have rows of data, that have forms for each row that submit similar data. I only want to submit the form via $.validate() from the select box within that form so as to not confuse that row's form data with any other row's. the problems lies within IE 6/7 because using $(this).parent() to get at the select's parent form, in IE no object is available for the form. As usual FireFox reports back the form object, but IE doesn't. Here's the code: $(this).parent('form#licoptform').validate({
[jQuery] Computer Associates' Personal Firewall nukes jQuery's toggle method
I've run into an issue with some users who have Computer Associates' Personal Firewall ad / pop-up blocker installed. It seems to nuke jQuery's built-in toggle() method. Has anyone else seen this and been able to work around it?
[jQuery] Two divs with show() effects overlapping eachother; IE6/7/opera problems
As seen here: http://www.imagedump.com/index.cgi?pick=get&tp=536827 I have two divs overlapping eachother using position:absolute; Div 1 has z-index of 4, Div 2 of 5. They overlap eachother and both have text in them which at some point might show up using .show(200). As can be seen in the screenshot, in picture 1 you see how it looks in IE6/7/Opera, which obviously isn't good. Firefox shows it correct (as seen in 3) after showing the yellow bar over the grey bar (seen in image 2). Is this a bug
problem with IE and value
I am building a google maps application, where the latitude and longitude are set into a pair of fields, and if either of those changes, the value of a hidden field gets updated. var $setcoords = function(){ var coordsfield = $(this).siblings('.coords'); var latval = $(coordsfield).siblings('.latitude').attr('value'); var lonval = $(coordsfield).siblings('.longitude').attr('value'); var latlonval = (latval + ',' + lonval); $(coordsfield).attr('value', latlonval); }; $('.latitude, .longitude').change($setcoords);
[jQuery] blockUI cursor sand clocked on blocked div
hello. when you use blockui to show a form, the cursor turns to a sand clock everywhere but on top of input text areas and buttons. is there a way so that it will only block outside the div shown by block ui? Best, -C.B.
[jQuery] Can .hover() work with disabled form elements?
Can .hover() work with disabled form elements? I'm having lots of trouble with this. Here's my hover: // create a hover state for the submit button $("#submit-button").hover( // hover in function() { if ($(this).attr("disabled")) { $(this).attr("src","images/button-continue- disabled_hover.gif"); $(this).css("cursor","not-allowed"); } else { $(this).attr("src","images/button- continue_hover.gif"); } }, // hover out function() { if ($(this).attr("disabled")) { $(this).attr("src","images/button-continue-
[jQuery] is jquery plugin slow down the page load ?
Hi I have some jquery plugin for my web app. They are located on my template header: - jquery 1.2.6 - jquery ui : datepicker and dialog - jquery flexigrid - tablesorter - validate - jqalert all of the are loaded on evey page, but I am not using all of them at once. Only on several page I used them (but not all at once too). Did this will decrease the loading speed of my web (I know about the size that being loaded, but all of my js will be on the cache right ?) Did jquery plugins will be executed
[jQuery] problem with selecting next element
Hello everyone! I have sth like that : <span class="first">fsat</span><span>..</span><span>...</span>.... <div>should be toggled</div> <span class="first">fsat</span><span>..</span><span>...</span>.... <div>should be toggled</div> <span class="first">fsat</span><span>..</span><span>...</span>.... <div>should be toggled</div> .... and when I try: $("first").toggle( function(){ $(this).next("div").fadeIn("slow"); }, function(){ $(this).next("div").fadeOut("slow"); } ); it doesn't find the next div.
[jQuery] Jquery delete row with A click function
Hello, I'm very new to Jquery and having a problem. I'm trying to delete a row in my table. You can see if I add my data, I will add a link with to remove the row. The Goal is to add a function to delete the parent row. Now the problem is if I click the A in the HTML (setted manual) it will alert me the message. But when I click the added link in the row by the function it doesn't do anything. any Help ? here is the code <script type="text/javascript"> $('document').ready(function() { $('a.delete').click(function()
[jQuery] iFrame
Dear Folk , How could have an Access with jQuery Selector to iFrame Elements ....
[jQuery] Which element is selected
If I am binding all the "dt" tags in a "dl" list is it possible to track which number (position in the selection array) I have clicked on? For example: $('#faqlist dt').bind('click',function(){ $(this).addClass('dtSelected'); var a = $(this).next(); currfaq = HERE // I'd LIKE TO TRACK THE ELEMENT CLICKED ON a.slideDown(); });
[jQuery] [validate] Is it possible to specify remote validation daclaratively?
Hello, I am trying to use the remote validation but I cannot apply it imperatively because my input fields have dots in their Ids, which leads to invalid json property names, therefore I was wondering if it's possible to supply the parameters for the remote validation in the markup, using the class attribute.
[jQuery] nicEdit Compatible with jQuery
Dear FOlk, It's been fews days , I've been researching for a practical Editor , I found nicEdit It seemed so nice to me , the problem was the Accessing to the editors content , I Googled it but every one had the same problem so , I worked On it ... right now it has ability to do some ajax Calls if anybody wants it please let me know ! I'll Email it to him ... there is some Alignment + Alignment for Images which are most important for me this is my Email pedramphp@gmail.com
[jQuery] post json
Hello folks! I have an array on the client site eg. var arr = [ sth: it, sth1 : it2 ] I would like to make a json of it and post it to php server site. How could I do that ?
[jQuery] Basic help needed jQuery
Hi everyone, I'm not too sufficient in jQuery -- at all... But basically I'm trying to take this code and give not only the title text it's own menu (''popupInfo'), but also I want <img src="images/add.gif"> to have it's own menu, of a different ID of course. I'm not familiar enough to be able to separate these in this code. I've already separated the two menus themselves in the other JS file that actually handles the creation and execution of the menus, and their contents. You can see the part toward
[jQuery] Context param in IE and FF not working?
Hi I'm trying to get a full html (or xhtml) document with ajax and then use jQuery Selectors on the received data. This is the file with the jQuery Code: http://paste.ubuntuusers.de/391117/ This is the file I'm requesting with ajax: http://paste.ubuntuusers.de/391118/ In Opera all 3 alerts work perfectly. In Firefox usually only the last one works: alert($("div.answer3", data).html()); results in "this is answer 3" The others just return "null". Only when I uncomment <?php //header("Content-type:
[jQuery] Please help me with a selector!
I've lost almost all of my hair over this... $("All h1's except for those within div#NoH1s.") Thanks
[jQuery] ajaxForm seems to be doing extra get...
This one has me seriously confused. I have a popup that can contain one of many different forms, and I want to do an ajaxSubmit. Here is the (simplified) code: // If the popups contains a form, capture submits. var $form = $('form', '#popups-body'); $form.ajaxForm({ dataType: 'json', }); I have watched this work in Firebug, and it does the POST correctly, submitting the form parameters. But then it immediately follow it with a mysterious GET. I tried replacing it with: $(":submit", $form).bind('click',
[jQuery] Trigger for ajaxForm extra GET isolated
I still don't have much of a clue what is going on, but I have managed to isolate the trigger that is causing ajaxForm to send out and extra GET request. This html page (hacked down from a Drupal 6 instillation), has the weird behavior. But any change to the name or value of either of the two hidden form elements makes the extra GET go away, and the ajaxForm does a single POST, as expected. Unfortunately, these elements are generated for every Drupal form. Note: I have only verified this issue using
[jQuery] this.hide() not a function?
The following code gives the error "this.hide() is not a function". I am a newbie and I thought "this" referred to the selected dom. So I do not understand why I can not call hide? Using $ ("#returnToMainMenu).hide(); works just fine. <script type="text/javascript"> $(document).ready(function(){ $("#MainIFrame").attr('src',"http://www.marymonte.com"); $("#returnToMainMenu").hide(); $("#rfidMenu").click(function(){ $("#MainIFrame").attr('src',"http://www.marymonte.com/RFID.html");
[jQuery] Help needed for FishEye menu
I'm working on a project where I need a fish eye type menu but which should be vertical. Can someone help me with this or may be just a few pointers.
[jQuery] get an element if, append it to another element.
Hi, Beginner here :) Here's what I'm trying to do: catch the id of an element, append it to another element so it gets displayed on the page. $(".test").click(function() { $("this.id").appendTo("#ids"); }); <p id="ids"> <div class="test" id="1"></div> Any help would be appreciated. Regards. -jj.
jquery hover problem with ie 6
Hey everyone.. I really need some help on this one... hope anyone can help me quick. Im working on a project with a css hover gallery... But IE6 as we all know does not support hover on non tags.. so i found a neat jquery script im using to add a class to the affected objects. But sadly the whole thing isnt working yet and i cant figure out why.... please help! Ok so here is the html! http://www.tobiasheyer.de/test4/index.html and here is my jquery: $('#photo ul.topic li').hover( function()
[jQuery] jQuery Cycle Plugin: adding pagerAnchorBuilder on preLoaded Images
Hi, I am creating a slideshow for up to 200 images. Obviously I do not want the user to wait for all the loading before the slideshow starts. Therefore I am using this concept http://malsup.com/jquery/cycle/add3.html with a bit of tweaking. I have got everything working except for the problem that I am displaying thumbnails (these are not preloaded!) for all the images and want to use it as a pager. The problem is that the event are only attached to the thumbnails when the slideshow is created and
Next Page