Need help
I am new in web development field.I have seen all jquery ui demos and source also, i want to know from where i can get the style.css for this demos
refresh value of mouseover
Hi everybody, There is my problem : I have a table with a lot of cells. I would like to get the value of "title" tag of the td when the mouse pass over the cell. I managed to get the value of the first cell but when I go in another cell, the value doesn't refresh... Have a look at my code : var case_over; $(function(){ $('#plateau_jeu').mouseover(function(){ case_over=$('td').attr("title"); console.log('cell is called '+case_over); }); }); Thanks for your help !
CHANGE var $overlay = $('<div id="overlay"></div>'); TO var overlay = $('<div id="overlay"></div>');
I know that $ sign only used for us to remind that this variable contains Jquery object or so. But for the sake of learning I tried not use $ sign in my variable name but it doesn't work without a $ sign.. I want to know what changes would I have to make in my code to make it work without the $ sign. This is working code: var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); //Add image in overlay $overlay.append($image); //Add overlay $("body").append($overlay); //Capture the
Need help
I m new in web development.I have seen all the demos and their source code in jquery ui section,I want to know from where i can get all the styles for demos
auto suggestion jquery ...how to store the id
Dear sir following code fills up the autosggest field and Click on name or selection I want to store the id of the name selected in other filed so as to use it while storeing the details. My html code <div class="label_div">Type Category</div> <input name="category1" type="text" id="category1" value="<?php echo $_POST['category1']; ?>" size="35" onkeyup="categoryscript1()" /> <div class="input_container">
Jquery mouse enter event is repeating for FF and IE but not in Chrome
I am having this weird problem in FF (version: 32.0.3) and IE(version 8). Mouseenter event is repeating (circle animation is being triggered again and again on mouse hover) in FF and IE while chrome and opera circle animation only happens once on mouse hover. Following is the JS fiddle: http://jsfiddle.net/mejLb6jj/ Can someone please advise why it is happening and how can I fix this problem?
Sort menu items alphabetically
Hi for all, I'd like to sort menu items alphabetically. Any idea how I can do this? Regards <div class="sitemap"> <div class="col-list"> <h4><a href="#">bb</a></h4> <h4><a href="#">aa</a></h4> <div class="lst-sub"> <a href="#">bb</a> <ul> <li><a href="#">bb</a></li> <li><a href="#">aa</a></li> </ul> </div>
Checkbox help
I have a checkbox like this: <input id="box" type="checkbox" name="logger" value = "YES">Uncheck this box if another ncs is logging for you<br> Trying to set it checked like this: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function() { document.getElementById("box").checked = true; } </script> After this works, which it doesn't now, I'll put in conditional statements to check or uncheck it. That's why
trying to get a listview type table.
Hello. I have a simple three column table that I would like to show like JQM's listview; i.e. where each row is restricted to one line and is truncated with '...' (three dots) which automatically resizes, and the row links to the item details. The first two columns are short (time + name) so the truncating will only occur on the last column (message). I have tried making a listview behave like a table and a table behave like a listview but have had no luck doing either. How can I achieve either a
footer and header of iPad 3 doesn't fit correctly
Hi guys , I've been developing an application and whenever i'm testing on the iPad to check the size i have the header on the status bar and there is a white area under the footer i don't know from where ! please help and this is the code of my page <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>jQuery Mobile Web App</title> <link href="jquery-mobile/jquery.mobile-1.3.2.min.css"
Inconsistent Draggable performance on IE11
I have what is admittedly a complex single-page web application, on which there are 6-10 draggable elements. I've noticed that the dragging performance is inconsistent. Sometimes it's fast and very smooth, other times it's slow and very choppy. I'm not actually doing anything during a drag, and I've tried to eliminate any possible factors in testing, so I'm not really sure what's up. I've tried playing with the profiling tool, but I'm not really sure how to read it. For the test runs I simply dragged
check if data inputted in textbox has exist
Hi, I have mysql database with table name `tblengine` where lots of engine number stored on it, I want to check first if the data (string,numbers) that users has been inputted in textbox (<input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value=''> in my html) is already exist in tblengine before I proceed to inserting the engine numbers in tblengine. if the data matches in the records, there will be notification example 'Data has been duplicated' and the form will
UI Selectable - selecting all between start and stop
Reference: http://jqueryui.com/selectable/#display-grid With the demo in grid view, a "drag start" over the "1" box to a "drag stop" over the 6 box will cause boxes 1, 2, 5 and 6 to be selected: ◼◼◻◻ ◼◼◻◻ ◻◻◻◻ I'd like to change that behavior (or add a new option that changes that behavior) such that all the boxes between drag start and stop are selected (i.e., 1, 2, 3, 4, 5 and 6 -- the same as would be selected when dragging from 1 to 6 in list view). ◼◼◼◼ ◼◼◻◻ ◻◻◻◻ I'm too new to jQuery and
call function with parameters
$('#'+mobilecheckdiv).load(url,data ) ; // populates data in this div -> works fine $('#'+mobilecheckdiv).load(url,data,remark ) ; // calls function remark after completing loading the output in div 'mobilecheckdiv' -> works fine In this case I am caling a function remark without paramter However $('#'+mobilecheckdiv).load(url,data,remark(chkdivname,n) ) ; // Call function remark(chkdiv,n) i.e. a function with parameters is executed before loading the div with Data How can I
Preloader to load full website in one html page
Hi, i want to load my all html pages in one page. Example: I have created 3 html pages. 1. index.html 2. intro.html 3. home.html In index.html page i have write reverse counter code i.e 100 to 0. In intro page i have embed the flash intro. In home page i have all website content. Now i want my intro.html and home.html page load on when reverse counter code page is run i.e (index.html). please help me thanks Anagha
Transform jquery variable in text
Hello, I have this very short code to obtain latitude/longitude : <div id="infoposition"></div><br> <script> function maPosition(position) { var infopos = "<br>"; infopos += "Latitude : "+position.coords.latitude +"<br>"; infopos += "Longitude: "+position.coords.longitude; document.getElementById("infoposition").innerHTML = infopos; } if(navigator.geolocation) navigator.geolocation.getCurrentPosition(maPosition); </script> When I open my file I obtain this : Latitude : X.1202949 Longitude:
Is this possible with jQuery?
Hi there, It is very simple. I make two pages, one is a <form> with checkboxes and radiobuttons. The other one is a page with 10 different divs that all have an id. Is it possible with jQuery when after the submit button is clicked it shows or hides divs depending on which checkboxes and radio buttons is marked? I am not looking for an answer where the code is written, more like, if it is possible and with what functions? Thanks in advance.
Scroll selected Heading to top in expandable/collapsible list contained in absolute scrollable div
Hi, I have a expandable/collapsible list just like the one featured in jsfiddle.net/489Y2/6/. This code only allows for one item to be expanded at a time. I want to change its code so that more than one item can remain opened at a time. Secondly, this code starts and scrolls the selected Heading to the top of the browser window. I am trying to contain this code in an absolute div and position it in between a fixed header (height 200px) and a fixed footer (height 50px) and still keep the same scrolling
Show/hide an input hidden.
Hi everybody, please can someone help me how to show an input hidden? Thanks in advance. Tegatti
Hiding a div element in an iframe!
I'm opening several pages on my website in an iframe full-screen overlay. Those pages can also be accessed directly on my site. These pages have a div that contains navigation. If a page is loaded in an iframe, I do not need the navigation so I'd like to hide he visibility of that div that has navigation. So, pages appear as normal if accessed directly but if opened in an iframe their navigation is hidden. Thanks in advance to all the geniuses here.
UI Autocomplete onfocus/onclick = slow
Hello, this is my first post here, I hope it is the correct place :-) I have 2 websites; on website A a complex form F with 70 inputs with autocomplete; here it works fine. On website B, same form F, but several other jQuery plugins. On website B, when I click on any input (with autocomplete), it gets the focus only after 1 second or more. On some slow computers / smartphones, users need 5 seconds... and think the website doesn't work. How can I find the problem, the conflict between plugins, the
How to avoid duplicate in form text fileds before submition
What I have done is this, but it didn't work. <!DOCTYPE html> <html lang="en"> <head> <script src="jquery-1.8.2.min.js" type="text/javascript" ></script> <form action="save.php" method="post"> <table> <tr> <td class='text-right'><input type='text' class='input-xlarge' name='model[]' id='model' value='' placeholder='Model'></td> <td class='text-right'><input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value='' placeholder='Engine No'></td> </tr>
Function is not called both in Chrome and IE10
[index.php] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2014 Study</title> <script src="scripts/jquery-1.6.2.min.js"></script> <script src="scripts /tscript12.js"></script> </style> </head> <body> </body> </html> [tscrip12.js] $(document).ready(function(){ alert1(); function alert1(){ alert("alert1"); } });
link changes classes and shows div/span
hello, i want to make a page with 2 areas. on one side there are some links, on the other, there is some content. i want to change the link color (css class) and in the same time to make something show up. actually i have now this: $(function() { $( '.nav span' ).on( 'click', function() { var showc= $(this).attr('rel'); $( this ).parent().find( 'span.active' ).removeClass( 'active' ); $( this ).addClass( 'active' ); $('.content span').hide();
How to create a slider like this from scratch ?
hi guys, I came across the slider used in http://www.iconnect-design.com.au/ web site and i like to create a similer one but i want the text and images to move from top to bottom.. hope some one could help me to create one like that from scratch with jquery.. thanks in advance !!
textextjs plugin
Hi, I want to convert a regular textbox on my site (can give url on request) to a textbox which automatically suggests ingredients using tags, using this plugin : http://textextjs.com/ As I am new to jquery, I am having trouble configuring it on my site. The how to use steps on http://textextjs.com/ say 1.Specify which plugins you need via the plugins option 2.Configure each plugin individually if necessary 3.Enjoy! But it's a bit more complex than that for a newbie like me though isn't it ! I
pop up and validate
I have the link opens this is the pop-up page where user needs to update the lotNo into the text box. Once they enter the number in, hit update and close this pop up page. I've tried to enter 50, got the message "Please enter a value less than or qual 30" which is correct since the max is 30. However, it's still let me hit the update button? the button can't submit w/o enter the correct number, is there the way to disable or hide the submit button if form validated is failed? Please help
Help! Swipe event not working in android 4.2
I am trying to implement the swipe event in my list page but it doesn't seem to work in Galaxy Quattro running Android 4.2. Even if i test the demo page of jquery mobile ver 1.4.4 then also its not running properly. Code snippet is $('#list_drag1').bind("swipe",function() { alert('swiping'); }); where list_drag1 is id of a single div. Any help in this regard will be greatly appreciated.
Cycle hover on mouseout
Hi, I was wondering if someone knows how the Cycle plugin works. Is there a way to restart the “slideshow” by fading to the first image on mouseout (instead of pausing)? jQuery(function($){ $(".slides").cycle({ fx: 'fade', speed: 450, timeout: 5, startingSlide: 0, }).cycle("pause"); // Pause & play on hover $(".slideshow-block").mouseover(function() { $(this).find(".slides").addClass('active').cycle('resume'); }).mouseout(function(){
v
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404 - PAGE NOT FOUND</title>
<!-- Add Slide Outs -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="/cgi-sys/js/simple-expand.min.js"></script>
Jquery Mobile App Session Cookies HttpOnly
Hi , I have developed mobile web app ,i am using session.js for managing the session of the whole mobile app. i want to make sure the security for the session cookies , using HttpOnly true and Secure : true i am not able to set those flags ,could anyone please help me out for that
Is there any limitation in SelectMenu option while preselecting?
Hi there We have this script (settings.html) that has Ajax (Jsonp) calls for GetCountries and GetZones (time zone) to populating the Country and Zone list for the user detail which is also another Ajax called for GetUser. GetCountries returned 252 records with CountryCode and CountryName. GetZones returned 415 records with ZoneId and ZoneName. User detail obviously returned user detail with CountryCode and ZoneID for that particular user. The population of the Country and Zone options in Select
superfish menu
Hi, Am using Superfish.js and i need the menu to be triggred from the right side by pushing the content to left as available in the http://mmenu.frebsite.nl/ side. I need the same implementation with superfish for mobile and tablet devices. desktop will have the normal UI as in the superfish. http://jsfiddle.net/nH5Rj/
Range slider w/ 2 handles, but need one readonly
So the way it works is I have one fixed-min slider (0 - 2000), and after that comes a two-handle range slider (same range, 0 - 2000). The minimum starting value of the second slider comes from the value you get in the first fixed-min slider. What I need is for the min value of that second slider to be read-only. The fiddle makes it a little more clear: http://jsfiddle.net/Jackpot/8fe3rn3f
Hello all
is there any minified jquery plugins for all function...Like fancybox,slider,etc...all in one jquery lib..
JQUERY Flicker to Top
Hi ... help desperately needed,, I am confronted with the problem -after some serious time in development using jquery mobile- that on $.mobile.changepage the changing page (if scrolled down on change time) first scrolls to the top before changing. This produces a very irritating (unacceptable) user experience. Apparently this is standard JQ behaviour. Why this has not been addressed (it is a known problem) is a mystery to me. If I do not get this fixed, I am ditching JQ altogether, with months
Ajax return only first value?
$.ajax({ type: 'POST', url: 'add_doc/getProtocolData', data: { 'client': client, }, success: function (html) { $("#protocol_data").html(html); $('#protocol_data #protocol').live('click',function () { var numberDoc = $('#protocol_data #protocol').val(); console.log(numberDoc);
Sometimes ajax request sits ideally
I am using jquery-2.0.3.min.js version. Occasionally a my ajax request sits Ideally without the success function or the error-handler being called to let it know that it can continue, it just sits there waiting. And here is my ajax request. Any solution for it? $(function () { $.ajax({ url: "/Tag/GetPrimaryTags", datatype: "json", success: function (result) { data = JSON.parse(result);
Can i store http://api.jquery.com/ on my local computer I.E on my local hard disk .
Well my question sums it up . actually i often find http://api.jquery.com/ , to be quite a great resource , so i'd like to have it locally on my system . is it possible ?? if it is , it would be of great great help . it might sound a bit odd that i want the entire website to be accessible locally , but its necessary due to some reason . well , tats my only question . Thanks .
Posting a List to WebAPI from jQuery
I am able to post a single Customer object to a WebAPI Method --jquery //Making complex type object var customer = { CustomerID: "ARPOO", CompanyName: 'Google', ContactName: 'aditi rajaraman', ContactTitle: 'SVP', Address: '42 Ravenswood Ct', City: 'Edison', Region: 'NC' }; //Convert javascript object to JSON
Next Page