preloader
Hi I'd like to show my preloader for example for 20 seconds and I don't know how to delay it ;/ (delay() doesn't work for "#status"). Thanks for any answers :) $(window).load(function() { $("#status").fadeOut(); $("#preloader").delay(350).fadeOut("slow"); })
Selector on two Lists
Hi There, First of all i'd like to say sorry for my bad english! I have a littel probleme with my jquery scirpt. I have a in my HTML Script two Lists: <article> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul> </article> <article> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul> </article>
Selecting tr td elements in a table based on the hr element
I'm trying to select tr td elements so I can use each to loop though. I have multiple tables in the document that don't have a way to be identified other than using the tr th information. Example - I'm trying the select all the tr td elements where th = header1 <body> <table class="table1"> <tbody> <tr class="headers"> <th>header1</th> <th>header2</th> </tr> <tr><td>data1</td><td>data2</td></tr> <tr><td>data3</td><td>data4</td></tr>
.click() stops working if I click too fast at the object.
Hi all [edited] ok now I know why this problem will be caused. the question now is how to disable the triggering of the click() event as long as the function isn't completed (of the previous triggered click event). Thanks guys
Office mapping option/tool?
Hello, Not sure if this is the right place for this, but I'm looking for a solution for office mapping/seating that will be visible on the web. I'm looked at some other JS/jQuery tools like JQVMAP & JVectorMap, but sadly it looks like those are mainly for world/country maps. I'd like something to the effect of different office floors, with office locations for employees. Then, when you rollover the office, it pops up with a name/number/whatever. Anyone know if something like this can be done, or
Src file inclusion seems to cause functions not to run
When I keep the src=xxx in the file, the text changes do not work. BUT when I remove it, so the <script src=...> is just <script>, the mouseover, etc., are correctly handled. When I have this file reference in another html file, it works just fine. So, it seems not to be the reference to the file. But if it's not that, then what? <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> function addunderline() { head1.style.textDecoration = "underline"
Invalid character error
I have included the file jquery-1.8.1.js in a visual studio 2010 project. I am creating a windows phone app using phonegap framework. However, I get the following error: Error:"Invalid character file:x-wmapp1:/app/www/js/jquery.mobile-1.2.0/jquery-1.8.1.js Line:974" The code on line 974 is: for ( ; list && firingIndex < firingLength; firingIndex++ ) { if( (list[firingIndex].apply(data[0],data[1]) == false ) && options.stopOnFalse ) { memory = false; // To prevent further calls using
Converting Html5Admin to the new jquery 1.9.1
Hi, I'm new to jquery, I have downloaded HTML5 Admin to use it in my Asp.Net apps, it was giving me some error when running it from my app under visual studio 2012 using IE browser. I noticed that this HTML5 package is using the following jquery: - jQuery JavaScript library v1.5.1 - jQuery UI 1.8.13 - jQuery dataTables.min Ver. 1.8.0 - TreeView 1.5pre jquery plugin - Superfish v1.4.8 jquery menu - Supersubs v0.2b jquery plugin Does any one know how to convert this package to jquery latest version
How to display Local file and directorys in modal popup
Hi Team, As per our new requirement, I have to develop customized File browse functionality. In model popup i have to show user local directory and available files (exactly windows browse popup) and available files i have to assign check box for each file and then, user select and upload one file at a time. Please suggest if any inputs available to develop modal file upload popup. Regards, Srinivas
jQuery Mobile in a large page (2mb)
I'm converting a legacy application to be mobile friendly and using jQuery Mobile. So far so good until I found this large page (2MB) where browser hangs when it loads. If I remove the jQuery Mobile references from the page, it loads without a problem. So I'm guessing it hangs when it re-write the DOM with jQuery Mobile styles. But most of the controls (80%) are "display:none;" at the page load; Is there a way to jQuery Mobilize only the controls that are visible at the page load? This is a badly
Firing an event only when resizable has "snapped" to a grid.
I am using a jQueryui resizable element and want to fire an event only when the element snaps to a gridpoint. I have looked at event an ui and I just do not see anything there stating that the size of the visible element changed. Am I missing something?
tabs not same when jquery ui upgraded to latest version from 1.8.1
Hello, Using jquery ui 1.8.1, I have the following: Using jquery ui 1.10.1, I have the following: I can't fix the css so that the green bar overlaps the inactive tabs (it works in 1.8.1) using the following code: .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0px; padding-bottom: 4px; } I believe this is a jquery bug that needs to be fixed.
Update class name in duplicate html tags
Hello All, I have 2 div shown in below with same id, <div id="dv1" class="oldClass">Div 1</div> <div id="dv1" class="oldClass">Div 2</div> I need add class attribute using java script and i had implemented shown in below, var lstObj = document.getElementsByClassName(“oldClass”); for (var i = 0; i < lstObj.length; i++) { jQuery("#" + lstObj[i].id).addClass("highlight"); } but every time assign in only 1st div shown in below, <div id="dv1" class="oldClass highlight">Div 1</div> <div id="dv1" class="oldClass">Div
Grab top position on scroll
Hi there, im trying to get the top position of an element every time the user scrolls getting always the same result, wich is not what i want ! you ca see a live example here: http://www.artolica.com/version1/photoshoots.html Thanks in advice!
Re-use transition code to only transition the ui-content section.
Does anyone know if it's possible to use the jQuery Mobile transition code to only animate the content section of a page? I have a panel with a list of links. When the user selects an item I load the content html via ajax and would like it to transition into the content div without touching the fixed header, footer, and panel.
Tooltip efficiency
I have a page with a fairly large table (~2500 rows x 15 columns). The cells in four of those columns can display tooltips if they contain data, but the tooltip setup is the same for all of them. Because this appears in an internal application that is restricted to IE8, the processing on this is pretty slow. Is it more efficient to create one tooltip using the table id as the selector or would I be better off creating individual tooltips for each cell that needs one?
jqm footprint
Hi, jqm download page says: Minified and Gzipped: jquery.mobile-1.3.0.min.js (24KB, ready to deploy) Minified and Gzipped with Default theme: jquery.mobile-1.3.0.min.css (7KB, ready to deploy) I can not reproduce this: jquery.mobile-1.3.0.min.js is 41 KB and jquery.mobile-1.3.0.min.css is 13 KB compressed with gzip! How comes there is such a big difference?
Import data-* from local HTML file
Hello I developped during my spare time a FanSite. I want to add a Profiling functionality, using Save and Load buttons. Load button is an <input type=file />. Save button produce a simplified report into a blank page so user can right-clik > Save As... into his local drive. This file so contains all pertinent data-* attribute user used. Note nothing goes to the server, everything is client-side. Now my problem is how to implement the method $("#LoadButton").change() so it stores back all the html
send two forms with one button to one php receiver with ajaxSubmit() function
I have two forms in html <form id="form1" action="update.php" method="post"> <input type="text" name="username1"> </form> <form id="form2" action="update.php" method="post"> <input type="text" name="username2"> </form> <button type="button" onclick="submitTwoForms();">Send</button> Now I send these two forms to one php page named "update.php" by using jQuery Form Plugin: function submitTwoForms() { $('#form1, #form2').ajaxSubmit(); } The Problem is, update.php can only get the data from the
How can I update a query template?
Hi everyone... I am using jQuery template with these code below: #######HTML part##### <script id="imageTmpl" type="text/x-jquery-tmpl"> {{if selected == 1}} <img src="images/${image}.png" /> {{/if}} </script> <script id="bulletTmpl" type="text/x-jquery-tmpl"> {{if selected == 1}} <li class="selected"></li> {{else}} <li></li> {{/if}} </script> #####jQuery part###### //initializing variable var chosen = 0; var lempah_kuning = [ { name: "Lempah Kuning Kepala Ikan", image: "kepala-ikan",
hover/mouseover prob with Chrome...
I'm adding a feature to my photo site, that when you mouse over photo you see an arrow on top of the photo.. left part of the photo goes back, right side goes forward (yes, I'm doing a little bit what FB does...;-) now when you mouseover the photo and keep clicking the photo, the mouse is on the photo when you land on the page, yes? so in FF when you land -- if the mouse is on the photo -- you see the arrows onLoad, but not on Chrome, on Chrome you have to move the mouse before you see the arrow
Looking for the right place to look for jquery.
Greetings everyone, I am still semi new to jquery itself and still learning it. I have a design that I want to do was going to do this all in html5 and css3, but thought of why not do the design in jquery since I need the practice with it. What I am wondering before I go all out and rack my brain; Is there any jquery plugin or a good place to look for something that will do the following? What I want to do is have a menu (which is populated by database like wordpress or joomla; not hard coded). Which
Why certain text doesn't display
Obviously, new to Jquery. Here's the file: <html> <head> <script type='text/javascript' src='jquery-1.9.1.js'></script> <script type='text/javascript'> if ($) { $(document).ready( function() { $('p').addClass('Loaded'); $('p').text('jQuery loaded and running!'); } ); } </script> <style type='text/css'> p.Loaded { color: green; border: 1px solid green; } </style> </head> <body> <p> jQuery is not loaded. </p> </body>
want to know how to do looping in query
Hi, Below is the scenario: <div4 class="abc"> <div1 class="clickMeTalkNow"> </div> </div> <div5 class="talkNowOptions"> <div2 class="clickMeTalkNow"> </div> </div> <div6 class="talkNowOptions"> <div3 class="clickMeTalkNow"> </div> </div> on click of div1, div5 should open, on click of div2 ,div6 should open. something like this should be done. But i am nt getting exact way: should each() be used? $(".clickMeTalkNow").click(function(){ $(this).closest('.closed').hide();
Square brackets in Number() function
Can anybody tell me the purpose of the [1] in the expression Number(MyNumber[1])?
ajax + embeded javascripts
If you use AJAX to fetch a document which has JavaScript in it and insert it into an element on your page will the JavaScript run in the following 3 situations. 1) if it is written into the downloaded content so that it would run if the content was accessed as its own page? (IE a script which runs when the page is loaded) 2) if it is written as a function and the code which executes the function is outside of the AJAX content (ie you have an event handler or a HTML element with an event parameter
Ajuda Aqui!
Olá pessoal, Gostaria de saber se é possivel fazer o seguinte: eu tenho uma variavel no meu script: var numero = '4'. Então gostaria de saber se é possivel eu criar sertas quantidades de divs, por exemplo, se a variavel acima (numero) for igual a 10 então o script vai criar 10 divs, se for igual a 40 então vai criar 40 divs, e assim por diante, entenderam? Como faço iso??? Abraços.
reading from a text file
Hi i m using the code below to read text file content. The text "Let jQuery AJAX Change This Text" doesnt change at all. I have tried .. $("#div1").load("file:///C:/demo_test.txt #p1"); $("#div1").load("demo_test.txt #p1"); $("#div1").load("C:/demo_test.txt #p1"); Please help. Thanks ------------------------------------------------- <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){
URL Problem between Browsers
Hi ppl, I have the following code: var folder_depth = './'; var browserName = navigator.appName; if (browserName == 'Microsoft Internet Explorer') {folder_depth = '../../';} var url = folder_depth + 'admin/useraccess/userslist.php'; window.location = url; I had to do a browser check because else the on IE9 the page would try to redirect to http://localhost:8080/aaron/admin/useraccess/admin/useraccess/userslist.php (does not work) whilst on other browsers like Chrome it
how to set width height of modal window
Hi, I have a modal window and need to set witdth & height of it. Here is my code for modal window. Setting attribute of width:200px height:300px doesn't work. How would I set it? My browser is IE 7. Many thanks <script type="text/javascript"> $( function() { $('#ModalForm1').dialog( { modal : true , autoOpen : false , buttons : { Cancel : function() { closeModalAndReset(); } , Update : function() { closeModalAndUpdate();
a-new-and-improved-jquery-idle-timeout-plugin
I want to use a-new-and-improved-jquery-idle-timeout-plugin its failing for me, but the example works when I include this in my page whihc has lot more jquery function and java script s fails. I am not exprt in resolving this issue need help on troubleshooting this. the error I get from the chrome console is , attached are the js files and script jquery idle timeout plugin Uncaught TypeError: Cannot read property 'jQuery1362094643740' of undefined jquery.js:357 T.extend.data jquery.js:357 idleTimeout.init
jQuery on huge frontend overflows vs. Angular JS
I've got some serious issues. We started to create a project with very strong and huge frontend. It means that on that frontend is a lot of nested modals, in every modal is a lot of triggers and.. I think that I've reached level where it's not possible to continue in using jQuery. I've got basic HTML with about 30 triggers on some buttons. One of that button on click shows another modal window. I've got that #modalDiv nested in previous form and it's empty. I load remoted content. I've got two basic
Hover or disjointed rollover?
Hi there, I'm working on a simple page where I have 2 images fading up using jQuery. That's working all right. Now I want to add something to that. On 1 of the 2 images I want to add a hover effect that will reveal another image somewhere on the page. What's the best script to achieve that? TIA!
jQuery load function does not work properly on chrome and safari (Windows)
Hi, When I load a page with jQuery load() function API. It does not load the style section on the header using Safari and Chrome.
Need help in jquery and ajax
Hi , I am developing html 5 mobile app using jquery mobile. I want to do an operation which actually takes the user name and password as input and login. This actually involves in communicating the cloud. I tried using ajax script but it din't work. The most common error am getting is ReferenceError: "Can't find variable: $" am actually following $.Ajax({ url: type: "POST", data:'uname=' + encodeURIComponent(document.getElementById("uname")) + '&password=' + encodeURIComponent(document.getElementById("password")),
Skitter slider not working using jcarousel lite
When we use skitter slider not working in dotnet language when using jcarousel lite. But jcarousel lite is working fine.Please reply for this issue js which we used in jcarousel lite are captify.tiny.js,jcarousellite_1.0.1.pack.js,jquery-1.3.2.min.js(In this Jcarousel we used the below script also $(function () { $(".slider").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", visible: 5 }); }); $(document).ready(function () { $('img.captify').captify({
how to read below json format data in javascript/jquery function
how to read all JSON data either loop or recursion function please give me function which read this JSON data. Thanx jQuery1710695295648416637_1362076785226({ "data": [ { "userLogin": "amit", "text": "1\n", "next": [ { "userLogin": "amit", "text": "1.1\n", "next": [ { "userLogin": "amit", "text": "1.2\n", "next": [ { "userLogin":
Memory leak in jquerymobile
Hi I have developed application using jquery mobile 1.2.0.When I am moving from one page to another page memory is increased each time. How to control the memory leak or reduce the memory? please guide me thanks nathiya
how to export html web page (include image) to excel file?
how to export html web page ( include image ) to excel file
I have issue with clone()
my problem script :) (http://jsfiddle.net/qurbonov/pJgyu/28501/) inside "p" created clones "showHide", functiondoes not working
Next Page