I want to upgrade my jqueryui and take advantage of this selectmenu: [URL]. It says to download from "Felix's branch". I downloaded it but how to I keep my current theme for jquery ui and import this new functionality? I don't want to go back to theme roller again and recreate everything now that I've got it the way I want it.
View 7 Replies
I am using jquery version 1.4.4 , i have read the release log said the Ajax have a big change. So do i need to change my ($.Ajax,$.post,$.get) code to make work with 1.5?
View 1 Replies View RelatedI am trying to load html into a jquery popup window having limited success thus far due to being "stuck" on jquery 1.2.6I use CS-Cart for my eCommerce store which uses a custom AJAX framework based upon jQuery 1.2.6, the downside is that I cannot use jQuery plugins post-1.2.6 nor upgrade it as it removes 99% of the AJAX functionality that the cart depends upon.What I'm attempting to do visually is create a jquery popup window upon user click.ie/eg:View Color Chart : More InformationCode:<p>View Color Chart <a href="url.html">More Information</a></p> The end result being displayed as followed.
CS-Cart have used "fancybox" for it's display, but alas my attempt to integrate it thus far have been limted as it fails to load the iframe unless I have the latest jquery.PS: The FAQ link doesn't work for this message: Before proceeding, please make sure you are aware of the Community Guidelines and you have read the 'Important' threads in this forum, if any.
After upgrading from 1.5.1 to 1.6.1 the auto-play feature of this slider speeds up. I'm using this code: [URL]. 4000 milliseconds is specified in the script if you view source, however, if you let the slider run for a few minutes(I haven't determined a consistent time frame for this) then the slider begins to change one after the next almost immediately without waiting 4 seconds.
.attr() is used once in the script, but after reading the core teams suggestions regarding .attr() after upgrading to 1.6.1 it doesn't seem like I'm supposed to change anything.
Same problem with this slider which is from [URL] simple-jquery-image-slide-show-with-semi-transparent-caption:
<script type="text/javascript">
$(document).ready(function() {
//Execute the slideShow
slideShow();
});
function slideShow() {
//Set the opacity of all images to 0
$('#gallery a').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('#gallery a:first').css({opacity: 1.0});
//Set the caption background to semi-transparent
$('#gallery .caption').css({opacity: 0.7});
//Resize the width of the caption according to the image width
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
//Get the caption of the first image from REL attribute and display it
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400);
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
setInterval('gallery()',6000);
} function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
//Get next image caption
var caption = next.find('img').attr('rel');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
//Set the opacity to 0 and height to 1px
$('#gallery .caption').animate({opacity: 0.0}, {
queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
$('#gallery .caption').animate({opacity: 0.7},0 ).animate({height: '100px'},500 );
//Display the content
$('#gallery .content').html(caption);}
</script>
I upgraded to latest jquery version and now in IE my click event doesn't fire
Specifically I am trying to click a button like this, when some condition is true
$('input[id*=btn_ShowReport]').click();
The following used to work with version 1.3.2
var x = $('#ElementID').val();
var x = $("'#" + "ElementID" + "'").val();
var eid = "'#" + "ElementID" + "'"; var x = $(eid).val();
Only the top one works with version 1.4.1
Similarly the following used to work with 1.3.2 but it doesn't work anymore.
var eid = "ElementID"; $("'#" + eid + " option[value='" + x + "']'").attr('selected', 'selected');
I am working on a project using the (brilliant) cycle plugin, here's the scenario: (apologies in advance for bad terminology that may be used)
I have a pager using thumbnail images, the slides contain text, at the moment cycle automatically cycles through the slides. I want each pager thumbnail that corresponds to it's respective slide to grow when active using the hoverpulse plugin.
I've been attempting to use 1.4.1 but I'm finding that $.get() and .getJSON() callbacks fail. The XHR requests succeed. I can examine the full request in both Chrome and Firebug. However, the callback functions *don't* execute. To test, I tried the same url with both 1.4.1, 1.3.2, and via a raw XMLHttpRequest(). The last 2 requests succeed, 1.4.1 fails. //v1.3.2 WORKS, fails in v1.4.1 $.get('/topic/api/template/list', function(data){
[Code]...
I'm was able to successfully use your plugin for firefox, safari, chrome. When the form submits the request with file upload, here is the html I send back to the browser (via Rails): <textarea>{'status': 'success', 'avatar_url': '<%=@user.avatar.url(:medium)%>'}
View 1 Replies View RelatedjQuery.ajax({
url: "/sharedImage",
type: 'POST',
data : fileName,
async: false,
dataType: 'html'
})
Here i am posting the request to a servlet.The call is going to the servlet.But i am not able to get the data (filename which i am sending ) in my servlet. How to access the param value in the servlet.
I'm trying to make a jquery powered login and register element within a webpage. The page won't read the value of the forms I want it to read. The page is here[URL].. u1241436/Messages/(login or register forms). I use the following code:
[Code]...
Sorry but I can't get the very first tutorial to work. I put the custom.js in a test_jr directory in htdocs. I also put the starterkit.html file in the same directory. I copied the contents of jquery-1.4.4.min.js into a jquery.js file also in the same directory. Then I did the custom.js page shown here:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
[Code]...
I tried clicking on the [URL] and I get the starterkit.html page. If I click on the "some link" it doesn't do anything. What am I missing? There are syntax errors in my editor starting on the line with the asterisks* Why is there an error there? It looks like it closes the click function?
Iam using jquery.validate.js I have a forgot password page it has 2 input fields. 1. User name and 2. Email ID The user has to type any one of the field. How to validate this?
Username : <input
name
="
username
[Code]....
I have been having issues with the .html(), .append() and .prepend() functions. If I attempt the following [code] jQuery doesn't seem to register the click. Is this a known bug? Is there a way around this?
View 2 Replies View RelatedI didn't suspect that it will cause problems, but found that Skype plugin is pasting some JS code into ready page and it search for number which are telephone like. Unfortunately when it matches, it is pasting js code. When tab is changed and I'm returning to the same page tab content is pasted second time in this tab. When I'm doing that again it's pasted third time... It's only happening on tabs on which this toolbar found telephone number.
View 5 Replies View RelatedI have five div tags(jquery tabs) in my aspx page...Inside the seconddiv(tab) i have a button. onclick of that buttton the second div(tab)should be switched..instead of that the first tab is coming.. How cani switch the tab in code behind(Inside button onclick event)...
View 4 Replies View RelatedI have created a couple simple custom validators but this one isn't working. I have an input #eSig and two others #FirstName and #LastName. I need to add a rule that says the value of #FirstName must be contained in eSig, and one that is the same for #LastName.
[Code]...
is it possible to refresh/reload a page or div block in a time interval using jquery function? Without using Ajax or any other server side coding.
View 2 Replies View RelatedWe are using balupton's history.js to process normal (without files) forms and jquery.form.js for these with files.
So our code looks like that:
$this.find('form.formularz').submit(function(event){
var
$this = $(this),
url = $this.attr('action');
[Code]....
I thought maybe it's something wrong with iframe, but there are requests made to server. On server side, there is 499 error code for IE (it's internal nginx error code, it says that browser closed connection before nginx even sent anything) and 408 for Firefox.
I want to use the great jquery.validate plugin. I have just one question. There are fields which i have to check via ajax calls. I just want to check them if they were changed. I thought about one option that i bind the valid method to the onchange event. I would prefer to call the validations on submit.
View 1 Replies View RelatedI made a request to db via jQuery.post(). Generally it works as it should, but if I use german special characters, they are treated wrongly. For closer examinations, I set up a new file without db-access, only displaying regular and special chars. I checked the characters after reading the value of text-input by alerting it. At this moment, it is correct! The issue happens when jQuery gives the variables to POST (its the same with GET). The target-file can read only wrong characters from POST. I crosschecked it by submitting data by a standard form. Now, the POST is read correctly. Special chars, which are echoed explicitly (not questioned by POST) are given back correcty
- I defined charset it in html header and tried other charsets - always the same.
- Adding the accept-tag to inputbox didn't help.
- Redefining charset in target-file didn't help.
- Adding the charset-tag to the jQuery including script didn't help.
So, I think, the code is correct but there is an issue with the charset. And it is definitley at this moment, when transfering the variable to the POST.
SlidShow to show more than 6 images at a time. Here is the development link: [URL] - there are 12 pictures but only 6 are showing there. Same with [URL] where is the setting to expand it to show ALL images I specify, not just the first 6?
View 24 Replies View RelatedI'm trying to access data from a .txt file, and parse that data with jQuery. My .txt file is written like this:
&month=November&day=Tuesday&hour=15
If I use jQuery.get() I do see the data but I want to parse through that data so I can get name and value pairs. This is what I used:
<script type="text/javascript">
jQuery.get('http://www.example.com/test.txt', function(data) {
alert(data);
});
i have a little problem with one aplicattion, the problem is i have one function for saving data from a http page but i dont know how send the data from the .js to my .py
View 1 Replies View RelatedI'm using the quite exceptionally used grayscale.js javascript library, which has the power to change entire web elements into grayscale. More info on this javascript plugin can be found here: [URL] I've got it to work on document ready (jquery call), the script is activated on wordpress generated thumbnails. This works excellent in all browsers except for safari The problem with safari seems to be that it does not load the images correctly before greyscaling them. After hovering them, the (color) images are loaded, and then when removing your mouse it grayscales like it should on page load. For all clearness, i'm using the following script:
[Code]....
I know next to nothing about coding, and have been trying to teach myself with a personal folio project. I posted some progress here a couple of weeks back that looks like this:[URL]... Note that the version above has a fully scalable background image. I uploaded the 'finished' version, which looks like this:[URL]..
I'm pretty sure I didn't change anything to do with the scalable background, but now it doesn't scale. I've been comparing the two all day and this is driving me crazy The Fullscreen plugin I'm using is this one here:[URL].. I'm hoping that this is just a really silly error on my part,
