Cycle Plugin - Caption Transition Effects
Hi, Is there anyway to make some transition effects to the caption in THIS demo. I want to make some effects to the caption such as scrollUp at the beginning of each slide and disappear before the next slide. How can I do that?
Problem finding selected radio button in Internet Explorer with function/onchange - wrong value obtained
Hi all, The following code works fine in FF and Chrome for getting a radio selections value but not IE8. $('input[name="search[gender]"]').change(function() { var check = $('input[name="search[gender]"]:checked').val(); Inputs are below: <input type="radio" name="search[gender]" value="1" class="v_middle" />Male <input type="radio" name="search[gender]" value="2" class="v_middle" />Female <input type="radio" name="search[gender]" value="3" class="v_middle" />Couple <input type="radio"
How to get this working reliably?
hi there In my forms, i use a "beautifier', a background changer following the cursor. I do this like this: fld = $("#some_form :input"); fld.bind('focus', function () { $(this).data ("background", $(this).css("background-color")); $(this).css("background-color", "#ffcc00") } ); fld.bind('blur', function () { $(this).css("background-color", $(this).data ("background")) } ); Simple and working ... EXCEPT: If a field already has an onblur handler which for intrance uses alert(), the above no longer
Modal Form
Hi I have the following doubt: In the Modal Form, what can I do to personalize the text of the warnings that appear when some imput is empty or the number of characters is incorrect ? Thank you
I'm uses both "jQuery Infinite Carousel" and "fancybox"
I have trouble my website using jQuery plugin "jQuery Infinite Carousel" and "fancybox". My website open the modal window when it click the image in carousel area. but don't open the modal window when it click the next button after ride the entire loop in carousel area. Is this a matter of chemistry ?
Change event handler and IE8 - not working
Hi there, I have a simple little function that calculates a price quote based on the options chosen in 4 different drop down lists (Select elements) and 2 sets of Radio buttons. The total price is written into a div and is updated each time site visitor changes the value of Select or Radio button elements. I use Change event handler to fire the calculation function. It works perfect in Firefox, Chrome, Safari, but the calculating function doesn't get triggered in IE8. Here is my web page with this
Migrating from jQuery/jQuery UI & hosting architecture
Hi, I have seen a couple of posts here that touch on the subject, but I'm still a little unclear. If I'm migrating an existing site that is based on jQuery & jQuery UI & other widgets (and that currently has no special forks for mobile device rendering) what are the recommended ways to address the following: 1. Should I set up a "mobile" subdomain within my hosting architecture (e.g., mobile.mysite.com)? 2. How should I best distinguish mobile & desktop user agents and where would I best make that
ajaxed div will slideDown to the wrong height
If anyone could help point me in the right direction, it would be much appreciated. I've learned a lot in the last few days struggling with this. I have a site that is a grid made out of li elements that are a fixed width and height and all float:left. Some have hrefs and are ajax links. The site finds the li elements that are on the left and adds a special class. It then moves a content container (#wrapper) infront of the nearest one of those. And then loads content. When I animate the open and
trying to do a specific toggeling with Jquery
my code what i need is when i click the "next" button, that the current "box_content" will slide up and the next one inline will slidedown. please help. thanks.
Jquery Validation error placement
Hey there! Can anyone advise me on this one? I'm trying to target and replace the contents of my existing input [label] tag with my error message instead of relying on the validate plugin's default behaviour, ie. adding another [label] to the DOM either above of below my input field. Here's the form, nothing fancy! <form id="loginForm" action="testing.htm"> <label for="username">Username</label> <input id="username" name="username" type="text"> <label for="password">Password</label>
Cycle Plugin - Instant pause on hover
When you're using the Cycle plugin for text scrolling effects it'd be handy to have the scroll effect paused the instant the mouse hovers. I wouldn't have the foggiest where to look into modifying the script to achieve this. Has anyone else got that feature working?
Function pointers causing an odd error.
JQuery Version jQuery JavaScript Library v1.4.4 Problem The solution may be blatantly obvious, however I'm scratching my head. The problem is while doing some code optimisation I came across a loop that called append on a jquery element a few times and it was a rather large loop. So it looked something like this: var list_of_goodies = [1,2,3,...]; $.each(list_of_goodies, function(val) { $('div.toaddto').append(val); ...some more code... $('div.toaddto').append(otherval); }); As
Remove Formatting no longer removing html tags?
It seems as though the removeFormatting button is no longer removing tags. For example, i'm going to paste some code from another response i just made, select it, and click remove formatting: Copy code $.datepicker.setDefaults({ dateFormat: 'dd/mm/yy' }); // elsewhere in your code $(selector).datepicker(); $(someotherselector).datepicker(); It does do something, but it no longer removes the tags around the text. This makes modifying code that someone pastes from some other editor a real pain.
Css value problem
hey friend i am using the latest jquery and jquery ui version my problem is that when i change the e.g a box on screen like drag it to a new position or resize it it happens but when i refresh the page it is back to its normal position ........... what i want to do is retain the new position and save it to my css file and also 1. i want to add a div tag using jquery (which i can do) e.g <div id="box"></div> 2. then i want to add/append a css rule in my css file e.g #box{ } using jquery or php
Datepicker
Hello to everyone My question is: how can I do to change the date format of the datepicker to dd/mm/yyyy ? Thanks
solved: data in select menu not shown
I get data with this: $.getJSON("Personen.php", function(data) { $.each(data, function(key, value) { $("<option value='" + key + "'>" + value.Person + "</option>").appendTo("#projekt_autor"); }); }); and append it to a select menu: <div data-role="fieldcontain"> <label for="projekt_autor" class="select">Autor:</label> <select name="projekt_autor" id="projekt_autor">
Checked radio element creation
Can anyone tell me why jQuery isn't checking radios built with element creation? var radio = $("<input />", { type: 'radio' }).attr('checked', true); // or .attr('checked', 'checked'); This produces <input type="radio" /> All other attributes work fine, just not checked... Am I going mad or is this a bug? (Tried with 1.4.x & 1.5.0)
solved: html is not structurally styled
I get data like this: $.getJSON("Projektliste.php", function(data) { $.each(data, function(key, value) { $("<li><a href='Projekt.html' rel='external' id=" + key + ">" + value.PrName + "</a></li>").appendTo("#Projektlisteneintraege"); }); }); and append it to this listview: <ul data-role='listview' data-theme='g' id="Projektlisteneintraege"></ul> The resulting page (http://evab.barbalex.ch) shows the data but it is not styled.
How to 'refresh' the code source the jQuery will detect again?
Hey there, I've been using jQuery for a couple years now and I just ran into a problem. I've had this problem before but I forgot how I resolved the problem and I can't find it anywhere anymore either. Here is the problem: I have a simple html form with some <select>'s. Once one is hit, jquery will use $.post to get new content from a php file and update the contents in a div with new form items (new <select>'s). Now I want to be able to use these selects with ajax too, however, the .change function
jQuery UI Slide - no complete hide?!?
Hi everybody, I'm very new to jQuery and now playing around a little to learn for a new project. Is it somehow possible to set the UI slide effect so that it doesn't fully hide away? e.g. my div is width:300px I have set the distance:220px. So it doesn't completely slide in... but still the left 80px hide away after the slide. How can I set it that this stays visible?? Or is there a workaround for this?? Appreciate every help!! Thanks in advance!
Jquery as a text scroller, HELP
Hey everyone, I am very new to jquery and have a project that i need to finish. I am using jquery as a text scroll (jcarousel) to pull recent articles from a blog. Everything works great. EXCEPT, I would like to have the links open in a new browser if possible. Here is where I THINK the code needs to be changed?? But i am just to new to make the edit, Your help is appreciated. // JavaScript Document function mycarousel_initCallback(carousel, state) { // Lock until all items are loaded. That prevents
using .after()
I am using after function to add some html code after the specified id but how can i.delete the html code afterwards? I am trying to make a toggle in jquery using this technique .after() but is there a removeafter()? Thanks
New to jquery UI - Images?
Folks, Just started using jQuery and jQuery UI (rather than Prototype). I downloaded a theme pack along with jQueryUI. Put everything in it's proper place (I think) and I've got the code and widgets working OK but I don't seem to be able to get any backgraound images applied to elements like accordion menus or the datepicker. Is this something that need me to explictly code into the CSS file or is it just a matter of putting the IMAGE folder in the correct location relative to the webpage and the
How can I bind my own ajax calls to a link when ajaxLinksEnabled = false?
I've successfully set ajaxLinksEnabled = false per the documentation. I've verified this by testing the behavior of normal jquery mobile links. Now I can't bind a custom ajax call to a link. When I click it, jquery mobile somehow reports an empty error response (my server does not flag any errors). It then submits my link as a non-ajax request. It would appear that jquery mobile is still duplicating my links, since one is responding with a javascript error without ever hitting the server, and the
Why can't I add classes to spans containing checkboxes?
I have in my code: jQuery("span[class='checkbox']").addClass("unchecked"); jQuery("span[class='checkbox'] input:checked").parent().removeClass("unchecked"); jQuery("span[class='checkbox'] input:checked").parent().addClass("checked"); The intended effect is for spans of class "checkbox", which should each contain one checkbox, to have the class "checked" if the checkbox is checked, "unchecked" if not. When I load the page and do an "inspect element",
right aligned button does not align horizontally in header.
My header has 3 buttons in a controlgroup, and I have a 4th button that I would like aligned on the right of the header. Thus is working, but the 4th button doesn't seem to align horizontally. Any ideas? <div data-role="header"> <div data-role="controlgroup" data-type="horizontal" style="display:inline;"> <a href="#" data-role="button">Patient List</a> <a href="#" data-role="button">Search</a> <a href="#" data-role="button">Preferences</a>
Autocomplete - Preventing 'focus' changing value of input field
Hi, I am attaching autocomplete to an input field with id of 'member_search'. I would like to change the default behaviour so that the value of the input field ONLY changes when an item is selected in the select list and not whenever the focus changes within the list. How might this be achieved? I am using JQuery 1.5 and JQuery-UI 1.8.9 Thanks!
jquery tab pagination questions (please help)
hi everyone. I'm a newbie to jquery. been experimenting and working on a method of using a dropdown menu to dynamically create tabs and paginate them (no need for the tabs to create a new line as seen on the default jQuery tabs plugin) but have run into a few problems which i'm not sure how to resolve. for each difficulty i have included screen shot as a visual aid. here is the interface its rather simple but in the future the data used within it will be dynamic. now here are the problems i am currently
Check textbox values on the front-end before submitting to server-side logic
Room, Hi. I am new to jQuery, and learning more about Js by doing. I can hand-code HTML and CSS very well and understand OOP effectively. However, troubleshooting complex Javascript code combined with jQuery is a challenge to me, but I really want to learn. I am using Windows XP Professional and IE 8, FF 3.6. That said, I will attempt to explain what I need to do. Description: The page is being written on the fly. There is a server-side function that cannot accept zero quantity values.
How to throw alert
I am trying to throw an alert with the attributes of a submit button in the alert. What am I doing wrong? $("document").ready( function () { alert("#SubmitButton").attr("attr", value); $alert("#SubmitButton").attr("attr", value); });
Why is my function excuted much later
Hi everybody, this is my first question here, so please be gentle... I'm just building my first web app using jQTouch (which itself is a jQuery extension, if I got it right). So, I have quite a lot of code up and running, doing exactly the things I want them to do BUT... I have created one object "einstellungenObject" with a function called "getEinstellungen", which is supposed to load the user's configuration from a SQLite table. That is working but this function is executed in a way I don't understand.
Countdown / session remainig indicator
Hi... Can anyone recommend an example / tutorial for a graphical countdown or time / session remaining indicator? Can jQuery do this sort of thing? Thanks...
move jQuery to new namespace
jQuery.noConflict lets you change the jquery namespace after it has been loaded but I think I need a way to do this before it is loaded. Here is my use case. I have a widget It can be placed on any site Those sites may be running jquery, prototype or other libraries. To avoid conflicts we wrote our own library but rather than maintain that it would be nice to leverage JQuery since we all know and love it. One thought is to save a copy of jquery.js, rename the namespace, remove $ alias and then
Modal Form
Hi I have the following doubt: In the Modal Form, what can I do to personalize the text of the warnings that appear when some imput is empty or the number of characters is incorrect ? Thank you
If-statement dosnt work
Hello, What I want to do: If I hover over a tab (there are 3) all other tabs will close.Below is the code for the first tab if($("#box1").mouseover) {(function () { $("#box1").animate({ width: "500px" }, 400 ) $("#underbox1").delay(350).slideDown("slow").css("width","500px") $("#underbox2").slideUp("slow") $("#box2").delay(550).animate({ width: "200px" }, 400 ) $("#underbox3").slideUp("slow"); $("#box3").delay(550).animate({ width: "200px" }, 400 ); });} What is the mistake
Access Raw CSS using jQuery/Javascript
Hello all, not too sure this pertains specifically to jQuery, but it's always a great place to start. I would like to be able to access the raw CSS code that has been loaded for the specific page. I'm not looking to change the code (I know how to use jQuery for CSS manipulation etc...) I just want to parse through it and extract some useful information. I considered just loading the stylesheet references in the page, then placing a request to the server for the .css file, but this feels messy even
Select menu in header
I am trying to add a small select menu that is on the right side of the header. All works fine except when selected the options list aligns centered under the button which cuts off the right side of the window. Any way to center the list? Thanks.
Injecting a cache lookup (dataFilter) for 304 (Not Modified) responses
I'm asking here for input before I submit a feature request in case there is a better way to handle cache lookups for 304 response codes. We are implementing our own object cache because the ifModified support on different browsers feels rather flaky and it is very important to us that we optimize bandwidth for all clients. In order to do this somewhat transparently to the developers, our framework is injecting a beforeSend and dataFilter function into each $.ajax request. The problem is that the
jQuery validator: Custom message based on radio selection
Hi Example: <fieldset> <input type="radio" value="1" name="choice1"/> <input type="radio" value="0" name="choice1"/> </fieldset> <fieldset> <input type="radio" value="1" name="choice2"/> <input type="radio" value="0" name="choice2"/> </fieldset> Two radio button groups, both required, and if you choose "1" on "choice1" you should choose "1" on the "choice2". " My problem: input[name="choice2"][value="1"] should be :checked if input[name="choice1"][value="1"] is :checked, AND display a message stating
jQuery LOAD Issues with IE
I am struggling with ajax load in Internet Explorer. It works in all of the other browsers I have tried. Have a look at: http://www.creativelunch.com/atesore/user/profile/rwap_software When the ajax.load function is called to load the Active Items content, I get an IE error: Line: 307642184 Error: Not implemented The code used to load this page is quite simple: //show loading bar function showLoading(activeTab){ $('#loading-' + activeTab) .css({visibility : "visible"}) .css({opacity
Next Page