make horizontal menu using jqueryui accardoin
hello there! can i make a horizontal accardion menu using jqueryUI ? if so, how? tnx
Mouseenter function does not apply to all elements
Hello folks, I'm having trouble using the mouseenter function in certain scenarios. Basically my code looks like this: $("*").mouseenter(function() { ... $(this).css('background-color', 'green'); ... }This works for most cases - but for instance for google calendar it does not. The elements inside the purple rectangle (check screenshot) don't fire the mouseenter function (the elements around work fine...). If I just execute: $("*").css('background-color', 'green'); All elements (even
jQueryUI 1.10.3 Tab BAd Layout
Hi until 3 days before i was using older jQuery v 1.7.2 and UI. The tab component was working fine. I am loading the content ob tabs via ajax request and the content of the tab is jQGrid. now after upgrading to UI 1.10.3 i am getting a strange layout of tab content. the jQuery functionality works but the layout is not as it is expected. also, i am getting one new div inserted at the top by jQuery UI script .you can see this in black color titled This is My JSP Page. i think this might be a css problem.
Slow performance using trigger (" create") large HTML table inserted in DOM tbody
I have a chuck of html generated on the server (adviced by irc #jquery). The html is generated in a wink. When I render it with innerHTML it was also real fast displayed. When I have option_detail_rows.append (field.html); //option_detail_rows.trigger ("create"); The trigger create makes it real slow wait for around 10 seconds and browser freezes. How to accelerate this? Target is mobile device. The HTML is a large table 110 rows with 8 columns. When I generated the string at
jQuery Validation Plugin. How can I do "url" variable instead of the "phone" variable in " jquery.validate.js " ?
jQuery Validation Plugin code that address; http://jsfiddle.net/zentahakan/WCSK5/2/
Doubt
hi to all. I have one doubt...I am using javascript I have one login form...having username and password fields. At first if i go inside with the username:sample.. Next time if i enter the letter 's' in the text field it should show the lastly entered all s user name .. How to work out this.. Any one clarify my doubt.. Regards, Yuvaraj..
Events fire multiple times
Hi guys, I make a function when user click on input text field then input text field turn into red, and the there is select tag options where user can select its require mathmatic functions. Then user select any function from option in select tag then the switch statment run and goes in default case in default case i uses the jquery ui selectable tool for manipulating the data this case runs perfectly on each click and on each selection. but i have manual case where my code keeps firing the clicked
1.3.1 - "Panel" data-display="push" not "pushing"
As the subject line says, the "push" is not changing the way it opens. It always uses the default. I know I must be doing something really, really dumb here but I cannot see it. here's a very simplified jsfiddle: http://jsfiddle.net/kmFxj/ EDIT: Of course a few minutes of doing something else gave me the answer: a data-role="content" is required to get the push to happen. Here's an updated fiddle: http://jsfiddle.net/R3BDj/
How to put the errorplacement in jquery validation?
<form id="information" method="post" action="#"> $(document).ready(function () { validator = $('#information').validate(); }); function send(){ validator({ errorLabelContainer: "#errorclass", wrapper: "li" }); } <fieldset> <legend>Write your question here (*)</legend> <span id="invalid-text"></span> <textarea id="text" name="text" rows="8" cols="8"></textarea> <div id="submission"> <input type="submit" id="submit" value="Send" name="send" onclick = "send();"/> </div> <p class="required">(*)
Jquery slider issues
I am trying to install this jquery slider from here: http://alexdunphy.github.io/refineslide/#installation I followed the directions and added the markup here in the body: <div class="grid_12"> <div class="rs-wrap"> <ul class="rs-slider"> <li><img src="img/largebanner.jpg" alt="" /></li> <li><img src="img/largebanner2.jpg" alt="" /></li> <li><img src="img/flags.jpg" alt="" /></li> </ul> <script> $(function() { $('.rs-slider').refineslide({ maxWidth: 960 // set to native image width (px)
Looking for an easier scroll animation plugin
skrollr https://github.com/Prinzhorn/skrollr This is a plugin that make your page do some fancy animation when scroll down the window, all I need is when scroll to a div, fixed it, slide another div inner the div, after three div slide out, than keep scrolling down, skrollr is too complicated, hope there will be some easier plugin to do that. Demosite http://johnpolacek.github.io/superscrollorama/
Cant insert jquery banner rotator & Nav bar.
Hi, I cant figure out what type of problem I am having with the structure of my page Ive ran it through the Tormus Div utility and received a Matched result meaning everything has a closin </div> tag. My page is to big to post in this forum..any suggestions... ?
tooltip, can I initialize multiple times on the same element for different selectors?
I have a function initializeEmployeeTooltips() to show employee summary as tooltips for 'span.employee', and I have a function initializeCustomerTooltips() to show customer summary as tooltips for 'span.customer', and there are more functions like this. These tooltips are of different formats, getting there content from different places, so I'd like to place them in their own functions and files. I use ajax to dynamically create html that contains 'span.employee' and 'span.customer' along with other
Why is jquery attr is not working for with error
This is part of the code that I am using and I get an error on the line "var gar = $(this).attr("liRegDet") method. Can someone tell me why? I am using IE7 with no options to move higher at the present time. The error is:SCRIPT450: Wrong number of arguments or invalid property assignment . which is being return from jquery.1.9.0.mni.js.Thanks. $(xmlDoc).find("RegistrationDetails").each(function() { var gar = $(this).attr("liRegDet"); if (gar == rid){ currentDMVExpired
capture navigatinig away from my page
I use $(window).unload(function(){}); to know that user closes the page. is there a way to detect user navigating to another page? thanks
Expand collapsible div on validation
I have six JQM divs on the page that look like this: <div class="myDiv" name="accordion" data-role="collapsible"> the first div collapsible is set to false (data-collapsed="false") On validation I want to expand the next closest div. In my script I’m looking for the label with the class.error and getting the index of the closest div. My alert shows the myindex which displays the right number of the next error array however I can’t get the div with the next error to expand. I was trying to trigger
Which class to do I need to change (jQuery)
I'm almost finish with the sorting list with using Data-id. I have almost everything working right. Just some styling to do in html/css3. I just don't know which tag or css class I need to change to show that it has been deselected on my page. I believe the jQuery is working right. http://romabio.com/products/ <-- OLD http://romabio.com/p...cts/index1.html <-- NEW and needs to be fix! // run this when user clicks on a filter button $filter.on('click', 'button', function() { var $this = $(this),
object oriented sort of need
in the code there are boolians for each tab, which indicate open or closed, and which are supposed to toggle when clicking a tab theres a function for opening a tab a function for cosing a tab a function that calls those when u click on a tab called opentoggle, which toggles the tab open or closed i need to pass opentoggle something so that it knows which boolian to set once a tab is clicked <script> // store dimentions of windows into variables var sampleItemHeight=document.getElementById("experienceshadow").clientHeight;
help with response data
Hi all, I have got a ajax request which works fine but the response from the php page is displaying right at the top of the page. So i have tried using the success,complete,done and none stop the response from displaying at the top of the page, but also these don't work ie by putting alert(data); in does not get executed. I'm using 1.9.1 if anyone at help on this it will be great. Thanks, Paul
Issue regarding html 5 input tag date on jeally beans os.
I am using jQuery mobile 1.2.0-rc.2. In many pages and popup i am using html 5 tag date and time its working well on all version when i run application on android jelly bean 4.1 or greater (OS) the date picker is not working it can stuck my app .what is the issue for that can any one help me.
How to change the color of the select hover
HEllo, What selector do I use to select the event that highlights the items in a select box when your pointing to an item in the select box. In our system it highlights it as blue, how do I chnage that to brown ?
JQueryUI dialog: delay open until all images are loaded
I have a JQueryUI dialog, and I need to delay it's opening until all images in the slideshow inside the dialog are loaded. Any ideas hot to do that? I added this post to Stackoverflow also trying to get answers.
Applying theme to all page elements
Hello, Using this simple code: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body> <div data-role="page" data-theme="b"> <div data-role="header">
Dialog form incorrectly integrated with dialog element after form validation
I have a Zend Form generated form that I display inside a jQuery dialog. The first time the dialog is created, the form displays correctly as an inner element to the dialog. However, if form validation fails, I redisplay the form and it appears as part of the dialog instead of as an inner element. I suspect that the dialog div container has changed somehow and this may be the problem. I have tried countless solutions and all have failed. I would appreciate it if someone could help identify the exact
jQuery Mobile Event problem (code not being executed)
Hi everybody... I am testing Andy Matthews' autocomplete and it works only if I reload the page. I've taken the code from his examples: http://andymatthews.net/code/autocomplete/callback.html Here's the code: <script> $("#mainPage").bind("pageshow", function(e) { var data = ['C', 'Clojure', 'Java', 'Scala', 'Objective-C', 'C++', 'PHP', 'C#', '(Visual) Basic', 'Python', 'Perl', 'JavaScript', 'Ruby', 'Visual Basic .NET', 'Transact-SQL', 'Lisp', 'Pascal', 'Bash', 'PL/SQL', 'Delphi/Object Pascal', 'Ada',
Change background of select options
Hello, Im looking to change the background color of a select box. I want to alternate the the odd/even into different colors. Im not going to know what is in the options as they are derived from a DB. But I cant get the selector right: $(document).ready(function() { $("#SCFILE:option:odd").css("background-color","red"); $("#SCFILE:option:even").css("background-color","blue"); How would I do all select boxes?
Where can I download the script Device Switcher?
Where can I download the script Device Switcher for the test site to different devices with different resolutions (click on the device icon, and the resolution changed)?
events isn't working in IE and firebox
I want to know some doubts.They are I have done some functionality based on some events(onclick,onblur etc) using JS.Its working in chrome and not working in firebox and IE.How to find this browser dependent issues in browsers? Is it possible?Is any solution or tool is to find the browser issues?
Using jQuery to get share price is throwing up error, help!
Hello, We are using a bit of jQuery to access the share price for a company on Yahoo Finance but I keep intermittently getting this error: Uncaught TypeError: Cannot read property 'quote' of null index.html:48 (anonymous function)index.html:48 njquery.min.js:2 o.fireWithjquery.min.js:2 wjquery.min.js:4 d.onload.d.onreadystatechange Sometimes it loads and sometimes not. The odd thing is that the data code for the company has changed recently from this: http://uk.finance.yahoo.com/q?s=CPZ.AX&ql=1 to
Writing Stateful Plugins with the jQuery UI Widget Factory
Hi there, I'm new in jQuery, I'm studing plugins and in the part of The Widget Factory: Under the Hood, I can't make the next code work: var bar = $( "<div />") .appendTo( "body" ) .progressbar() .data( "progressbar" ); // Call a method directly on the plugin instance. bar.option( "value", 50 ); // Access properties on the plugin instance. alert( bar.options.value ); For a complete reference, this is the link: http://learn.jquery.com/plugins/stateful-plugins-with-widget-factory/ Good day!!!
fraction support test code in Position component
Hi guys. I have this small nasty and tasty problem. I am integrating jQ UI code into quite old corporate app that is using .htcs ( http://stackoverflow.com/questions/10767006/what-is-htc-file-how-it-works-in-internet-explorer ) and I had problems with code that executes itself and determines if (at least what I understood) UA is capable of fractions in $(div).offset().left; the problem is that execution of this code somehow interfered with some legacy code in .htc file (its hell, trust me), but
Two jquery plugins in one page
Hello, has been several days i am trying to solve a problem i have. I am trying to put two jquery plugins in one page and make them working together. I have readed alot of information in internet but nothing helped so far. I am completely newbie and any help would be great. <!doctype html> <html lang="<?=$lng_html_lang?>"> <head> <meta charset="UTF-8"> <title><?=$lng_index_pg_title?></title> <meta name="keywords" content="<?=$lng_meta_keywords?>"> <meta name="robots" content="all"> <!--[if lt IE
Add connected sortable while sorting
Hello, I have a page with sortables that are loaded on demand. Here's what I'm trying to do. Let's say I have Sortable A with Items (A, B, C) and Sortable D with Items (E, F, G). If Sortable A is loaded and set and I start sorting item A and I go over Sortable D header. After a 2 seconds wait Sortable D is loaded and set. I then want the user to be able to put Item A anywhere in Sortable D. If after initializing the sortable D I do a refresh on the new sortable, I only get one placeholder at the
Table Sorter
Hi, It depends on the form variables; I want the sort for default column is different. The code below did not working, can you please advise? <script type="text/javascript"> $(document).ready(function() { $("#mytbl").tablesorter({ if form.status ==6 sortList: [[1,1]], else sortList: [[0,1]], end if //do not sort for column 3 and 6 headers: { 6: { sorter: false} } }); }); </script>
Return value from function
Hi guys, I've a question for you ... Can I return a value from a ajax request inside a function??? I've this code: function reqAjax(){ $.ajax({ url: '...', type: 'post', data: {}, success: function(result) {...}, complete: function(result) {... return tue ...} }); } $(document).on('click', '.btn', function(){ var res= reqAjax(); if (res = true){ alert('ajax is complete'); } }); Thanks Bye
autocomplete select delay
auto-complete select item by up and down arrow taking time , Is there any delay ? ,It is very urgent .Give me a solution .
I am looking for jquery file uploader to upload only pdf files in folder ??
Can any one suggest file uploader to uploade ronly pdf files
IE9 problem
I am opening a new window for some functionality.But IE throws a following error.I have attached error as file.How to avoid this in IE?
not working scrollTop and ScrollLeft from android default browser
frame.php: <script> ...click(function(){ $('#frame').contents().scrollLeft(1000); }); </script> <iframe id="frame" src="page.php" style="width:1000px"></iframe> page.php: <div style="width:4000px"></div> pc) safari, firefox, ie ==> ok mobile safari, mobile chrome(android) ==> ok android default browser ==> no working help me~
Autocomplete with ajax works, but no with local data.
Hi everyone! I've decided to use local data instead of bring the data through ajax for the autocomplete because is to slow to do it that way. Using ajax all works properly, slow but works, but If I try to use a .js file with all my strings it doesn't work, here the example working: <script> $("#inicio").on("pageshow", function(e) { var sugList = $("#suggestions"); $("#searchField").on("input", function(e) { var text = $(this).val(); if(text.length < 1) { sugList.html("");
Next Page