[jQuery] Combining Fade and Slide
Hi guys, First post, so take it easy on me. I am basically trying to work off of an effect I found at wallpaperscript.net. I am specifically talking about the middle area (General Description, Features and Benefits, etc). Although I was able to take apart the code and apply it to my own site, I still have a problem. When I move to one of the tabs that has more information than the height of the div, the height does not change. Is there a way I can include some jquery slide effect along with the fade
[jQuery] Superfish: Modify
Hello Guys, Just want to inquire how can i modify the height and width of the menu? also how can i change the default text color of the menu? Cheers, Rj
[jQuery] Loading More Entries According to the Users Screen Size
<div><div>I'm a novice user of JQuery and there is something I want to do but I'm not sure whether JQuery can help me with this or not. Here is what I want to do:</div><div> </div><div>Basically I have an on scroll feature that loads more entries when a user scrolls down. So I have that working, np there. But the problem is that the scroll bar doesn't show up on the page because the initial number of entries, onPageLoad aren't enough. </div> <div> </div><div>onPageLoad, I want to be able to dynamically
[jQuery] location.hash -scrolling to the middle of the page
Hi, Normally when we have this url :www.mypage.html#about t, the browser will jump to the area that anchor or div element has #about. By default the browser will show that anchor or div at the top most of the page. Are there any ways in jQuery that show that specific anchor in the middle of bottom of the page? Thanks
[jQuery] Superfish jquery conflict???
Hi, I'm not much more than a jquery cut and paste/change a simple user definition, kinda guy. I can't write javascript... So, I was trying to marry a jquery "animation effect" with Superfish in one page and apparently have a conflict. The two things work separately but it seems that there is unhappiness having jquery-1.3.2.js and jquery-1.2.6.min.js called in the same HTML page. Superfish scrolls up and seems fine until you hover on a second or third tier menu item. They just act like they're not
[jQuery] superfish problem
Hi i downloaded and read the instructions for the superfish module but i have alot of problems getting the menu to work in nav bar menu style. I tried to paste the superfish-navbar.css to the main superfish.css but i dun understand this part "add the class sf-navbar to the parent ul along with the usual sf-menu class, and initialise as normal." Can u tell me exactly where do i add in order to achieve this nav bar effect thanks!
Loading More Entries According to the Users Screen Size
I'm a novice user of JQuery and there is something I want to do but I'm not sure whether JQuery can help me with this or not. Here is what I want to do: Basically I have an on scroll feature that loads more entries when a user scrolls down. So I have that working, np there. But the problem is that the scroll bar doesn't show up on the page because the initial number of entries, onPageLoad aren't enough. onPageLoad, I want to be able to dynamically add more entries according to the users screen size.
[jQuery] nsIXMLHttpRequest.open error
I get the error [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIXMLHttpRequest.open]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: http://tjshafer.com/projects/boyd/js/jquery-1.3.2.min.js :: anonymous :: line 19" data: no] [Break on this error] (function(){var R=/((?:\((?:\([^()]+\)|[... (J,typeof K==="string"?K:K+"px")}})})(); Here is the page it is on http://tjshafer.com/projects/boyd/home.php click on add new on the left menu, a
[jQuery] [Quite OT] charsets, chr values, & errant characters
My apologies in advance for posting this question here - but I feel I've exhausted other avenues available/known to me and I don't know where else to seek help. Even direction to more appropriate forums to post such a query would be very helpful. I'm having difficulty identifying a strange character that is being entered by forum users through a WYSIWIG editor (tinyMCE) running on a MS ASP site with an Access database. The character appears as a box in IE and diamond/question mark in FF. I've tried
[jQuery] Jquery.param encoding wrong
Hello, I think that the param function doesn't work well, it doesn't encode to the url format. For example : jQuery.param({test:"béton"}) return : test=b%C3%A9ton while it has to return : test=b%E9ton This problem is present in the form plugin, the ajax.submit function use "param" and so it doesn't work well too. Thanks!
jquery conflict???
Hi, I'm not much more than a jquery cut and paste - change a simple user definition, guy. I can't write javascript... So, I was trying to marry two jquery "animation effects" in one page and apparently have a conflict. The two things work separately but it seems that there is unhappiness having jquery-1.3.2.js and jquery-1.2.6.min.js called in the same HTML page. All the scripts are: jquery-1.3.2.js jquery.easing.1.3.js jquery.delay.js header.js jquery-1.2.6.min.js hoverIntent.js sf.js I'm not 100%
[jQuery] Using .ajax to do XMLRPC - I must be doing something very stupid
Hi So my first time using jQuery. http://paste.pocoo.org/show/107037/ I have a simple django based xml-rpc server which works perfect when I test it with my python based XML-rpc client. I am always getting error when sending data using jQuery. When I set processData: true - the server is getting value as: var1=val1&var2=val2 as a consequence of which my dispatcher in the server side fails with XML parsing error. If I set processData: false, then POST content is just ''. Looks like jquery is not serializing
[jQuery] jMap Gray Box - Google logo, no joy
Hello, While there are many posts on gr[ae]y boxes showing up, I've ruled out a few of the obvious culprits and still can't get the map images to show: - I'm using a valid API key (can send geocode requests successfully) - The dimensions of the element to be made a map are defined before the call is made, and not changed. Things: - I'm running a host of other plugins (.ui, .tablesorter, .popupwindow, .form, .JSON, .livequery, .layout, .rightclick). I have read of the potential for clashes but have
[jQuery] A simple jQuery script that throws errors and fails in IE6-7. Thoughts?
What am I doing wrong here? I get an "expected identifier" sort of error with the following code: (function($) { $('.calendarInfo').hide(); $('#calendar-frontpage').prepend( $('<a></a>') .html('Show Calendar List') .attr('href', 'javascript:;'); .css({ 'display': 'block', 'text-align': 'right', }) .click(function() { if($(this).html()[0] == 'S') { // I know, this is grimy, but it works. $('.calendarInfo').show(); $(this).html('Hide Calendar List'); } else { $('.calendarInfo').hide(); $(this).html('Show
extending/subclassing ui widgets
I suspect that I just don't "get" the jquery way yet. What I'd like to accomplish is to create a subclass of Dialog, but override some of the behavior. Specifically, I want it to not change the position on the page, and I want to change the close button to a pop-out button. I would also like to be able to pop it back in. I have searched for the right way to subclass in jquery and just cannot find it, but I find plenty of stuff that says jquery makes extending easy. So... how? I was thinking that
[jQuery] superfish scroll 1px in IE7
When I click on a superfish menu item, in IE7 the page sometimes scrolls 1px down... It happens also on the demo page of superfish. Eg. basic style demo, click on 3rd menu item in IE (make sure the browser initially is scrolled all the way to the top), then the page is scrolled 1px
[jQuery] jquery.validate chokes on square brackets in name attribute.
Hello, I have a static html file with jquery and jquery.validate plugin that works perfectly until an engineer starts to plug in his code. The code is being served up for credit card processing, and we have name, and expiration fields working and validating correctly. But the Credit Card field validation fails when he puts [] inside the name attribute of the credit card field. The credit card company requires these brackets inside the name attribute but jquery no longer validates the field as long
[jQuery] TypeError: Result of expression '(o.fx.step[this.prop]||o.fx.step._default)' [0] is not a function.
I really don't know what's causing this error because I don't get it in any other browser except Safari 4 with WebKit r41521 (latest as of 3/9/09): http://nightly.webkit.org/ http://users.tpg.com.au/j_birch/plugins/superfish/#examples You can see the error here when you hover over the blue menu a dropdown should appear, but alas it does not. http://fancy.klade.lv/example Also on this page when you click any of the images.
[jQuery] [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE)
what does this error mean [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIXMLHttpRequest.open]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: http://tjshafer.com/projects/boyd/js/jquery-1.3.2.min.js :: anonymous :: line 19" data: no] -tj
[jQuery] Validate form labels disappear
First, let me say my skill level with jQuery and javascript is low. Apparently too low to figure this out. I am currently using the Validate plugin for form validation. It works well, except for this problem: when an element validates, the label element disappears. I'm using the following code straight from this page : http://docs.jquery.com/Plugins/Validation/validate#toptions $(".selector").validate({ highlight: function(element, errorClass) { $(element).addClass(errorClass); $(element.form).find("label[for="
[jQuery] UI - datepicker - feedback regarding button bar configuration
So, I was assembling the datepicker to use in an app. Easy enough to do. I enabled the "button bar" configuration ( http://www.jqueryui.com/demos/datepicker/#buttonbar ). I came across something odd with the "Today" button. I personally think the "Today" button is mislabeled. Today changes the calendar view back to "this month" - but, does not select "today." I fear this is going to confuse my client.
[jQuery] Change direction of 'animate' function
I need to use the animate function (slide, show, etc won't do) on a project. Typically, 'animate' expands down and to the right. How can I alter this? For example, I am putting thumbnails of images on both sides of a site. When hovered, a larger version animates into view. Because of the down/right direction, the left-hand side works fine. I need the right-hand side one to animate down/left. Is this possible?
[jQuery] gallery with galleria js-lib looks weird on page loads with IE7
Hi, I am using nice galleria lib, but it looks ugly on IE page loads (either when visiting the site first time or jumping back to gallery page). It looks very weird, because IE loads the images first places them as list items and after that applies the galleria-magic. Firefox does this (as usual) much better, it does not display the pictures until galleria is ready to display the whole gallery view. Has somebody faced same ui-problem with IE7 (or generally with IEs) and knows a solution? My code
[jQuery] jquery and sortable table
Hi, I notice when I load a page and perform the following call <code> var str = ""; $.ajax( { url: 'core/getIngredients.php', type: 'POST', data: str, success: function(xml) { $(xml).find("table").each(function() { var t = $(this).text(); var table = $("#list_ingredients"); $("#list_ingredients tr").each(function() { if($(this).attr("id").indexOf("tr") >= 0) { $("#" + $(this).attr("id")).remove(); } }); table.append(t); }); } } ); </code> it works just fine and populates this table <code> <table
[jQuery] unintrusive jQuery on Rails
Hello folks, I'm trying to integrate jQuery within a Rails application (instead scriptaculous+prototype) and I would like to make it unintrusive and I have already an issue with that. I'm using fancyzoom: <a href="#small_box" id="small">Small Box!</a> <div id="small_box"> Here is the contents that will appear in the zoom. </div> <script type="text/javascript"> $('#small').fancyZoom(); </script> and I wish to put $('#small').fancyZoom(); within my application.js file but how can I call it when
[jQuery] Help with selectors and :not()
Hi, I'm trying to get all table rows on a page that have an id that starts with the letter "r", but not any table rows that have id's which contain the word "review". I've tried to use the :not() method, but I don't think I'm using it correctly as it doesn't seem to be filtering out table rows that have id's which contain the word "review". My attempt: $('#replies tr[id^="r"]:not(tr[id^="review"])'); I've figured out how to do it with regular xpath, but I'm not sure how to convert that to a jQuery
[jQuery] JQuery Sliding Panels
I'm looking for something that replicates the functionality of the below: http://labs.adobe.com/technologies/spry/samples/slidingpanels/SlidingPanelsSample.html I'm sure i've seen something somewhere that did this in JQuery but i can't find anything similar! I've search the plugin repository and Google but i can't find anything! Sometimes the net is just too big, though i'm starting to think that maybe i was imagining it? The one i remember had different types of transitions. Sliding diagonally or
[jQuery] Altering external links
How would I modify the following to only target anchors with an href beginning with "http"? $('a').each(function(index) { $(this).attr({ 'target': 'blank' }); });
[jQuery] [validate]
Hello, I have a static html file with jquery and jquery.validate plugin that works perfectly until an engineer starts to plug in his code. The code is being served up for credit card processing, and we have name, and expiration fields working and validating correctly. But the Credit Card field validation fails when he puts [] inside the name attribute of the credit card field. The credit card company requires these brackets inside the name attribute but jquery no longer validates the field as long
[jQuery] Auto update PHP session variables using Ajax/JQuery
Hi Guys, I need help with updating a Session Variable using Javascript, my goal is to have a text filed that will accept numeric input, then onblur or onChange, the PHP session variable must be updated with the new numeric value, how can I do this? Thank you in advance.
Storing parameter value in get data in a variable
Hi all, Please take a look at the code below: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.get("final.html", function(data){ alert (data); }); }); </script> data stores the whole final.html final.html contains a variable called page. page can have different values as it is dynamically fed. It can be, for example: var page = "5"; or var page = "358"; or var page = "63"; I need to get the number (the value) in a variable. How
Loading script with parameters passed from another domain
Hi all, I've got the jQuery code below that sends the value of a hidden field to a php file and loads it into a div. Everything is working fine when t.php is in the same spot, but as soon as I change t.php to another server and I use http://www.domain.com/t.php, I get a Permission denied to call method XMLHttpRequest.open error. How can I fix this? I need t.php to be in a different server Thanks a lot in advance!! <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript">
Jquery Boxy popup using ajaxSubmit(), document.ready - fail
Hi I am trying to use Boxy to load a page. This page contains a form. The form uses ajaxSubmit plugin to send the data, using the usual post method sends the browser to another page and you loose the Boxypop up. However, the ajaxSubmit() never gets hooked up to the submit button because when Boxy loads document.ready never gets fired. And assigning the ajaxSubmit() has to take place inside document.ready Has anyone any idea how I fix this, so that the page that loaded using ajax by Boxy will fire
[jQuery] Having trouble with animate in IE. (possible bug)
Alright so I'm trying to build a custom accordion type functionality and IE is throwing me an error. Now it works fine in Firefox, Chrome and Safari, IE is the only one that gives me an error. An example of the functionality can bee seen at: http://www.rememberwhencruisers.com/ My javascript can be found at : http://www.rememberwhencruisers.com/js/site.js And I'm using the google hosted jquery at: http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js Now IE keeps telling me "Invalid Argument"
[jQuery] simple $.post code not working in safari
I'm a javascript and jquery newbie. That said, the following code works in firefox/opera/camino but not safari 4 (beta) and I'd like to know why. Is the code correct? Maybe a better and more browser friendly way exists? The form (id = myform) submits to an external site (different domain) but upon submit posts information to a local file (save.php). In safari it does not make the request to save.php. The form is simple, no javascript, just this. I'd like to keep it that way. $(function () { $("#myform").submit(function()
[jQuery] How to remove li inside UL
Hi, I want to remove selected list items from a UL. Can i do using remove (). I get an error when i get a list of items: var li = $('.items'); li[0].remove(); I am getting error li[0].remove() is not a function in Mozilla Firefox firebird debugger. ~nk
galleria and imagefit plugins together
I'm using the jquery plugin called galleria as my photo library viewer, it works great except images have to be a certain size because it does not come with support to resize images that load into container to fit width of the container. I found a plugin that gives me what I need except I don't know where in the galleria plugin it will go exactly. Any help would be so appreciated! This is the imagefit plugin instruction: In your JavaScript Where '#content' is a jQuery selector for the container (or
[jQuery] [autocomplete] jQuery plugin of bassistance -> Howto enhance functionality?
Hello together, I'm using the Autocomplete jQuery plugin from bassistance, see http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ It actually works fine. When I click on an element from the autosuggest-list, it's value is correctly transfered to the associated input field. Now I want to enhance the functionality as the following. When I click an element from the autosuggest-list, I want to trigger a PHP script, which does a search over the passed value right away. I unfortunately have
[jQuery] QUnit: exception handling ("raises" assertion)
Hello, While getting to know QUnit, I noticed that there is currently no way to test for the occurrence of exceptions. Looking at the QUnit source, it appears this might be an easy thing to add: http://gist.github.com/76340 That way one could write tests like so: var expression, expected; var L = ["foo", "bar", "baz"]; // should pass expression = function() { return foo.bar; }; expected = "TypeError"; throwsEx(expression, expected, "invalid property access raises TypeError exception"); // should
[jQuery] [autocomplete] jQuery plugin of bassistance -> Howto enhance functionality?
Hello together, I'm using the Autocomplete jQuery plugin from bassistance, see http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ It actually works fine. When I click on an element from the autosuggest-list, it's value is correctly transfered to the associated input field. Now I want to enhance the functionality as the following. When I click an element from the autosuggest-list, I want to trigger a PHP script, which does a search over the passed value right away. I unfortunately have
Next Page