[jQuery] My toggleClass is not working.
Hello, I'm a beginner with jQuery. My function is not working. jQuery: $(document).ready(function() { $("a").filter("#click").click(function(){ $("div .six").toggleClass("div .two") }).end() }); HTML <ul> <li class="six"><a href="#" id="click">Click</a></li> </ul> Help-me plz. Tks :)))
[jQuery] $.click stops working after 2 clicks
Hi. I'm having a problem, where $(".showEvents").click(function(e) { var CalendarID = $($(e.target).parent()).parent(); if ( $('#data_'+CalendarID.attr('id').substr(4)).length > 0 ) { $(e.target).attr({src : "images/down.png"}); $('#data_'+CalendarID.attr('id').substr(4)).hide(); } else { CalendarID.after('<tr id="data_'+CalendarID.attr('id').substr (4)+'"><td colspan="4" style="background-color:'+CalendarID.css ('background-color')+';height:300px;">Test</td></tr>');
[jQuery] My toggleClass is not working.
Hello, I'm a beginner with jQuery. My function is not working. jQuery: $(document).ready(function() { $("a").filter("#click").click(function(){ $("div .six").toggleClass("div .two") }).end() }); HTML <ul> <li class="six"><a href="#" id="click">Click</a></li> </ul> Help-me plz. Tks :)))
[jQuery] tab through the DOM on page
Is there a method or plugin that allows a user to "tab" through DOM elements on page? This would be used where the form elements are dynamically generated.
[jQuery] dialog drag problem with iframe
hi, I´m trying to use an iframe inside a dialog div, and the behavior of the dragging is making me, and the end user crazy =). When we drag in a vertical direction everything works fine, but if the drag is vertical, for any reason the dragging stops and the cursor moves free inside the dialog, note that this behavior does not happen when we have a dialog based on a div only. any tips, ideas, suggestions, directions ? here is parte of the source <html> <head> <link rel="stylesheet" href="dialog.css"
[jQuery] Multiple Carousels sliding at once
Hi everybody, I am new to this forum and english is not my native language; so I'm sorry for any possible mistake... I have a question about jQuery carousels. I would like to have a few ones (maybe 3 or 4) on my page, with a general "controller" outside of them. If I click the controller, all of the carousels should slide the same time for the same amount of space. How can I get this done? I have just seen multiple carousels on a page, where each carousel has it's own controler. Any idea? Thanks
[jQuery] iterate over json
How do I dynamically access json values? var myJSONObject = {"formValues": [ {'name': 'Frank'}, {'city': 'London'}, {'age': 25} ] }; The following gives me undefined. $.each(myJSONObject.formVals, function(i,item){ alert('i = ' + i + ' item0 = ' + item[0] + ' item1 = ' + item [1]); });
[jQuery] Combo box problem
Hi Friends, I am trying to display many lists based on selection in a combo box but can't able to achieve it as when i select any option in combo it displays same list on each option selection. Any help will we welcome and thanks for that help.
[jQuery] dialog UI draggable
Hello, I'm having a problem, perhaps anyone can spot what the problem is. For some reason, the following syntax does not My concern is the <draggable> thingy. I want the dialog box be draggable only within the browser's internal window borders. This is how I understand it should work: dBox.dialog({ modal: true, draggable:true, stack:true, zIndex:1000 }).draggable({ containment: 'window' }); but it doesn't work for some reason. anyone has got a thought about this?
[jQuery] UI dialog draggable containment option change
Hello everyone, I'm a newbie in jQuery and have difficulties with setting up the containtment option in draggable. I have seen this other post (http://groups.google.com/group/jquery-ui/ browse_thread/thread/8a1672d47767f4a2) but it did not help at all. Perhaps, my implementation has some essential difference. I have a jQuery UI dialog widget implemented with draggable enabled. Now, what I need to do is to restrict the dragging effect of the dialog so that it is only possible to drag it around within
Help with events stop working after an AJAX request
First, I'm very new to coding . Second, I've read Sticky: Why do my events stop working after an AJAX request?. Despite my best efforts to try to implement the suggestions my jQuery code is not working. Here's what my code looks like: ASP.Net (VB) <a id="calendartoday_customize" title="click to open" href="#">customize</a> <div id="calendartoday_options" class="calendartoday_options"> <asp:ImageButton ID="imgbtn_red" OnClick="setBackgroundImage" ImageUrl="~/Media/dot_red.png" runat="server" /> </div>
Select more than one div
How can I select multiple divs at once? $(#id1 AND #id2).hover… or $(.class1 || .class2 & .class3).hover…
[jQuery] How to incorporate this in a existing joomla template?
Hi! I have an existing joomla template but now want to use the superfish dropdown many in it. I already uploaded the module, activated it, and looked at example code. But I have no idea what code to put where to make it work... Can anyone help me with this? Thanks! Marie-Line
[jQuery] values getting erased after refreshing
hello sir, i am using thick box for my site. and after closing the thickbox, i am refreshing the parent page, so that the user can see his latest changes. but the problem is, i am also having some controls on the parent page, for example: i am having two text box's and one dropdownlist. the user enters the values into textbox's and select one option from dropdown list. here i am giving a chance to add a new value to the dropdown list by opening a thick box when clicked on the link. after completing
[jQuery] XML in IE not reporting size or length correctly
XML in IE not reporting size or length correctly var strTest = "<root><element>1</element><element>2</ element><element>3</element></root>"; var $xmlTest = $((strTest), "xml"); var $xmlNode = $xmlTest.find("element"); var nCount = $xmlNode.length; var nSize = $xmlTest.size(); alert("Count: " + nCount + "\nSize: " + nSize); -------------------- Results in FF: Count: 1 Size: 3 Results in IE7: Count: 0 Size:11 -------------------- What am I missing? Thx Martin T.
[jQuery] Init datepicker in dynamically inserted input
Hi, I have this function for a table form: $('#newDraftLine').click(function(){ var row = $('#draft tr:last'); var copy = row.clone(); copy.insertAfter(row); copy.find('.datepicker').attr('id','').datepicker(); }); Why is it that the datepicker does not work when the cloned input is in focus? For all elements in place when the page loads it works, but for this cloned element nothing happens. I can see that the input is assigned an id
[jQuery] custom function call from document.ready
I have a table which needs to be sorted. Tablesorter plugin does not fully work. I am trying to call a simple alternate function from jQuery $(document).ready method. How to make it work? $(document).ready(function() { $("#tableID").tablesorter({ .... }); alternate('tableID'); });
[jQuery] Accessing items inside of (this)
I am not sure if I am going about this is the best way but I have a div with 8 divs inside of it. 2 always show and I would like the other 6 to come on only when the parent div is rolled over. Here is what I a have so far: $(function() { /* hide items to be shown only when hovered over */ $('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation').hide(); $('.pWrapper').hover( function() { $(this).show ('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation');}, function()
[jQuery] jquery Validate on page load
Is it possible to validate a form that is populated with data from a database on page load before the user clicks on anything? thanks
[jQuery] superfish parent nav items retain hover background settings but not text settings
I am trying to implement a superfish based dropdown nav, but I'm having trouble due to the color scheme I'm trying to implement Currently, I have a dark background and light text and the colors swap on hover. This is working fine with the exception of the parent elements that remain selected as child elements are selected in the nav. when I move my cursor off the parent object the background color retains the hover setting, but the text color reverts to normal, so the text becomes unreadable in all
[jQuery] using a variable within .css()
Hey everyone. I'm having some trouble with a menu system wip. I'm trying to declare a variable for a css property's value, and then be able to preform mathematical operations on that value for other objects. (Does that make sense?) For instance: var color1 = '255'; function() { //math to edit and output color1 as modifiedcolor1 } $('#menu li.parent').css({'border-right':'3px solid rgb('color1', 0,0)'}) .next('ul').css({'border-right':'3px solid rgb('modifiedcolor1', 0,0)'}); what i've run into
[jQuery] jQuery is not working in Wordpress but ONLY for IE
Hello everyone, I'm at my wits end with this one. I feel like I have over looked some mundane detail or improperly closed a tag but I can't figure this one out for the life of me. I have a site built from Wordpress 2.7 and use jQuery in a variety of ways (cycle plugin, superfish plugin and a script to create a TOC by pulling <h3>'s). JQuery is working like a charm in every browser i've tested EXCEPT the diabolical Internet Explorer. It just plain doesn't work. I've tried changing "$()" to "jQuery()"
[jQuery] Media Plugin (malsup site) "REPLACE" code uses OLD metadata.js - ALSO: nothing works in IE6/IE7
I am using the REPLACE code successfully (though ONLY in FF and Opera - IEs not doing ANYTHING) I found I HAD to use the metadata.js code FROM the page link/demo below as the newer version of metadata.js is quite different and does not work with the CODE example below the link (see below) I have two issues: ONE: that the code below does NOT work with the latest version of metadata.js TWO: my working page does absolutely noting in IE7 and IE7. I am hoping this is due to the metadata older version,
[jQuery] Declare a variable and use it with .css()
Hey everyone. I'm having some trouble with a menu system wip. I'm trying to declare a variable for a css property's value, and then be able to preform mathematical operations on that value for other objects. (Does that make sense?) For instance: var color1 = '255'; $('#menu li.parent').css({'border-right':'3px solid rgb('color1', 0,0)'}) .next('ul').css({'border-right':'3px solid rgb('modifiedcolor1here', 0,0)'}); what i've run into difficulty with is declaring the variable in such a way that
[jQuery] Cycle 2.32 Height/Width bug? Caching?
I just updated to 2.32 and the image container no longer gets a height/ width from the image size as it used to in older versions of Cycle. When you load this page: http://letterfive.com/as_Brushed_Monkey The size of the image container '#slideshow' from the css, is replaced inline by cycle to an initial height/width of 14px/78px as if there were no image inside. In FF after a refresh, the height is correctly calculated. In Safari, it seems totally broken. (note: the browser cache should be emptied
[jQuery] ajax submit val() not submitting updated data
Hi all, I've been working with this page for a while, and I can't seem to figure out the problem (it's running locally as it is just a tool for me to try to fix up some data). Basically what I have is a page that looks at the user submitted data. The data is in a input box - but for simplicity it is not in a form. This way if I need to update the data, I can just change it in the input field and click the link and it updates the field via ajax. The problem is that when I update the input field, and
[jQuery] How to bind ajaxForm & Vaildate via livequery on Form which was loaded via load() ??
Hi I'm loading a form via load() and want to Validate it via Validate Plugin and send it via ajaxForm() My Code looks like that: $('#detailform').livequery(function() { $("#detailform").validate(); var options = { url: 'index.php?idcatside=33', target: '#contactformfield', method: 'GET', success: function() { } }; $('#detailform').ajaxForm(options); return false; }); My problem is now that
[jQuery] Accessing items inside of (this)
I am not sure if I am going about this is the best way but I have a div with 8 divs inside of it. 2 always show and I would like the other 6 to come on only when the parent div is rolled over. Here is what I a have so far: $(function() { /* hide items to be shown only when hovered over */ $('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation').hide(); $('.pWrapper').hover( function() { $(this).show ('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation');}, function()
[jQuery] attaching hide() to delete confirmation
Hi everyone, I'm using jquery confirm to change a link into a confirm delete yes/no. That's working great, but I'm having trouble handling deleting the row in html; I'm not sure how to reference the id for the row. My html looks like this, with each TR having a unique row id: <tr id="r3"> cell data... </tr> my delete link looks like this: delete/3 delete row 3 my jquery looks like this, but I don't know how to reference the id=r3 using javascript: <script type="text/javascript"> $(document).ready(function()
calling custom function from document.ready
I have a table which needs to be sorted. Tablesorter plugin does not fully work. I am trying to call a simple alternate function from jQuery $(document).ready method. How to make it work? $(document).ready(function() { $("#tableID").tablesorter({ .... }); alternate('tableID'); });
[jQuery] hyphen breaking "starts with" selector
I'm wondering if this is a bug or if I'm missing something. The selector $('span[class^="err"]') matches <span class="error"> but *not* <span class="err-2">. $('span[class^="err-"]') does *not* match <span class="err-or"> or <span class="err-2"> What's the deal with the hyphen? Is it a special character?
[jQuery] How to get parts of URL after domain
I"m sure this is easy to do, but I can't figure it out for some reason. I'm writing a simple little function in Drupal (in script.js in my theme) to display a different banner image (as a background for an element) based on the URL. So, for instance, if the URL is http://www.mysite.com/services, I want to display one image, if it's http://www.mysite.com/about-us, I want to display another one, and so on. Is there a built in way to get everything after "http:// www.mysite.com/" in jQuery, or do I
[jQuery] Test if a variable is a jQuery object?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7036.0"> <TITLE>Test if a variable is a jQuery object?</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P><FONT SIZE=2 FACE="Arial">How can I test to see if something is a jQuery object, or a normal JavaScript object?</FONT> </P> <BR> <P><FONT SIZE=2 FACE="Arial">andy</FONT> </P> </BODY>
[jQuery] Dynamic form validation on different names possible?
Hi, I'm trying to validate a form with a dynamic date fields. Something like: <tr id="period1" class="someclass"> <td> <input type="text" name="date-1-start" id="date_1-start" value="Mar. 29, 2008" /> <input type="text" name="date-1-end" id="date_1-end" value="Mar. 29, 2008" /> </td> </tr> <tr id="period2" class="someclass"> <td> <input type="text" name="date-2-start" id="date_2-start" value="Jun. 02, 2010" /> <input type="text" name="date-2-end" id="date_2-end" value="Jun. 02, 2010" /> </td> </tr>
[jQuery] jquery hover() mystery
Dear all, I've got two images absolutely positioned via css to overlap. I'm trying to set a function that will show a caption for each image while the mouse hovers over the image. The following code works in safari and FF; however, if the images are given a title attribute, FF shows and hides the caption each time the mouse is moved inside the image boundary rather than just showing the caption as long as the mouse is within the boundary. Something I'm not understanding about hover(), or a bug in
[jQuery] Newbie question
hi all, is jquery have function like findXY(element) or scroll position? sorry not finish read all document about jquery ~ saiful haqqi ~
[jQuery] how to get form data
Hi, I would like to keep jQuery('form[@name=myForm1]') in variable so that I can utilize it later on. var myForm = jQuery('form[@name=myForm1]'); Is there a way I can access checkbox state and check the size? The following does not work. It gives me 0 even when I some checkboxes are selected. alert( myForm.find('input[@name=day]:checked').size() ); <form name="myForm1" method="post"> <input type="checkbox" value="1" name="day" /><label>Sun</label> <input type="checkbox" value="2" name="day"
[jQuery] new york city js & jquery tutor wanted for few months (paid)
I'm a front-end web developer specializing in css/html. I would like to boost my js knowledge asap. I'm looking for an advanced js/jquery person (who is also adamant! about web standards and accessibility) in New York City metro area that is willing to tutor me for a couple hours on a weekly or biweekly basis for some months to start. I have some stuff that I'm developing and will also need some general js reviews as my knowledge is sort of piecemeal. I have been working in web for the last 5/6 years,
[jQuery] http://dev.jquery.com/view/trunk disappeared
In my project, I was linking to some of the files under http://dev.jquery.com/view/trunk, which has recently disappeared. So now I'm linking directly to a specific version under http://dev.jquery.com/view. Some of the example code on this site still points to the trunk URL. Will the files at the URL reappear one day, or should the example code be pointed to a new place? One example is at http://docs.jquery.com/Plugins/Autocomplete ... where the example no longer works because of the incorrect plugin
[jQuery] how to validate multipart form?
i'm using jcarousel lite plugin to house a multi part form. i generate the next and back buttons dynamically with this code: function create_navigation(){ if ($(ol).size() > 0) { // build links $(ol).each(function(i){ if($(this).children().size() > 1) { $(this).parent().append(o.btnNavContainer); var carouselNavDiv = $(this).parent().children(o.btnNavTarget);
Next Page