Strange IE issue with jQuery mouseleave event
I am having the strangest issue with a drop down menu in jQuery. If you run the result below in IE you should be able to reproduce the issue. When you click or focus on the text box a drop down menu with some options will appear. If you hover over the radio labels the drop down stays in tact but when you mouse to the right of the labels the menu will disappear. This does not seem to be the case in Chrome or FF. What is even more odd is that if you change <div class="options" to <span class="options"
Popup like WEB2.0
Hello, i create with JQuery an overlay popup: $("body") .append('<div id="cl-entry-layer" style="position: absolute; top: 0; left: 0; z-index: 10;"></div><div id="cl-entry-wrap" style="position: absolute; width: 100%; top: 0; left: 0; z-index: 20;"><div id="cl-entry" style="position: relative; z-index: 91;padding: 20px; margin: 0 auto; margin-top: 20px; width: 600px; background-color: #fff; border: 1px black solid;"></div></div>');Now i try an click event to close the overlay: $("#cl-entry-layer,
Jquery autocomplete
iam developing a simple jquery-Html 5 application with mysql database.How i can connect the autocomplete extender to the function which retreiving details from database(ex: city collection).
Exception "Syntax error, unrecognized expression
Hi, im getting this error when on my script that rebinds functions and recreates dialogs, what could be the problem? I am using jQuery 1.5.1.min & jQuery UI 1.8.11 [Exception... "'Syntax error, unrecognized expression: "' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Line 0
How to change style attribut?
Hi everybody, Im trying to change a style attribut by jquery but can't get it work. I have a list of images like that: <div id="bgstrecher" class="bgstrecher"> <ul> <li class="landscapes bgs-current" style="display:list-item"><img src="path img 1" /></li> <li class="landscapes" style="display:none"><img src="path img 2" /></li> <li class="landscapes" style="display:none"><img src="path img 3" /></li> <li class="landscapes" style="display:none"><img
problem which I can not solve
$("#aPlus").click(function(){ stevilo1 = $("#txtCena").val(); stevilo2 = $("#txtKolicina").val(); stevilo2++; $("#txtKolicina").val(stevilo2); $.ajax({ type: "POST", url: "mnozenje.php", data: "stevilo1="+stevilo1+"&stevilo2="+stevilo2, success: function(vred){ $("#spanSkupaj").hide().text(vred).fadeIn("slow"); $("#hideSkupaj").val(vred); } }); skupaj = $("#hideSkupaj").val(); $.ajax({ type: "POST", url: "ddv.php", data: "stevilo="+skupaj, success: function(ddv){
Can we check if a CSS file is loaded or not.
I am developing a web application in which user can change the theme of the page. So for this i am changing href attribute of the link tag on selection of the perticular theme. Problem is that when i change the theme whole page gets messed up till the new css file is fully loaded. So how can I check if the CSS file is completely loaded or not?
Fast IE DOM replacing
Hi! What is the fastest way to replace a (big) TBODY in Internet Explorer? So far I'm doing $("#"+TABLE_ID+" tbody").replaceWith(newBody); where newBody is plain text. IE's profiler reports quite a bit of time for replaceWith. I wonder if there is something faster. Thanks, Alexander
Multiple Ajax Calls.
Hi All, I have this function that works well: $.dimScreen(1, 0.4, function () { $('#dimmer').fadeIn(); $.ajax({ type: "POST", url: "Default.aspx/Process", data: '{Irs: \'' + encodeURI(textArray) + '\',other: \'' + encodeURI (textArrayOther) + '\'}', contentType: 'application/json; charset=utf-8', dataType: 'json', success: function (response) { if (response != null && response.d != null) { alert(response.d); } $.dimScreenStop();
Event-Pageshow not working
Hi, I am new jmob i am using event handling function but my page is not showing any alerts. <script type="text/javascript"> $( '[data-role=page]' ).live('pageshow', function(event){ alert("page show event); }); </script> <div data-role="page" > </div> please help Thanks & Regards, Nithya
Triggering incremental function
Hello I`m a beginner so excuse me if my question is too obvious. i have a set of functions with identical name + incremental number <a href='javascript: fun1()'>1</a> <a href='javascript: fun2()'>2</a> <a href='javascript: fun3()'>3</a> <a href='javascript: fun4()'>4</a> <a href='javascript: fun5()'>5</a> ..... <a href='javascript: fun50()'>5</a> ......etc I want to add NEXT/PREV navigation buttons to trigger subsequent functions . And when last function is called , the next click should trigger
Jquery easy confirm dialog.js IE6 issues
Hi, I am using jquery.easy-confirm-dialog.js plugin for confirm dialog.In IE6 it doesn't opens up the confim dialog when I click on the button. IE6 it shows the error at line number 144 in jquery.easy-confirm-dialog.js var handler = function(event) { alert(event); $(dialog).dialog('open'); event.stopImmediatePropagation(); event.preventDefault(); return false; } I dont know what is the reason and how to resolve it.In FF it works fine,
jQuery UI tab IE6 issues
Hello, I am using jQuery UI tabs and I couldn't traverse between the tabs. When I click on the tabs the page get reloads everytime and I couldnt view the corresponding tab section.How to prevent the page reloading in IE6? I dont get any specific error.All your answers are welcome!! Thanks, THiru
How to fix slowdown problems when parsing large xml files with ajax?
Hi, I'm trying to load info from an xml file into a table. The xml structure is roughly as follows (the actual file is a bit more complex but simplified here for illustrative purposes): <xml> <record> <id></id> <title></title> <year></year> <author></author> <journal></journal> <abstract></abstract> </record> </xml> It contains about 300 <record> entries, with each tag containing text content (the <abstract> tags
jQuery UI tabs IE6 issues!!
Hello, I am using JQuery UI tabs for user to input some form values .When I click on the tab section the page get reloads and I coudn't see the corresponding tab section. How do I prevent the page relaoding when I click on the tabs. My example code is as below. HTML Code <div id="tabs"> <ul> <li><a href="#tabs-1">Tab1</a></li> <li><a href="#tabs-2">Tab2</a></li> <li><a href="#tabs-3">Tab3</a></li> </ul> <div id="tabs-1"> <p>I am in tab 1</p> </div>
Using JQuery unable to access code behind functions
Hi, I am new to Jquery Please help me.I am trying to access the function in server side on click of my button but its not working. I am using http://jqueryui.com/demos/dialog/ I have to implement a search functionality inside a modal. This is my Div <div id="dialog_test" class="divSearchDialog" style="display: none" > <table width="100%" id="tblSearch" class="tblDragSearch"> <tr> <td> <cm:CMWLabel ID="CMWLabel1" runat="server" Text="Advanced
Inconsistency in JQuery Cookie
Hi, I am have two cookies as follows $.cookie("cookie1") and $.cookie("cookie2"). When I set cookie1 with some value, the same value is being set to cookie 2 automatically. I am not getting why it is happening so. I am setting cookie 1 as follow $.cookie("cookie1" , "TestValue" , { path:'/' } ); Could anyone help me regarding this.
Adding images to icons?
Hi, I am new to jquery mobile how can i add icon or images to buttons in jquery mobile.please help. Thanks & Regards, Nithya
how to detect user has clicked back button
how do i detect user has clicked back button of browser and i want to prevent it from redirecting to back page i dont want to disable the back button
Can I use other js with jQuery Mobile
I got a html page ... with this js but how can I use it together with jQuery Mobile Regards ------------------------------------------------------------------------------------------------------------------- <!-- Include javascript files --> <!-- Latest jQuery framework --> <script type="text/javascript" src="js/jquery.min.js" ></script> <!-- Plugin for scaling images in the posts --> <script type="text/javascript" src="js/jquery.jScale.js" ></script> <!-- A custom jQueriy
Calling ASP.NET codebehind function from Jquery or making Jquery window modal?
I'm working on a .NET-based (VB) collections program. There is a page in the system where users set up new cases, and at several points on this page they are taken to a different page to define certain selections on the case, causing us to save a partial record before navigating away to the next page. I want to warn them of this and give them the chance to continue or cancel. If they select continue a function in the codebehind file is run. If they select cancel I just want the Jquery warning
dosnt get parameters in code behind.
Hi, I am new to JQuery as well as this forum. I am stuked in a problem. I have to create a modal in my code which basically consist of search functionality.I used the inbuild JQery to create that ,I am adding button in my Div and on submit of that button I want the control goes to function that i have created on code behind. <div id="dialog_test" class="divSearchDialog" style="display: none" > <table width="100%" id="tblSearch" class="tblDragSearch"> <MW:MWButton ID="btnTest" runat="server" Text="Test"
Fetching the entire Tree structure on click of submit button.
Hello All, I am using TreeView plugin of jquery, while using this i came to a bit of problem. What I want to do is get the entire tree structure, on click of submit button by user. This is required as in my case user can change the tree structure and this changes can be saved. For saving the changes I need to access the entire Treestructure. Waiting for a quick reply. P.S: Using jQTreeView (jquery.treeview.js) Regards, Rushabh D. Vipani.
re-starting after stop()
How to re-start an animation after it's been stopped ? function breathe() { { breatheIn(); setTimeout('breatheOut()',6400); } setTimeout( function() { breathe() }, 19200); } components: function breatheIn() { $('#bg1').animate({opacity:"1.0"}, 3200); } function breatheOut() { $('#bg1').animate({opacity:"0.0"}, 6400); } stop: function stopBr() { $("#bg1").stop().fadeOut(1200); } A second call doesn't work: <a href="#" onclick="breathe();">restart</a> also tried onclick="breatheIn();
Yet Another attribute selector problem, where value has backslashes (ala full domain name, "DOMAIN\user")
I have searched this forum, Google, numerous boards, and my increasingly shrinking brain and I can't understand why this is happening. Consider the following (edited for brevity): <DIV id="divCurrentUsers"> <DIV UserLogin="CMS Admin">CMS Admin</DIV> <DIV UserLogin="MYDOMAIN\juser">Joe User</DIV> </DIV> Sanity Check: $("#divCurrentUsers>div")[0].outerHTML "<DIV UserLogin="CMS Admin">CMS Admin</DIV>" $("#divCurrentUsers>div")[1].outerHTML "<DIV UserLogin="MYDOMAIN\juser">Joe User</DIV>" That's
Unable to configure the UI Accordion
I copied the accordion code from the jquery UI documentation into a new .html file and the accordion works. But when I replace the text in one of the divs with a larger paragraph, not all of the text is shown when that div is opened. Instead, it's cut off and a scroll bar is provided at the right of the window to see the rest of the text. I tried defeating this behavior by inserting the jQuery line $( ".selector" ).accordion({ autoHeight: false }); as the
Loaded page form submission
I project I'm working on uses jquerys load to load up pages on my site. I'm having problems using ajax forms to submit data to a .php page on these loaded pages. They tend to either not work or refresh to the defult page loaded via jquery. (document).ready(function(){ // load index page when the page loads $('#ajax-content').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>'); $('#ajax-topframe').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>');
$.post() and IE 9
Hello, I am using jquery 1.5.1 have this function function foo(section) { $.post ( "/", { task: 'section', section: section }, function(data) { alert(data); } ); which works fine for every browser on every OS except IE 9 (9.0.8112.16421). When the server returns an empty string, the popup pops up. When the server returns something, nothing happens. Any idea what the problem might be Thank you
Stop Jquery.Cycle onBefore from firing multiple times in Ajax script
I'm using Jquery cycle on images loaded with Ajax. Captions for each image are loaded with Jquery.Cycle's onBefore option and a separate function, as seen below: $('#full-wrap').cycle({ before: onBefore }); }; function onBefore() { $('.caption') .html('Opposite: ' + this.alt); }; The problem is that because the data is being loaded via Ajax, and because Jquery.Cycle is being called as a success function of the Ajax script, the caption text from
Adding jquery inside external Javascript file
Hi all, I am new to jquery, and trying to add a reference to the jquery js file inside of an external javascript file (foo.js) through a document.writeln statement: document.write('<script language="javascript" src="http://code.jquery.com/jquery-1.5.min.js"><\/script>'); The issue I am finding is that my jquery calls inside of this foo.js file result in errors. For example, adding the following jquery code to the end of foo.js results in "$ is not defined" error in chrome. Here is my jquery code
How to select all <h/> descendants of a context element, except <h/> descendants of <section/> descendants of the context
I want to select all <h/> descendants of a context element, except <h/> descendants of <section/> descendants of the context In other words, given HTML, <whatever> <section> <!-- This element is the context --> <whatever> <h>Match</h> <section> <h>Don't match</h> </section> </whatever> </section> </whatever> - and the identified context element, I want to select <h>Match</h>, but not <h>Don't match</h> Which of the following two ways is better? $('h', context).not($('section
Dynamically created .live() events appear to be bound but not firing
I've come across an issue where I've got a dynamically created popup class that despite appearing to be bound according to Visual Event does not fire on clicking the closebutton attached to it. I'm not getting any errors in firebug and by setting breakpoints I've verified we are not reaching the code to execute. Ruling out the usual suspects such as obvious spelling mistakes/ swapping out jquery versions 1.3/1.4/1.5 doesn't make any difference. Any ideas on what could be going on or where else
[solved] Can't get custom options to update from default
I have script (http://jsbin.com/ifoke5/31) that adds some extra capabilities to the dialog widget. Everything works fine on default settings but if i use the following: $('...').dialog('option', { 'scrolling': false}); the default value is still assigned //option.scrolling: auto What am i missing? ~Thanks in advance.
Create a "General" Forum Topics Category
It would be nice to have a "General" category for off-topic posts. What we have here is a community of people with a common interest: jQuery. Although the majority of discussions should center around this subject, It would be nice to have a place where more general posts can be made. tyvm!
toggle custom theme button
Hi - How do I make my custom theme show up 1st, without having to click the toggle custom theme button to view it in its entirety ?? ex is) http://layout.jquery-dev.net/demos/layouts_inside_tabs.html Now, for example, I have my own custom theme designed from the Themeroller and it shows up when I toggle over, but i dont wanna click the toggle button for it to show up...how do i set this up? Thank you in advance - Don -
datepicker icon called via default
I have called a calendar icon file from a script on the form - this works except IE, where I get the "x" for image. I prefer to call it from the widget defaults. I have downloaded the themeroller version, including datepicker. The defaults regarding button image that came with the download are: buttonText:"",buttonImage:"",buttonImageOnly:false, I wish to change it to: buttonText:"calendar",buttonImage:"",buttonImageOnly:true, Note the missing button image from the icons png that comes with the
jQuery.validate dependancy callback
Hi I am trying to do a dependancy call back using JQuery.validate code is fieldsvalue_2: { required: function(element) { return $('#total_travellers').val() >= 2; }, dateISO: function(element) { return $('#total_travellers').val() >= 2; } } It works fine for the required: element but not for dateISO, is it not possible with dateISO or am I doing something wrong..? If its not a feature, it there any work around that would produce the same result Any help greatly appreciated. Kind Regards Paul
jQuery tabs, prevent navigating away with preventDefault() not working
Hi all, I am checking if a form on a jQuery tab is changed, and if it has, the user should get a popup warning when they navigate away from the tab with the form or click any other link on the page for that matter. So I setup this code: $('a').bind('click', function(event) { if (formChanged == true) { event.preventDefault() console.debug('prevent'); } });in the $(document).ready() function. I can see the code is executed, but
Ajax with JQuery
I am currently building a room booking web application for a school (as a school project) i currently have a index page with a div as follows: HTML Code: <div id="page_content"> </div>this area of the page is used to load in external php pages with generate contnent for a database i am currently using jquery to load the content in: Code: $('#Rooms').click(function(){ $('#page_content').load('rooms.php'); });within the rooms.php file there is a jquery datepicker the problem i am having is making the
Buttons not getting displayed
Hello, I'm pretty new to javascript and jquery/jqueryUI but of course trying to learn. In my project i'm adding some buttons that I want to display with the aid of jQueryUI, but unluckily even if to me what I did pretty resembles what's in the radio buttons demo, it still won't work at all. First of all, I of course added the css both for my page and jqueryUI: <link rel="stylesheet" type="text/css" href="css/webgeocss2.css"> <link rel="stylesheet" type="text/css" href="css/blitzer/jquery-ui-1.8.11.custom.css">
Next Page