I have some code and it wasn't working at all in IE and then I found that there was a bug relating to it.So I downgraded to using 1.4.1 and the code works, but not completely. When I first check the checkbox in IE it does nothing, it's only when I check it for the second time (uncheck and then check again) that it changes the values accordingly. The select form elements do work in 1.4.1 [code]
View 1 RepliesI'm trying to recreate a behaviour which enables a disabled checkbox after the user has completely scrolled down to the bottom of a textarea ("agree to license terms"). My current state can be found at http:[url]....The checkbox is not being enabled with my approach. I can enable the checkbox if I explicitly set scrollTop to a value, but then I'm not able to scroll anymore at all. So I am guessing it probably has to do with the scroll check not working properly.
View 3 Replies View Relatedi would like to write a script which will change title of my opera window after opera completely loads web page.i have a working script:
Code:
// ==UserScript==
// @name loaded
// @namespace my
[code]....
So I have a set of <SELECT> elements that are ajax'd in and out depending on what is selected using the event "change". I know that .live("change") is not fully supported.
View 2 Replies View RelatedI am trying to:
$('.entity_id').live(
'mouseover mouseout' , function(event){
if (event.type == 'mouseover') {
console.log('mouseIn entityID', $(this).attr('client'))
$(this).css('color: red;')
} else {
[Code]...
this is supposed to work whenever:
[Code]...
is in the dialog box, the logs are working, but the css color changes are not.
I'm working with the quasipartikel plugin for multi selection. Available here:Mutliselect.Great plugin, very happy with it overall.However, on my page I want to trigger functionality when something is added or removed. Looking through the code, I see that a link is added for each item of a selection box with the class 'action'. Thus, I figure I should be able to trigger code of it, like so:
var j$ = jQuery.noConflict(); j$(document).ready(function() { ...
j$('.multiselect').multiselect();
...
[code]....
This code is supposed to find all table rows with a class of "selected", remove that class, then find all checked inputs that are descendants of a tr and give its tr a class of selected. The problem is, that even radio boxes that are not checked are being returned by $(' tr input:checked', '#deviceSelection') and everything is getting a class of selected. Anyone know whats wrong? I'm using jQuery 1.4.1
[Code]..
i am using jquery cycle plugin togther with livequery. It is working fine except pagerAnchorBuilder. Any body know how to fix this problem. Jquery Cycle Code is following:
$j
(
'ul.slider-thumbs'
).
livequery
(
function
[Code]...
I am very new to jquery live function & i stuck in to the problem. I am using live function to get the ajax response & appending to the div here is my code,
function add_master(module_url, response_target_id, custom_id) {
$('a.addclass').live('click', function() {alert('add');
$(response_target_id).fadeIn('fast');
[code]....
Is JQuery live() supported in mobile app browsers? I am having a difficult time getting an application to work. I've posted some code to illustrate/test the problem below. Three lists, #1 using bind(), #2 using live(), and #3 using live() whilst allowing to add list elements. Clicking the list item should just bring you to a second page that displays your selection (it updates whatever was there before, original text is 'original' text). Works great on my PC in all browsers except IE, and on Android/FireFox, but not with IPhone/Safari and Andrpid/WebKit: ot only is the event not triggered on dynamically added list elements, it's not triggered on the 'static' elements in lists #2 and #3. The app was written using JQTouch; wondering if that disrupts somehow JQuery functions.
Ozone2.html
<html>
<head>
<title>Ozone 2</title>
[Code]....
When thebody section below iscommented out, I get hello, and when it isn't, I don't !
$("body"
).click(function
(e){
return
[Code]....
Is this a bug, is it an unavoidable aspect of the "live" architecture
I just realized that it seems like Internet Explorer doesn't get Javascript to work locally but only on a live site how can I get Internet Explorer to work locally? as well as live? For testing purposes. Everything runs right in Mozilla Firefox.
View 8 Replies View RelatedI am a graphic guy and do some web design but am not really good with javascript. I am using the enlargeit.js program for the photo viewer on [url] in the galleries. It has worked wonderfully up till now. I recieved new pictures from the owner to post on his page and they will not open when i view them live. I use dreamweaver cs5 and when i look in preview mode, they work great. They are standard jpg images.
see [url] [url] for an example. The top pic does not work and the rest do...
I have resized them, changed file formats, opened them in photoshop and edited them, and basically anything else you could think of, i tried. Even if i open one of the working photos in photoshop and place the new one over it and save it as something completely different it still does not work! everything else does.
Basically I have site that uses iframes to load its content. In one of the frames I have an html page that contains an image, and when you mouse over the image it is supposed to fade up a little description box. Naturally when you move the mouse away, the box disappears. I have a javascript function that fades the image up and down, and it's activated via an onmouseover event that is attached to a div that contains no content, but lays over the image to define the triggering area.
I use Dreamweaver to preview my pages while they are stored on my computer, and everything works beautifully. However, once I upload the page to my site, that functionality disappears completely. Code:
If I have two check-boxes and one is already checked and then the is checked, how would I get it to uncheck the first one using JavaScript.
View 2 Replies View RelatedOne gentleman on the "live" page of the jQuery docs suggested the followingworkaroundcode in order to get change() to work in IE:
I am not familiar with doChange and whether I apply this suggestion correctly for:
I've been stuck on this for a few hours today, and I can't seem to figure out how to correctly accomplish my task.Objective: Dynamically change the value of a <input type="checkbox" />, thus causing the .change( ) event to be fired, from an outside element, with the checkbox being hidden.So, my code eventually gets to this point:
if ( /* CONDITION */ )
{
$( 'input[name="new"]' ).attr( 'checked', true );
[code]....
I'm having problems with jquery and checkboxes..I've been trying and debugging for some time now, but I can't fix it.This is my current code:
[Code]...
I have createda checkbox below:
<asp:CheckBox ID="chkPlanoSelect" runat="server" Text="" Checked="true" Font-Names="verdana, arial, sans serif;" Font-Size="8" />
I have assigned to the checkbox below so it is checked:
$("#" + strParentControlID + "_chkPlanoSelect").attr("checked", "checked");
I then want to set the Text value or Label value to say "Plano Selection"and have tried the following none of them work:
$("#" + strParentControlID + "_chkPlanoSelect").attr("value", "'Plano Selection'");
or
$("#" + strParentControlID + "_chkPlanoSelect").attr({label: 'Plano Selection'});
or
$("#" + strParentControlID + "_chkPlanoSelect").next().attr(label: 'Plano Selection');
I have a checkbox that I'd like to show/hide an input text element. When the checkbox is checked, the textbox disappears. When the checkbox is unchecked, the textbox reappears.This works fine in firefox:
Code JavaScript:
$(document).ready(function(){
$("#generate_name").change(function(){
[code]....
I've created a registration form with sponsorship options hooked to checkboxes. My original form used ASP to keep values in hidden fields to use for totaling everything at checkout time.
Now I'd like to use PHP and Ajax to place the value into the text field related for each option checked.
I'm able to do that making an Ajax call. My problem that I need help with is this: If the visitor decides to uncheck a sponsorship option, the value placed in the associated field remains on the form. How do I replace that value with a null or empty string if they decide to uncheck their original choice?
I've tried JavaScript to no avail so far, both in the client side and server side code. I'm very new at this and I need help. Will jQuery work without having to change a bunch of code?
I have a set of checkboxes that trigger events on a page. Clicking a checkbox triggers the event correctly and the checked attribute changes in the page source, but in the rendered browser view the checkbox status remains changed. If I load the page with the checkboxes checked, they always remain checked in the browser view. If I load the page with checkboxes unchecked, they always remain unchecked in the browser view.
If I remove the jquery code the checkboxes work as expected, but obviously don't trigger any events. I've tested this in both Safari and Firefox with the same results.
[Code]...
On another note, I'm having problems with the back button when using the forum. If I am looking through a multi-page search and click on a topic and then click the back button, I go to the first page of the search instead of the last page I was looking at. Similarly, when I first previewed this post and clicked "back" I was returned to the topic list instead of the compose-post page.
I've created a checkbox and radio button replacement plugin (URL...), and I'm trying to be as thorough as possible.One situation that I have yet to solve is if a button is given the attribute checked="checked" through some external function. I'm not sure of how to detect this event so that the replacement image is also updated. The .change() method only works when the user actually clicks on the button.The reason I am trying to work this out is because I am adding support for disabled buttons as well. From what I've seen, there are plenty of situations where a button is disabled until a user either selects something else, or fills in required info, etc., and then it is enabled (most likely through the removal of disabled= 'disabled '). If the developer has already worked that in, I don't want the implementation of my plugin to affect that. It should just work automatically.I do check the states on page load, but i'm not running any sort of loop to constantly look for changes.
View 1 Replies View RelatedI created a slideshow using the cycle-lite pluginLINK. LINK TO SLIDESHOW The slideshow is nearly great. The first time you load the images it is a bit bizarre. The images loads and fades at the same time.
Is there a way i can hide the images until all has loaded then trigger the slideshow.
[Code]...
I know $(element).css('top',''); should remove any value for top. However, in IE7 (or rather, IE9b in compatibility mode), it still leaves style="TOP: ;" on the element (as given by: alert($(element).attr('style'));). I know this shouldn't be a problem, but for some reason it's playing around with my element, which has external CSS settings it as bottom:5px;. The top:; is applied, but then I want it completely removed. However, there might well be other css inline, so I don't want to removeAttr('style'). Is there another way to completely remove the 'top' property?
View 6 Replies View RelatedWhenever I try to .fadeout() or .remove() a a prepended text, it is still there even after I remove it.
Javascript:
$('#body').ajaxStart(function(){$('<span class="loading"></span>').prependTo('#body').fadeIn('slow');});
$('#body').ajaxComplete(function(){$('.loading').fadeOut('slow');});
CSS:
.loading {
background-image: url("..loading.gif");
background-position: top;
background-repeat: no-repeat;
display: block;
height: 15px;
text-align: center;
}
Objective:
Shows the loading image (.loading) before the main content (#body) when the ajax task starts and removes it when the ajax task has been completed. Triggered by an onclick event.
Details:
The code above works. The problem is everytime I click the html element (<li>), it prepends the content from the previous execution. As such, if it has a text "loading..." the next time I click another item from the menu it becomes "loading...loading..." I tried using the .fadeout() but it only hides it. So I try .remove(), same thing happens. Tried using them both, separately, and hand-in-hand, the object still does not get destroyed.
Versions: jQuery 1.5.2