Error $('#DIV')({}) in IE
dear all, I've working on infographics system, actually I got the real tutorial from here and I make some modification of its structure, the basic original code is taken from the path like this <script type="text/javascript" src="js/zoommap.js"></script> but, for some purpose I put the code on the PHP file like this <?php ....... <script type="text/javascript"> $.noConflict(); /* jQuery(document).ready(function($)*/ jQuery(document).ready(function($){ /* Show jQuery
Setting a "cancel" option on a Sortable breaks <select> tags in Opera and Chrome.
See the attached code for a demonstration. It doesn't matter what you set the cancel option to. It can even just be "". In Opera, the drop-down box will "run away" from you when you try to click on it, and in Chrome, clicking the drop-down box makes the list item jump to the top of the screen.
.height() and IE8
I'm checking height using $('#id').height(); on 2 objects of different height. Firefox, IE7 and Safari returns me correct results; IE8 returns me the same height and that is a lot different from the results coming from other browsers. (like "460 300" on all other browser "700 700" on IE8)
Autocomplete #combobox, When wraped in form it reloads page when pressed dropdown btn
1. I am new to jquery UI, and had used a lot of time trying to figure out autocomplete combobox. I think it's bugged because when I wrap <select> in <form> </form> and click dropdown button page gets reloaded. Simple way to test: In demos folder autocomplete combobox html add form tag around select - Using fresh ui 1.8 and jquery 1.4.2. 2. How can I set start value of new input (like original dropdown had selected). Best regards, Bojan Kuzmanovic
ajax tabs loads all tabs content on page load ; why? it's ajax, right?
Hello dear all jquery magic world lovers ! I am in a situation that require some help. Ok so short story shorter, I have a page that contains a jquery-ui tabs widget with 10 tabs. 5 of these tabs contents are ajax-ly get. So it's a second nature classic : $("#vtabs").tabs({ cookie: {expires: 1}, ajaxOptions: ajaxTabsOptions }) And the ajax options var ajaxTabsOptions = { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Oups ! Error was catched during server call."); }, cache:false,
Escaping special chars in ID selector does not work in IE with version bellow 8
I write some interface that maps XML to HTML DIV elements with XPath in its ID. I know restrictions of ID element but in other browser its works finely (other than < IE8). The simple test fails in IE6, IE7. This test passes in IE8, FF, Opera and Google Chrome. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
Two problems with Resizable
If my element has position: fixed, it will turn into position: absolute when I start resizing. If my element has right: n pixels, it will turn into left: n pixels when I start resizing. Both are problematic, at least for me...
Bug in replaceWith?
Hello I've got some code that iterates over a bunch of elements, found by a class and wraps them all with some template html: $('.'+clazz).each(function () { var element = $(this).clone(); var wrappedElement = $($(templates[clazz]).children()[0]).clone(); wrappedElement.find('#content').replaceWith(element); // this should just be - $(this).replaceWith(wrappedElement); - jQuery bug? if (this.id != '') { $('#' + this.id).replaceWith(wrappedElement); } else {
jQuery Media Plug-In and Android
Has anyone tried using the jQuery Media plug-in on an Android phone? I tried accessing http://jquery.malsup.com/media/audio.html from my Nexus One and couldn't get any of the audio to play.
Change to UI Dialog ASPX
Hi all, I am currently having to use a custom version of UI as the current one has a "bug" in it which could easily be fixed with an option. the bug is to do with the way the page posts-back (probably only in aspx,NET). Currently if i use a dialog with a text filed or any other filed in it, when the page posts back to the server, these fields and data are not posed back with it. I have a div: <div id="dialog"> <p>Add a new store.</p> <fieldset> <table>
Not able to fadeout ActiveX Control
Hello All, I facing a strange problem. I have developed a active-X control to play video on the top of VLC player in C# . It contains a windows panel in which video is displayed . Its is placed in a DIV tag , like this : <div id="AxControl"> <object id="Ax_Test" classid="CLSID:A47C22B1-3CC3-45bc-801E-3FCC4FFD3E45" height="270" width="300" border="1"></object> </div> </td> Now when I try to fadeout my DIV like this : $(document).ready(function () { $('#AxControl').fadeOut(5000, function
UI-Widget - problem with automatic added css classes
As Todd Parker requested: My feedback for css-classes for widgets with headers. " One thing i‘m currently trying to make is something similar to the wordpress dashboard. When i try to add for ex. tabs to these „widgets“, than i always get some styles added like „ui-corner-all“. This makes it currently impossible (without hard coding right into the UI-tabs-file) to get a box with a headline/ui-corner-top and a content-area/ui-corner-bottom. I’m no Js-King, but i noticed, that classes, that are already
jQuery.animation works differently across browsers
http://elv1s.ru/files/js/jQuery/webkit-weird-animation.html In Safari 5.0 (5533.16) and Chrome 6.0.453.1 both squares look weird. In IE 6-7 the left square looks weird. In Firefox and Opera it's fine. (I would record a screencast, but screenr.com stops working for me.)
problem post ajax with data
Hi I'm trying to do a ajax post with data like this $.ajax({ type: "POST", url: url, data: var_send, success: function(data){ p_html(data); } }); in the var var_send the value is {"mod":"new", "RELATGPEVT_RELATCOD","2"} and when i do the ajax they do a GET (id o with POST) but never calling the success, they occur when i use the "data" in ajax, when it's empty they work's fine I try to use the traditional:true and the processData:
JQuery 1.4.2 Problem with JQueryUI Tabs in IE 8
Hi, I have recently added tabs to my webpage and when i click a button in the tab i get the following error in IE 8: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; OfficeLiveConnector.1.4; OfficeLivePatch.1.3) Timestamp: Tue, 8 Jun 2010 10:47:23 UTC Message: 'undefined' is null or not an object Line: 55 Char: 143 Code: 0 URI: jquery-1.4.2.min.js I am using JQuery 1.4.2
animate scrollTop glitches [solved]
Hi guys. I'm rebuilding a flash site in html and ran into a problem that I can't figure out. Please check out this link: http://extranet.frontend.pt/gohtml When you click an item in the portfolio, it pulls the horizontal and vertical scroll to the proper position, but animating the scrolltop is giving me glitches. It looks like the page jumps to the top, then returns and animates. Here's what I'm doing: $('html,body').animate({ scrollTop: lastChildOffset.top - 140 }, 500); Pretty basic. I tried using
Tabs: height of tab header stretching to "float:right' elements in page?
Hi, I have a fairly standard 2 column page with one "menu" column being 'float'ed to the right. Seems the height of the jQuery-UI tab header is being stretched to the bottom of my right floated menu column rather than the bottom of the tab headers. Is this a known issue? Any ideas how to fix this? jquery-1.4.2 jquery-ui-1.8 (smoothness) Firefox 3.6 Thanks in advance, Ian
At firefox 3.6.6 code like $.post("url",somedata,function(){alert('always run')}) always run, even the url server is offline
I want to show some tip when the server is not online. I have wrote some code like below: $(document).ajaxError(function(e,xhr,opt){ $.pnotify("the ajax is not fine"); }); Those code is fine in IE. But at Firefox 3.6.6, the handler of success always be called, even the server has down. thank u
Events on ajax-got HTML form
So, this is JavaScript $(document).ready(function(){ $('#lgn_form').submit(function() { ajax($(this).serialize(),'toolSection','lgn_form'); return false; }); }); function ajax(data,section,source) { $.ajax({ type: "POST", url: "core/ajax.php", data: data+'§ion='+section+'&source='+source, success: function(html){ id = "#"+section; $(id).html(html); } }); }I use this, to manage user login-session,
passing variable ..
hi i have a problem when i try to pass variable in javascript or maybe this is jquery matter i'm using tokenize plugin from this site : http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/ problems comes when i about to set a predefined value for the token, if i use static variable like this script its working ok $("#tokenize2").tokenInput("http://localhost/ci/index.php/skripsi/adminPanel/listPeserta/", { prePopulate: [{ "id":"1","name":"Populated Name 1" },{ "id":"2","name":"Populated
NO_MODIFICATION_ALLOWED_ERR in Safari using xhtml with a $.get() request
When using a valid website served as application/xhtml+xml and requesting content using $.get() Safari/Chrome will throw the following error (referring to the development version of 1.4.2 of jquery): NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7: An attempt was made to modify an object where modifications are not allowed. – jquery.1.4.2.js:4448 4448 is part of jQuery.extend({}), line 4447/4448 are the following: // Go to html and back, then peel off extra wrappers div.innerHTML = wrap[1] + elem +
Autocomplete + dialog + scroll
I use an autocomplete inside a dialog. This all works fine, but not when I use the wheel on the mouse to scroll. The autocomplete remains on the fixed position. Example on http://jsbin.com/ivibi4/edit Can I fix this with css? I have this behavior in IE8 and FF 3.6
switchClass issue
I want to use switchClass, perform some work, then switch the class back. The first time the button is clicked, you see the transitions fine, but after that further clicks don't transition... <html> <head> <link type="text/css" href="http://jqueryui.com/themes/base/jquery.ui.all.css" rel="stylesheet" /> </head> <body> <button id="emailConversation" name="emailConversation" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-mail-closed"></span></button> <script type="text/javascript"
The problem with the tag <noindex>
<a id="code">LINK</a> <noindex id="noindex"> <textarea rows="3" style="width:390px" readonly="readonly" > </noindex> $(document).ready(function() { $("#code").click(function() { $('#noindex').hide(); }) })For Internet Explorer browsers not working this example. Why?
Problem with Tabs and ajax
I have a program thay use tabs with ajax, inside each tab I have a form dialog that saves data using ajax. Fist time I submit the form it works ok but after that seems no refreshing ok the tab because the parameters of the form I submit are with empty values. Both, tabs and $.ajax() has cache:false Please help Thanks
XML Pagination Problem
Hi guys, I have been slaving for hours over this snippet of code I have developed to read from an XML file and then paginate the results in an unordered list. However, the next and previous link buttons do not work correctly and my code only work ins Safari4+ on the Mac, but there is a JS error when opened in IE7+, maybe thats the reason for it not displaying properly in those browsers. Anyway, I need to be able to fadeIn 10 magazine issues, then fade them out when the user clicks next or previous
Bug with ASP.NET Dropdownlist + jQuery UI dialog
I am having the postback problem while having ASP.NET Dropdownlist and jQuery UI dialog on the same page. All the postback data are repeating depending upon how many dropdownlist on the page. e.g. let's say if I have two dropdownlists and a textbox inside jQuery dialog and the user type "Test" in textbox then submit the form, after postback the data in the textbox become "Test,Test". Thanks. P.S: already submitted this question as "Ask a question" and no one from jQuery UI team seems to notice the
Small omission in Getting Started page
Hello, jQuery-UI people! I did a forum search regarding this (small) problem, but didn't find anything. I just began exploring jQuery-UI and started out on the Getting Started page (http://jqueryui.com/docs/Getting_Started). I followed the instructions there, downloaded a custom library set, and set up a page using the info in 'Basic overview: using jQuery UI on a web page'. When I tried to add a datepicker to the page, I kept getting a 'datepicker()' is not a function. I double checked my code (there
toggle function breaks when using jQuery UI
We are using toggle as described here http://api.jquery.com/toggle/ with .toggle( showOrHide ). After we added jQuery UI the .toggle( showOrHide ) isn't called any more, but the .toggle(effect), which breaks our code. Because Javascript doesn't support function overloading, i think this 'overwriting' is not a good way and very error-prone. This should at least be mentioned in the documentation.
drag drop - can't drop over droppable in certain circumstances
Hi all, I have been facing a problem with the Jquery UI drag and drop. Please find out my sample code at, http://jsbin.com/ojaji4 In above sample, There are two droppables. I have set [tolerance: 'pointer'] for droppables. In the middle, there are draggable elements. Now, start dragging element from the left side BLUE square and try to drop it over right side droppable (OR, start dragging element from the right side BLUE square and try to drop it over left side droppable). Both above scenarios,
BlockUI: element blocking not working correctly in Firefox but appears to work in Chrome
I'm trying to use BlockUI to block elements of my page inside the $(document).ready() callback but seem to have inconsistencies between Firefox and Chrome. I create a simple page to demonstrate this difference: <html> <head> <title>BlockUI test</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.blockUI.js"></script> <script lang="javascript"> $.blockUI.defaults.applyPlatformOpacityRules = false; $(document).ready(function() {
datepicket, problem with width when showing multiple months
Hello, I have a problem showing multiple months in datapicker, this is the declaration (I want to show one full year): $(function() { $('#datepicker1').datepicker({ firstDay: 1, hideIfNoPrevNext: true, numberOfMonths: [2, 6], minDate: new Date(2010, -6, 1), maxDate: new Date(2010, 6, 0) }); }); With internet explorer I get the next result: And looking for the solution I saw that in Firefox the width of the container was higher than then content,
Chrome & Safari - Not answering inArray correctly
I'm using inArray() to check an XML tag against an array called status[]. If the result != -1, then do one set of instructions, else, the item is 'available' so do another set of instructions. Each entry of my XML document has a <status> tag, which will contain one of 3 values, or a 4th option 'available'. I have an array setup called status['sold', 'pending', 'reduced']. If the <status>.text() is one of these 3 values, then we'll get the array position, if it's 'available' we should get -1. When
jqgrid 3.5.3 problem
Hello, Today I installed a new version of the Grid 3.5.3 . I noticed that if the results have none rows but try to set a new width, I'll get the following error from Firebug : $t.grid.cols[lvc] is undefined Thanks, Vishnu.
cant access anymore to my plugins.jquery.com account
I don't know if this is the right place where to post my problem, anyway I'm a jquery developer ad I used to post all my plugins (http://pupunzi.com) to the jquery.plugins repository. Today I had to update one of my plugin state but I had a surprise; I can't access anymore to my account; it says: The username pupunzi has not been activated or is blocked. What should I do to recover the account? And why it happens? Thnx, Matteo Bicocchi (pupunzi)
Disabling a button does not remove ui-state-focus or ui-state-hover
Scenario Clicking a button that disables itself after processing some logic, does not remove ui-state-focus or ui-state-hover. <script type="text/javascript"> $(document).ready(function () { $(".editButton").button(); } function removeButton_onclick() { // Process something... $('#removeButton').button("disable"); } </script> <button id='removeButton' class='editButton' type="button" onclick='removeButton_onclick();'>
$.ajax returns "Invalid argument" when VPN'd into a site
Hi guys, I've raised a detailed bug report in the tracker, only to have it closed as I can't reveal the URLs used. So, I was hoping you would be able to help me. Bug: http://dev.jquery.com/ticket/6717 Basically, I'm using a VPN product called iLink by Cognitas. Being on this VPN produces URLs in the following format: https://proxy.domain.com/the-url-you-actually-want For example https://webtopxeu7.domain.com/http://internal.ourdomain.com/Site/default.aspx When I do an AJAX call to a relative URL
Object doesn't support this property or method
I have come across an issue when using the TinyMCE jQuery plugin and v1.4.2 of jQuery.min.js Under Internet Explorer (v7 and v8), you get an error message when a page is first loaded using Tiny MCE - 'Object doesn't support this property or method'. The highlighted code is: a=b.XMLHttpRequest?new XMLHttpRequest():d("Microsoft.XMLHTTP")||d("Msxml2.XMLHTTP"); This does not happen under Firefox or Opera browsers, but even more oddly is the fact that this error goes away if you refresh the page.
My first gallery app
Hi there I have been experimenting with jQuery for the first time this past week. I thought that I understood it well enough, but now something isn't clicking. I tried to write a simple image gallery but it just does not seem to do what I expected it to. Here is my code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jQuery.js"></script> <style> ul li{
Mootools and jQuery UI Dialog in Opera 10.5
Hello, I'm trying to use jQuery UI Dialog (1.8.2) but I need to load Mootools JS library on the same page (because of Joomla! CMS). Well, everything works fine in Firefox, Chrome, Safari even in IE but I still have a issue with Opera browser (10.5). There is the result: http://www.greatjoomla.com/dialog/development-bundle/demos/dialog/default.html If I specify the height attribute in dialog, the dialog has no height - there is "0" in source code. When I insert the Mootools before jQuery, it doesn't
Next Page