[jQuery] Tabs and scrollTo()
Ok... Getting close here... I have a structure of scrollable divs in ajax ui.tabs <div style="overflow:scroll" id="day1"> ... </div> <div style="overflow:scroll" id="day2"> <a name="first2"></a> </div> <div style="overflow:scroll" id="day3"> <a name="first3"></a> </div> <div style="overflow:scroll" id="day4"> ... </div> ... Now, I have it set up to scroll to the top of each div: $().ready(function() { $('#tabs > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' }, load: function () { $('#dialog').jqmAddTrigger('a.details',this)
[jQuery] Help with custom selector
I wrote a custom selector to better deal with ASP.NET autogenerated IDs. The syntax I got working is $(":asp('TextBox1')").show(); Here's the code: jQuery.extend( jQuery.expr[":"], { asp: "jQuery(a).attr('id').match('_'+m[3]+'$');" } ); I don't really think that's more readable than using an attribute selector with the ends with option. What I'd really like to do is this: $("#TextBox1:asp").show(); Is this possible?
[jQuery] Partial load strips out script tags?
When I use .load() to pull in a whole page, script tags are correctly pulled in and executed. However, if I add a selector to the .load() call all script tags get stripped out. In the following example, the heading from the second HTML file gets pulled in, but the JS with the alert does not. Could this be a bug? <html> <head> <title>Ajax</title> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> </head> <body> <div id="load_target"></div> <script
[jQuery] Pagination and Autocomplete conflict?
I can't seem to get the jquery pagination plugin and autocomplete by Yanik Gleyzer to co-exist in the page. I get either autocomplete is not a function or pagination is not a function. Any ideas? Thanks! J
[jQuery] Ajax Tabs - programmatically change URL
I have a calendaring solution where within tabs are different views such as day, week, work week and month. I want to make the monthly view's days be links to change the view to the day tab and append something to the ajax url. For example: In month view, the user clicks on October 3. A link executes $('#container').triggerTab(1); BUT the ajax url on the tab is "day.lasso" I would need to append ?date=20081003. The actual date would be set in the link that calls the tab. Any suggestions? Thanks Steffan
[jQuery] Chicago JavaScript Meetup
Excuse 'spamming' the forum, but it's relevant .... Vlad Didenko is organizing Chicago's first JavaScript meetup. If you are in the Chicago area and looking to improve your JavaScript skills, join the group at http://javascript.meetup.com/10/. We are posting discussion/talk topics to http://tinyurl.com/jsca081017. Of course, jQuery will be featured. Thanks, Justin Meyer
[jQuery] Add new elements to a page but can't access existing js
Hi I'm pretty new to jquery and I've basically got a form which allows you to add additional fields and take them away, I've got it adding and removing any fields that are there when the page loads but any that are added after that the controls don't do anything. I've got each form element like the following: <div class="rtn_item" id="{position()}"> <input type="text" size="7" name="starttime[]" value=""/> <input type="text" size="70" name="time_desc[]" value=""/> <a class="addField" id="{position()}">+</a>
[jQuery] $().each() only iterates through first item
I have the following expression where is_preferred_email is a class assigned to three elements in my page: $j(".is_preferred_email").each( function(i) { this[i].checked = false; } ); if I put "alert(this[i].name);" in the function, I only ever get one message, which is consistent w/ the checking/unchecking behavior I see. Likewise, a call to $j(".is_preferred_email").size() returns 1. alert(j$("is_preferred_email")) gives me [object HtmlInputElement],[object HtmlInputElement],[object HtmlInputElement]
[jQuery] Can jQuery load from DOM?
Hello, I am trying to load jQuery from Javascript like the following code. == code == if (typeof jQuery == 'undefined' || !jQuery) { var s = document.createElement('script'); s.setAttribute('type','text/javascript'); s.setAttribute('src','http://localhost/jquery-latest.min.js'); document.getElementsByTagName('head')[0].appendChild(s); } == end of code == However, then this code is included, "jquery-latest.min.js" is included, but the page shows javascript error, "$ is not defined."
[jQuery] Re[jQuery] size "creep" in FF 3.0.3 and 2.x
I've been doing some searching in the mailing list and haven't been able to find this issue although I'm sure it has come up. I don't know if its a $.ui.resizable bug or css issue but I have a simple div on a page with the following html: <div id="main_footer"> <div id="footer_header">Handle</div> this is my footer </div> ...and with the following styling: background:#ffffff url(../gif/panel_background.png); background-repeat:repeat-x; bottom:100px; width:100%; border-top:solid 2px
[jQuery] jQuery plus existing Web Services
Hello, I'm starting to play around with jQuery and decided to jump in head first. We have a number of existing web services, built on ASP.NET, that we using for our client/server application. Unfortunately, they cannot handle POSTs or GETS due to the type of data returned. The SOAP call looks like this: POST /services/Core/CoreServices.asmx HTTP/1.1 Host: dev.etriptrader.com Content-Type: application/soap+xml; charset=utf-8 Content-Length: length <?xml version="1.0" encoding="utf-8"?> <soap12:Envelope
[jQuery] jQuery Turk
<div dir="ltr"><div>hi everbody,</div> <div> </div> <div>we would like to support jQuery with <a href="http://jqueryturk.com/" target="_blank">http://jqueryturk.com</a> web site which use turkish language. We will be sharing our experiments, articles about jQuery vs. on jQueryTurk.</div> <div> </div> <div>we will add a forum soon. <a href="http://forum.jqueryturk.com/" target="_blank">http://forum.jqueryturk.com</a> Onur ACUN</div> <div> </div></div>
[jQuery] not defined error using instance variable in each callback
This is driving me crazy I'm trying to copy elements from a wrapped set into an array. This works: // build an array of text on the line var rowTextArray = new Array(); // add text into array this.children.each( function() { rowTextArray.push = encodeURIComponent( $(this).text() ); } ); This does not: // build an array of text on the line this.rowTextArray = new Array(); // add text into array this.children.each(
[jQuery] Trouble getting 1 hover to work at a time
I know what needs to be done but I'm not sure how to accomplish it. I want the span inside of the a.appHelpPopup to show on hover. Right now both span messages show on hover. :( I'm not sure how to only get the proper message associated to hover an not all spans. Here is my markup. <script type="text/javascript"> $(document).ready(function() { $(".checkListMedium .appHelpPopup span").hide(); $(".checkListMedium .appHelpPopup").hover( function () { $('.appHelpPopup span').show(); } , function () {
[jQuery] R: [jQuery] Only show div's within parent.
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hi, another example.. $(document).ready(function(){ $('.hidden').hide(0) // just if you want all items closed at the beginning $('a.show').click(function () { $('.hidden').slideUp('fast') // just if you want a kind of accordion $(this).next('div').slideToggle('fast') // it takes just the next div :) }); }); here is a demo <a href="http://www.pirolab.it/piro_09/slide_up.html">http://www.pirolab.it/piro_09/slide_up.html</a>
Incorporate easing.js to haccordion??
I am a total noob to this jQuery and have spent a couple of hours, to no avail, trying to incorporate the easing.js in to the haccordion.js at this test page here: http://testing.northcoastcomputerservices.com How do I get the easing functions (if that's the right word) to work with my horizontal accordion in the middle of the page above? Sorry if the question is not phrased well... Any help would be muchly appreciated. Thank You.
[jQuery] simple table filtering?
I am looking for a simple way to filter the contents of a table. to clarify - i would like to have a form at the top of an HTML table where i can select a field to filter on and then a textbox. as i type in the textbox, the table's contents will change to display only rows where the selected field contains the search term. I actually found a plugin to do this (uiTableFilter), but i need to take ti one step further. I need to have the ability to filter on more than one column. I tried just having
[jQuery] jqueryPngFix and links on IE6
Hi, I'm using the pngFix plugin to show some png images with trasparency. These images are part of a list of menu, and each one is inside on link tag. When the png fix is applied I can see trasparency but the linkable area is restricted to the visible part of the image. I've putted an example page here: http://lab.gianiaz.com/jquery/menupngfix/ There's only an image in it with dimensions : 200pxX150px. If you look the page with firefox and Internet Explorer 7 you will be able to click on the entire
jquery accordion menu - using a PHP SESSION to activate ?
Hi I'm no great shakes at javascript but I've managed to integrate 2 instances of the Accordion Menu into my page http://www.esma-test.com/accueil.php and it works beautifully however when the user clicks a link and the page refreshes the menus return to their default state - whereas i would the like the menu to stay open at the section the user clicked in I was thinking of using a php session to write the <script> tags that would activate the currently opened section, but i have two questions :
[jQuery] problem when i click
$(document).ready(function() { $('#button3').click( function(event){ alert(this.id); $ ('td:contains("1-2")').parent().find('td:gt(0)').addClass('InputSearch'); $('tr:odd').addClass('LinkCal'); $('tr:even').addClass('LinkTag'); $('td:contains("2-2")').addClass('LinkTag'); $('input').removeClass('Inputon').addClass('Inputoff'); $('#button3').removeClass('Inputoff').addClass('Inputon'); }); $('#button1').click( function(event){ alert(this.id); $ ('td:contains("1-2")').parent().find('td:gt(0)').addClass('InputSearch');
[jQuery] [ $(document).ready ] it doesn't work with HTML loaded dynamically
Hello, I prefer prevent you that I'm french. I post on this group cause french groups cannot answer to this problem : When I add dynamically HTML code in a page, Jquery doesn't take charge of it. I hope that this example will be more understandable : 3 files : index.html, event.js, content.html ---------------------------------------------------------------------------------------------------------------------------------------------------------------- index.html : ----------------------------------------------------------------------------------------------------------------------------------------------------------------
[jQuery] Jquery and ASP.NET
Is possible use JQuery in aspx pages writing with ASp.net 3.5 ? Thanks in advance Eduardo
[jQuery] Possible to set metadata parameter dynamically?
So is it possible to change the value of metadata parameter? Lets say we have <div data="{ id: 5 }">. Or is the only way to change it with attr("id","6")? I have more parameters for element, so this is not an elegant solution. Thanks.
[jQuery] JQuery .draggable() - How can you make a linked image draggable?
I'm using the JQuery UI .draggable() function as shown below. The problem with the below code is that once an image is dragged, it is no longer a clickable link. $(".linked_img").draggable({ helper: 'original', revert: 'invalid', start: function(){ $(this).click(function(){return false;}); }, stop: function(){ $(this).click(function(){return true;}); } }); My goals are 1. Drag linked images (without going to the linked page). 2. If an image is dragged, it should remain clickable when dragging
[jQuery] jCarousel Lite - callback function returning an array, but how do I get inside?
I am loving the jCarousel Lite plugin, but I need to be able to control an FLV player that is in the currently displayed list item. Because I have 2 FLV players, and I need to stop only the playing one when the carousel changes to the next slide. I know that there are callback functions that return a jquery object that selects all the visible items in the carousel, but I don't know how to get into that object. Which is a failing of my jquery knowledge more than anything :> So can anyone help? I've
[jQuery] Problem jQuery Selecting Input field
Hi, I am unable to select the input filed based on ID, i am using JSF and that append form id with the input id automatically. like this.... and <input type="text" id="test:name"> & how to select input id(test:name) in jQuery the input field whose id is test:name The, complete code is given below..... Please anyone can help, will be thankful. jQuery.noConflict();(function($) { $(function() { jQuery.mask.addPlaceholder('~','[+-]'); $('#date').mask('99/99/9999'); }); })(jQuery); <form id="test"> <input
[jQuery] Tablesorter Plugin and widgets
I'm working on Christian Bach's tablesorter. I've made a widget that can select rows, and now I want to make a widget that can delete rows, and have a callback. The problem is the callback. The widgets are called like this $.tablesorter.addWidget({ // give the widget a id id: "selectRows", // format is called when the on init and when a sorting has finished format: function(table) { $("tbody tr",table).click(function(e){ row = this; if($(row).hasClass('selectedRow'))
[jQuery] Resize Delay?
I am centering a absolutely positioned div by saying: var center_it =((window_size/2)-(wrapper_width/2)) then: $('#wrapper').css({left:center_it+'px'}); That's simple, but my problem is Firefox has a delay of almost half a second or more when resizing before it triggers the .resize function. So I resize the browser, wait, and then it fires the resize function. I got around it with: setTimeout('absolute_center()',1); but will this take too much user resources? I'm a web programmer and don't know much
[jQuery] div um zwei img erstellen
Hallo, ich habe ein array aus Bilder, das lese ich aus und zeige immer 2 davon aus. Jetzt möchte ich, dass immer um zwei img tags ein div tag steht, also <div><img.../><img.../></div> Dazu habe ich folgendes gemacht Schleife des arrays durchgehen: wenn i%2 $('#container').append('<div style="height: 95px; display: inline;">'); dann $('#container').append('<img src="./images/' + imagesArray[i] + '" id="image' + i + '" width="150" heigth="95" />'); und wieder wenn i%2 $('#container').append('</div>')
[jQuery] $("#mydiv").sortable is not a function error
Hi guys! I was working with jQuery 1.2.6 development and firebug didnt report me anybug. Now I am trying to move to 1.2.6 production, but firebug reports me 2 erros related with "$("somediv").sortable is not a function... What can I do? :S
[jQuery] element content displayed out of place using slideToggle (IE6/IE7)
http://www.screencast-o-matic.com/watch/cj6hrGnes The fps of the screencast isn't fantastic, but you can see the problem. On page load the .inner element is hidden with hide() The animation uses slideToggle(500). During the animation, the content of the element if briefly shown above. The problem happens only in IE (6 or 7). -- View this message in context: http://www.nabble.com/element-content-displayed-out-of-place-using-slideToggle-%28IE6-IE7%29-tp19831950s27240p19831950.html Sent from the jQuery
[jQuery] AJAX Load two external files into separate divs
I am trying to use AJAX to load two external files into separate divs. I have one file loading into one div with no problem. I am thinking that if I can just repeat this action with the other url for the other external file and chain the two together so that a click on ONE link will load TWO files into seperate divs. But thati's where I'm lost...any help would be appreciated! Here's the code below(modified from some found on NetTuts): $(document).ready(function() { $('a.details').click(function(){
[jQuery] jqDnR: Full Directional Support and Size Limitations
Hi Everyone, I came across jqDnR (Minimalistic Drag'n'Resize for jQuery) just the other day, but found it only included a SE resize option and no limitations on size. So I decided to add this support myself. Included in this post is the min version (1.48kB), and the expanded/ dev version (2.32kB). You can find the original version plus some basic usage examples on the Official jqDnR page (http://dev.iceburg.net/jquery/jqDnR/). Please disregard the resize examples on that page if you decide to use
[jQuery] Unable to use jquery with Firefox
I just started on with jquery using Firefox - 3.0.3 Firebug - 1.2.1 The helloworld example using jquery is not loading with firebug and just keeps on cycling. I have disabled all plugins, still the result is same. The firebug script seems to be stuck at line #679 "jQuery.cache[ id ][ name ] :" Following is the html: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/ javascript"> // we will add our javascript code here $(document).ready(function() { // do stuff
[jQuery] [validate] required( dependency-expression ) for select
Hello all, i have a question in regard to jquery validate plugin. i am using an select control and for certain option value a user select , a textarea control will appear on the form, and i need to validate this textarea control. so i tried to use required(dependency-expression) to check only when a certain value is selected, the textarea control is set to required. i am not quite sure what to put in the "rules" section to trigger the validation. Any help will be great, Thanks in advance. Vic
[jQuery] jQuery's ajax .load sometimes shows the previous page for a blink of a second?!
Here's the code: $(function ready() { // slide'n'ajax $(".photo").click(function() { $(".jq").hide().slideDown("slow").load("photo.htm"); $(".closerbutton").show("slow").attr("title", "close"); return false; }); $(".about").click(function() { $(".jq").slideDown("slow").load("about.htm"); $(".closerbutton").show("slow").attr("title", "close"); return false; }); // close button $(".closerbutton").click(function() { $(".jq").hide("slow");
[jQuery] jquery image highlighter?
hi there, I`m really new to Javascript and looking for a solution to highlight images. So there are small thumbs on the page with an black overlay with maybe 60% opacity. If You rollover the image the opacity fades to 0... Can anyone help me? thanks in advance!
[jQuery] SUPERFISH 1.4.8 need way in superfish's css to extend full width or close to it
Hi... Is there a way within the standard superfish css to extend the basic horizontal menu fully across the screen from left to right. If so I guess it would be great to know if we can have the menus themselves left center or right... big thanks! I've had some great suggestions to doing this by putting the menu between a div that had the full width though it would be great to have it just in the superfish css. Doesn't have to be full width could be fixed yet variable of course... like set it to 1280px
Using jQuery for unit conversions (m to ft) "on the fly
Hi all, I run a yacht sales website. In our database we list boats by "meters", however many people want to see "feet" measurements. To save us having to make a "feet" field and enter the feet for every boat, I thought we could simply include a script in our "boat detail" template page that grabs the meters value (by id I guess...thanks to JQuery) and writes the feet equivalent next to it in the html. It's one of those things that I am sure is "easy" to do if you know how! It would be a great learning
[jQuery] Putting slideviewer and accordion navigation
Hi, I'm totally new to javascript yet managed to create accordion navigation and slideviewer presentation of my portfolio in two separate html pages. The problem is I can't seem to put them both on the same page. When I tried to do that I got the accordion navigation's drawers wide open. What am I missing?
Next Page