A complete example that focus on the url address
I have removed everything except what I want to ask about. That is why the cursor focus is at the wrong place and the ugly meny is displayed.. Here is how this works. 1. Click on the button 2. Now A very small JQuery-UI dialog is displayed. 3.Focus the cursor in the text field 4. Press function key F4 which will create another JQuery-UI dialog 5. Now as you can see why is the cursor focus in the URL address.You can also see that in addition a very ugly meny that is connected to the URL address in
can`t connect to jquery.com
Hello! I can`t connect/enter into basic website jquery.com and all his subdomains, but i can connect to forum (oh!) Please help me. This trouble happend few days ago, and i still can`t download jquery library or read api, using jquery UI. etc. P.S. Sorry for my bad English. I`m from Ukraine.
How do I format numbers in a table
I have a table with data. I want to add commas to the numbers in the table. How do I do this with jQuery? http://jsfiddle.net/mattellenburg/eH7ge/1/
Div expand/close toggle with extra function?
on the same toggle function.. i have a empty space next to div that i would like to put a background picture or div that is right top corner but when i toggle any of the div's or expand all.... i want the background pic/div to hide... If you have any ideas it will be greatly appreciated... http://jsfiddle.net/4SVXt/23/
How can I accomplish this
I have JQuery-UI dialog and in this dialog I have several element of type=text. I want to accomplish the following. Here is what you get back from db when you want to validate data. When you validate data for example you enter 10 in shipNumner field you get back from db if this ship nr exist and the ship name corresponding to this ship nr 10 for example Eken. 1. When I tab out of a field for example shipNr the field data is validated agains db and if the db report invalid data the focus should be
Jquery Conflict
Greetings, I am using a Joomla template and I am having problems with conflicts with Jquery. When I place a HTML code on my site the slideshow that uses wigitkit goes blank. I copied the error code I received. Can anyone provide any suggestion how I can cure the conflict. I installed the jquery easy plugin but it does not work. Here is the error message Multiple jQuery Libraries found. Please make sure these don't conflict each other. /components/com_community/assets/imgareaselect/scripts/jquery.imgareaselect.js
Fade In Fade Out for Multiple Image controls
Hello, I had 4 Columns (div), each having 2 images. I want animation for Each column will fade in and out randomly! But, Not at the same time. For e.g: First Column Fade another Img; else Column remains as it is; then 2 secs time interval; Second Column Fade another Img; else column remains as it is; then 2 sec time interval; Thrid.. Fourth.. if you are still confused then email me : kaushalprkh@gmail.com. i had tried by many ways but logic a proper logic is not coming in my head.
Get the viewport of a div element
Hi everyone, i have a div element within another div element. The outer div element is smaller than the inner and has overflow set to scroll so i can scroll the 1000px width and height in my outer div. <div style="width: 100px; height: 100px; overflow: scroll;"> <div style="width: 1000px; height: 1000px;">some text</div> </div> How can i read the current viewport of my outer div element? I want to get the height and width of the upper left corner of the inner width when im scrolling with the
Modal dialog with resizing children
Hello all, I want to mimic one of our desktop applications with a web application. I'm using jQuery 1.8.2 and jQuery UI 1.9.0 for this. My problem is with modal dialogs. Almost all my modal dialogs consist of the following: A <div> that contains an items control like <select> and sort of a footer that contains an OK and Cancel button. One requirement is that the OK and Cancel buttons stay at the bottom of the dialog when it gets resized by the user. The <div> with the <select> should always resize
Hide and Toggle function
Hello frnds......... I am trying to collapse and expand links. My format is like this mainlink1 -->sublink1 -->sublink2 mainlink2 -->sublink1 -->sublink2 Initially my sublinks is hidden when i clicking on mainlink it's expand.I am using jquery hide and toggle function. But My problem is when i click on sublink my mainlink is collapsed but i want to expand my mainlink until i click on other mainlinks. Plz anybudy help me............
Ajax to set a variable
Hi i am using the following ajax call to try and set a value of a variable, then display this in a alert. When the alert comes up all it says is [object] [Object]. I have successfully used a different function in the tenHsServer.aspx. This is the first time i have tried to retrieve a value, am I right in thinking I can set a value to a variable like this?? var StatusCheck = $.ajax({ type: 'GET', url: "http://192.168.0.34:81/tenHsServer/tenHsServer.aspx", data: {
Chrome not executing an appended script block
Hi I'm having a problem with Chrome and jQuery where I'm appending a script block to a page and I want the script to execute when it is appended. This works fine in every version of FF and IE I can find, but not in Chrome. Please see the attachment for a simple example. In FF and IE you should get a 'hello world' alert when you click the page, but in Chrome you get nothing. Does anybody know of a way to get Chrome to execute a script when the script is appended to a web page? Thanks Dan
dialog close event
Hey all, Just having trouble with dialog close event. Here is my situation, I load the dialog and everything works fine, there is a form in this dialog which is used to update some data on the database...still working correctly, now, what I'm trying to do is, when the user close the dialog, the main page is loaded again, so it will show the changes he made without refreshing the screen... Here is my function function updateSpec() { var hareaold = $('#hareaold'), otherold = $('#otherold'),
Toggle on and off with collaspable div
i have been trying to program the div to expand and close 1 by 1 or all at one time. I can get the open and close all and open on click but not close on click. Here is the Jfiddle ...Im stuck and need to figure this out...thanks all http://jsfiddle.net/4SVXt/23/ Thanks again
WOW Slider: Why does this thumbnail disappear on the second lap?
Friends, We've been playing with the WOW slider to create a jQuery slideshow. We created this test: http://cleverdesign.com/dev/brynwood/slider/. But look closely, when you get to the second "lap", the first thumb (logo) drops out. Doesn't show. The next image and thumb appears fine, but the first one is nowhere to be seen. Any thoughts on why this would/could happen? Thanks in advance.
Looking for grid example with edit buttons
I'm very new to JQuery and now trying to learn how to create a grid. I need to place a grid within a tab. I need the grid to be able to be editable. there needs to be a button or something that allows the user to edit any cell within the grid. I'm looking for an easy example that I can use to get me started. I'm using ASP.Net MVC3 Also, I'd like to see how I can style the grid to make it stylish and cool looking not just grey.
jquery mobile 1.3 popups navigate back too far on form submission
I have a multi-page JQM site. So, the user logs in on the home page which takes him/her to Page2. On Page 2 the user's data is displayed. If they want to update the data, they click on a button next to the data item which then pulls up a JQM Popup. Simple. After entering the data on the Popup "page" the user clicks on a "submit" key which calls a JavaScript function to update the user's records. Problem is that User is taken all the way back to the login page !! I need them to return to PAGE
Toggle direction bad animation
Hi everybody, in my sites, about few days, i have a problem with jquery toggle with direction left as option. The problem is when effect start, it make a flick becoming a bad effect. This is a simple example code: JS: $(document).ready(function(){ $('input.click').click(function() { $('div.slide').toggle("slide", { direction: "left" }, 150); }); }); HTML: <input type="button" class="click" value="CLICK"> <div class="slide" style="width:200px;margin-top:20px;display:none;background:#000000;color:#ffffff;">
How to I set focus
Here is some explanation: 1. When I click a button in the menu a JQuery-UI dialog named dlgNewVoyage is displayed. The markup for this dlgNewVoyage is listed below. 2. When I press key F4 in any of the fields(prevPortID,portID ornextPortID) in this dlgNewVoyage dialog a new JQuery-UI dialog named dlgSearchOrt is displayed. The markup for this dlgSearchOrt is also listed below. 3 This JQuery-UI dialog named dlgSearchOrt has an input element of type=text with id= ortDescription 4. Now this JQuery-UI
Javascript on Dialog run twice?
I have a JQuery UI Dialog and there is some Javascript on the content of this dialog. I noticed that my debugging calls were being hit twice, so I looked into the call stack of each and found that one of the calls was from the creation of the dialog (with autoOpen: false) and the second was from the opening of the dialog. Is there a good way to prevent this from happening? Some of the code is going to our web server and then to our application server, so two calls is a waste. I've written some code
ajax xml not parsing
I'm sorry if this is repetitive. I am trying to GET and parse an XML document that has been validated by W3C validator. After trying $.parseXML as seen in examples on this site $xml.length returns 0. Examining the data directly shows the text of the doc. This is extremely frustrating. Please help. CODE: function loadContract() { $(function(){ $.ajax({ url:'http://www.ctunet.com/Contract.xml', type:'GET', dataType: 'xml', success:function(data){
$.ajax not working in chrome but is working in firefox and IE
Hello all! Running into an issue that I don't understand. I'm hijacking any clicks on an anchor tag and making an ajax call with it. While this works perfectly fine in Firefox and IE, it errors out in Chrome. This is the portion of the code that is getting an error. $("a").on("click", function(a){ a.preventDefault(); var path = $(this).attr("href"); $.ajax({ url: path, success:function(result){ $(".contentgrid").hide().html(result).fadeIn("fast"); } }) }) In firefox and IE, the request fires off
how to works context menu in tablet
i have created context menu which is working fine in Desktop where as i am trying access context menu in tablet but not able access(dynatree context menu) . Please help me , how to solve the above problem Regards G.Lenin
Getting started, new to JQuery. Need help downloading, referencing, and implementing for Tabs
This is my first attempt at JQuery. I'm interested in using Tabs and I've downloaded and followed some examples but the tabs show up as links rather than tabs. I suspect I don't have the right references. I downloaded jquery-ui-1.9.2.custom.zip and jquery-ui-1.10.1.custom.zip I followed some examples on how to implement a slider but it didn't work, then I copied the example code for the Tab from this site and it displayed the tabs as links rather than tabs. It's evident that I'm doing something
callback not working
Hi, I'm new to jquery and i'm trying to call a method on load and which will perform some task and once task is done i need to display the info. Everything is working fine but callback is not working. <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ getall(function(){ $("P").append("<br/>call back done"); }); }); function getall() { $("P").append("<br/>page loaded"); } </script>
how to split the custom size columns
Hi, Can any one help me to custom size columns with the jquery mobile. plze check the my UI image
JQM Panel slow load / lag the entire page when open using iPad/iPhone's Safari/ Chrome
I started to use new JQM version 1.3.1 which have its new Panel data role. I just notice that when i view a page with JQM Panel on IPad/IPhone's Safari / Google Chrome , the page controls render slow and when i type on to an input box it takes time to populate. But Panel works perfectly when viewed on desktop browsers and also on Samsung S3. To check this issue,you can test my 2 sample below: Page with JQM Panel (with issue on page load and input) _http://jsfiddle.net/ZPrJm Page without JQM Panel
select a option in jQueryMobile
I select a option works after loading the page in jquery did something asin: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> <meta name="viewport" content="width=device-width initial-scale=1"/> <link href="lib/jquery_mobile/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css"/> <script src="lib/jquery/jquery-1.9.1.min.js" type="text/javascript"></script> <script>
superfish behind iframe pdf
I'm using superfish menu. works great, but the menu hides behind an iframe with a pdf loaded. This happens on IE and Safari. Thanks for any input given.
Jquery Galleria not loading with Google Chrome
Hi guys and gals, I have a couple of websites running the jquery galleria to show my pics and on one site it's smooth as can be with every browser, however on my other site it won't load in Google Chrome. Here are the site pages with the Galleria plugged in: not working with Chrome: https://vibefree.com/gallery2.html working with all browsers: http://infiniheart.com/videos.html http://hockeyxtraining.com/ Any ideas what the problem could be???
jQuery Mobile input box. Stop automatic scrolling to bottom of page
I have page which contains a numeric input box. When this box is touched on an Android device the numeric keypad appears (good) but the page automatically scrolls to the bottom making the input box disappear from view (bad). You can get back to the input box by scrolling back up to it but whenever a number is entered it scrolls to the bottom again. How can I fix it so that the relevant input box remains in view while the data is being entered?
mouseenter/mouseleave... but ONLY when leaving either the current item OR popup?
Hi, I've been going round and round in circles with this for ages :( Basically I have a setup similar to: <div class="link-listing" id="link_123" rel="123"> some content here </div> <div class="link-listing" id="link_124" rel="124"> some more here </div> <div class="link-listing" id="link_125" rel="125"> some other here </div> <div id="preview_link_box"></div> What the code does, is pick up when we enter a .link-listing, and grab some AJAX content based on the "rel" listing ID it grabs.
I need to get the value the user input in the search box to be used to filter in my xml document. How to do it. Thank you..
<form> <input type="search" value="" placeholder="City, State or ZIP" id="search"> </form>
How do I find which text field
I have three input text fields and when I click F4 I display a jQuery-UI dialog which mainly consist of a html table this works fine. I select a row in the html table in the jQuery-UI dialog by double click and in the event handler I can extract the values from the selected row. All this work fine. Now starts the problem because I can click F4 and display the same JQuery-UI dialog in all three text fields I must be able to know which text field I standing in when I double click in the html table
Jquery Mobile 1.1.1 and ControlGroup
Hi everybody, I'm using Jquery Mobile 1.1.1 (and I can't update to 1.3.1 version). I'm trying this example (found here http://view.jquerymobile.com/1.3.1/dist/demos/widgets/controlgroups/ in the "Controlgroup horizontal" ) : <form> <fieldset data-role="controlgroup" data-type="horizontal"> <button data-icon="home">Home</button> <button data-icon="search" data-iconpos="notext">Search</button> <label for="select-more-1a" class="ui-hidden-accessible">More</label> <select
Contact Form Spam Protection
I have a client that is tired of getting spammed from his contact form and he has asked me to come up with a way to combat this problem without using a hard to read captcha. Here is what I found. This video explaining how to use JQuery to submit a form on element change. View it here https://www.youtube.com/watch?v=pVnCkotKFLs The plan is to make a drop down menu the has the default option ( Not Human ) and another option ( I'm Human ) and then give instructions that to fight spam after all the
My data from xml document doesn't show when i refresh the page. I am newbie on this. Thank you...
HTML FILE <!DOCTYPE html> <html> <head> <title>ApartmentPro</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="_assets/css/jquery.mobile-1.3.1.min.css" /> <link rel="stylesheet" href="_assets/css/styles.css" /> <script src="_assets/js/jquery-1.9.1.min.js"></script> <script src="_assets/js/jquery.mobile-1.3.1.min.js"></script> <script src="_assets/js/apartmentList.js"></script> </head> <body> <div data-role="page" id="index">
How can i do this?....as shown in image.I dont want only simple meta description
Rohit Shukla
Looking for an audio recording plugin
Anybody have a decent audio recording plugin they use? I need honestly a simple one for a site that I am working on that needs to allow people to record simple custom greetings. Doesn't have to be anything to fancy. Thanks!
jQuery mobile dynamic Confirm pop is not working.
Hi, I am using jQuery mobile with struts application. I got some code from this forum. I am using some different version of jQuery mobile but this forum version is not matched with my imports.. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
Next Page