Testing the datepicker input value?
In a form field has the input: <input type = "text" class = "<PHP print $estilo_caixa;?>" id = "datepicker" name = "dt_fundacao" size = "12" maxlength = "10" placeholder = "Data Foundation"> After the test input as if the field was completed in Javascript and also treat on a select in PHP? How to put a mask on input (__ / __ / ____) the datepicker?
Recreate jQuery
Hello, I was wondering about the very first bit of jQuery code ever written. I figure it was possibly written inside a script tag as a start. So I found an article: http://blog.johnsedlak.com/2013/04/breaking-down-how-jquery-is-built/ And that also comes with a Fiddle: http://jsfiddle.net/jsedlak/s5bC4/ But the problem is with the above Fiddle if you remove the jQuery link then $ becomes undefined. So the question is how do you modify the Fiddle so that $ becomes ( you can't add the link back )
text font size scale
Hi, I m using the following header in my HTML: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, maximum-scale=2.0, user-scalable=yes"; > However, in my App (on iphone or ipad) i cannot enlarge or zoom the text (you know with the 2 fingers), the dimmension of the page is always fixed. am i miss something? thanks
Listview with image,link and checkbox
Hello all, I've to create a listview with three items strictly in the following order from left to right:- [Image] [Link] [Checkbox] I've used Split button list and Grid but both doesn't meet the requirements. I've alrady gone through following links but nothing fulfill the requirements:- http://jsfiddle.net/XAsyy/110/ (styling checkbox with seprator) http://jsfiddle.net/Gajotres/KdNpy/ (Split list with checkbox) Can anybody please provide some code or guidance to achieve this requirements. Thanks
Draggable Div in an User Control not working
I am following the sample of draggable DIVs and it works fine. But as soon as I put the code in a User Control, it stops working. Can you use draggable in an user control, or not? Thanks in advance Robert J.
Events Ckeckbox at listview jquery mobile
I need a grid with checkboxs, that can remove, select all, and get each value. in jquery mobile. like this grid: http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem= thanks
toggling content
Hi I'm new to jquery and I don't fully understand it yet. I'm trying to create a page that has multiple content on it, but the content has to only show a certain amount of words and when the content is clicked it expands showing the rest of the content. It's similar to an accordian but instead of the titles being shown its a bit of the content. This is the code I have so far <?php $str.='<div class="testimonial_content"> <img class="floatleft" src="../images/camera.png" /> <h1> Title
Can jQery tell me the text of a table header
I got a fast and helpful response to my first query about retrieving text from a table using jQuery, so I'm hoping I can get advice on this too. I am new to jQuery, but can't see an obvious way of doing what I need. I am showing the user a table in a web page. When the user double clicks on a table element (surrounded by <td> and </td>) I can retrieve the text of that element. What I now want to do is to retrieve the text of the table header (surrounded by <th> and </th>) for the same column.
.slideToggle issue in Firefox
Hello. My site http://charleybiggs.com.s64567.gridserver.com/ is working properly in Chrome and Safari. When you click on certain boxes, specific divs load at the top of the page. In Firefox though these divs are automatically showing when the page loads. They are supposed to be hidden until a box is clicked. Anyone have any idea why it's doing this? <script type="text/javascript"> jQuery(function(){ jQuery("#music").click(function () { jQuery("#musicinfo").slideToggle('slow');
jquery unhide on the value of a select drop down
I want to get at the value of a select box on change and hide or unhide another elemen in the same form determined on value selected so far I have something that doesn't even trigger..... if the content of "arrival" is VIP I want to unhide "arrival_time" eg the form contains <p><label for="id_arrival">Arrival:</label> <select name="arrival" id="id_arrival"><option value="" selected="selected">---------</option> <option value="1">STD</option> <option value="2">VIP</option> </select></p> <p><label
File Upload and Model Data simultaneously using jquery and ajax
Hi, I have a requirement where I need to pass some data entity along with a pdf to the server to be saved. I cannot achieve this using the Jquery file uploader and using a form post to get both the entity data and the file at the same time. Please help as to how I can send both the data and the file using a single ajax function to the server. Is it possible to achieve this using the regular html file type input and standard html controls and calling a ajax function on click of a button?
Three level menu using jQuery assistance
Hi guys, I need some help with the following menu JS script: http://cdpn.io/LzuJh At the moment the script works but I need some proper cleaning. I am able to get it to expand on click to about the second level and everything goes haywire from then onward. I want it to behave like a proper 3 level menu. 1) you click on menu icon it opens menu 2) you click on second menu it opens menu and gives you access to 3rd menu etc NB: I also want the menu to toggle, the same way it toggles on the top menu.
Hidden content takes up height(isotope)
I am using this gallery to display portfolio items on my website:http://www.webdesigntunes.com/coding/jquery-filterable-portfolio/ It uses isotope-jquery to display the items so the div container that includes the portfolio images calculates the height based on the article classes that are within it: <section class="main"> <div class="portfolio"> <article class="entry video"> <a data-rel="prettyPhoto" href="http://vimeo.com/34266952"> <img src="images/portfolio/work1.jpg" alt=""> <span class="video-hover"></span>
HTML5 builder jQuery datetime picker
Hi I am using HTML5 builder to build a server side database reporting system. I need to have client side users enter dates using a datetime picker but the picker that comes with HTML5 builder does not work on most browsers. The jQuery picker would be perfect and while I can get it to work in an html document I cannot get it to work on the HTML5 builder php pages. I am very new to JAVA script so do not really know where to start. Does anyone have any ideas how I can go about this? Thanks Jerry
About selectable jquery ui
from this http://jsfiddle.net/N565p/23/ i want to set first load (option that have a text from database to be selected ) like at the item have text == Option 2 and text == Option 3 was selected at first load thanks for answers
Popup from XML data - why won't it work?
Hello All, I have successfully got my Phonegap + Jquery Mobile app pulling and reading data from a xml page on my server. It lists the product photos but I want to be able to have a popup for each image with more information however I just cannot get it to work ... can anyone tell me why this bit won't work? For some reason it lists each image AND the content in the divpop .... simply won't work ... category = 'Cases'; $.ajax({ type: "GET", url: "http://www.myurl.com.au/accessories.xml",
please critique!
Hello all and thank you for any help. I have just finished building the following, which does work, however I am not sure if it is running as good as it can. May I please get some instructional criticism and possibly some ideas on ways to make the performance better? Thank you in advance <html> <head> <link rel="stylesheet" type="text/css" href="style.css"/> <title>Stream Status</title> </head> <body> <table></table> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
Jquery mobile Swipe event not working with android chrome browser
I am trying to detect swipeleft and swiperight events using jquery mobile. $('#div1').on("swipeleft", function (event) { //some function }); $('#div1').on("swiperight", function (event) { //some function }); This works perfectly on iPad. But when I test it on adnroid chrome, this event get recognized very randomly. It detects this event sometimes and most of the time it is ignored. I have gone through many threads on this, and tried many things like 1. removing e.preventDefault() on touchStart event
Help me all..
i want to ask, how to call another html in jquery mobile in button? i have make the source.. <script type="text/javascript"> function product(){ $.mobile.changePage( "../Product.html", { transition: "pop", reverse: false, changeHash: false }); } </script> this is my btn : <a data-role="button" id="product" onclick="product()" data-transition="slide" href="#page1" data-icon="arrow-r" data-iconpos="left"> car product </a> OR i just use button in only a href <a data-role="button"
Changing Text Only
Hi Guys, If have: <li> <a href="..." rel="..." > <other tags> "Original Text" <other tags> </a> </li> Trying to change the "Original Text".I tried: $(li).find('a').text("New Text"); But, that wipes out the other tags. How do I just edit the text? Thanks, Bill
jquery proper call back function for text editor
I have 2 pages: page 1 is a normal page and page 2 is a partialview (partial 2). I go to page 1 and a few seconds later partial 2 is loaded and shown at the bottom of page 1, my problem is that I need to know how to do a callback function in order to get my text editor that is in partial 2 for example this is the setup for page 1 Page 1 <script type="text/javascript" src="/ckeditor/ckeditor.js" ></script> <script> $(document).ready(function () {
Need help to modified code for time out
I am new to JavaScript and I found a time out routine on the Web that does what I want but one thing. The code pops up a message stating the time is about to expire and gives the user option of continue or cancel. I want to change the code that if no response from the user that the application redirects to another page automatically. <script type="text/javascript"> var sess_pollInterval = 60000; var sess_expirationMinutes = 20; var sess_warningMinutes = 2; var sess_intervalID; var sess_lastActivity;
Basic Timer Question
Hi all - Bit of a newbie here, so apologies for the stupid q - hopefully this one is easily solved. I'm trying to do add 4 countdown boxes to a website - I can find scripts for basic countdowns, but can't get it so that it has 4 on the one page as I'm really new to jquery. For example, I'd like to have 4 spans, (timer, timer2, timer 3 etc) This is the code i have: HTML: <span class="timer"></span> <hr/> <span id="help">From: 50 - To: 2500 / Over 5000 Milli-Seconds</span> JS: (function($) { $.fn.countTo
How can I change data-src attribut of a canvas in jquery
Hi, In a previous post I've learned how to load a canvas from png. It is great but now I feel not very pride because I have a technical problem I cannot solve. I would like to load the data of different png one after one another. My idea is to do a setinterval just specifying the data-src before execute for different images. The problem is I don't find how to change data-src of canvas with JQUERY. Here is my code. Can some one just tell me where and what I must include to load for example testbis.png?
manipulate class on browser back/forward button when address bar has certain URL
I have setup a ajax website where I use the history API for a better user experience with a javascript fallback for browsers that don't support the API. I have to say that I've used files from a demo site from the maker of the fallback script, because my javascript/jQuery knowledge is 0.2. I have a div where I load the AJAX content in which is hidden on page load. In the other div I have a isotope grid with items and clicking on a item will slide-in the AJAX div and loads at the same time the AJAX
Does not function effect slide
Im testing some effects in jquery ui, and this is the first, but this doesn´t work. Here is my code. Thanks in advance for help me. This is the index: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>parainformaticos.com</title> <link href="jq/ui-darkness/jquery-ui-1.10.4.custom.min.css" type="text/css" rel="stylesheet"/> <link href="css/main.css"
Can jQuery supply the text of a table element when the user double clicks on it ?
I am new to jQuery, but think it might be able to solve a problem for me. I am displaying large tables of information on web pages. These are generated from a database. I would like to offer the user the chance to double click on any particular cell in the table (which will be delimited by <td> and </td>) to drill down for more information. To make this work, I need to be able to retrieve the text in the cell. I can't find a jQuery selector that will let me do this. I can get the correct routine
jquery.form plugin IE7 windows nagivating away on response
My goal is to be able to submit a form including a file input in a ajax manner and the jQuery Form Plugin seems suitable to achieve this. Hover my requirement is that it should also work in IE7. I've created a small prototype to test out the the functionality and the form including the file is submitted and received properly by the backend. I've already changed the way json is returned (as text) to prevent IE from showing a save file dialog. In IE7 when the response is received from the backend (either
Having Trouble Changing the Background to Black
I'm really new to Programming with Jquery Mobile and can't figure out how to change the background to black... I've done it before but for some reason I can't get it to change... Here is what I'm working on... When you click on the Male or Female Button a male or female image appears, I want the background behind the image and the buttons to be black... Also, is there a way to have the male image show before clicking a button? Thanks for the Help you guys are awesome! http://vmt2014.businesscatalyst.com/Gender%20test.html
infinate jQuery vs HTML Link
I have a page that has animation that repeats infinately. This is implemented via a jQuery script that calls itself. The page also contains a menu implemented via an unordered list with href links. The menu works ok on a test page without the script. When I add the script the menu no longer works. I am not sure I understand the event model and potential conflicts between jQuery and HTML events. I would appreciate help with my specific issue and perhaps a nudge in the direction of some documentation
How to debug Step by Step in Jquery-Mobile + HTML5 + Windows Phone Emulator
Hi, I am using jquery-mobile for creating a mobile app. I am using visual studio 2010 and windows phone emulator to run the application. My question is, how I can found the run time errors in jquery-mobile. Because HTML is displaying on emulator so firebug or other browser tools are useless. Also alert is not working in 1.4.0 version of jquery mobile.
a tag onClick not firing
Javascript: (function(){ $(document).on('keyup', '.search-bar input[name="q"]', function() { var a, b, c, d, e, f, g; a = $(this), b = a.closest('form'), c = b.find('.display'), d = a.val(), e = a.attr("input-min-length") ? a.attr("input-min-length").val.to_int : 1, f = b.attr('action'), g = b.attr('method'); c.empty(), a.removeClass("search-loading"); if (!$.trim(d) || (e > d.length)) return c.hideDropDown(); a.addClass("search-loading") $.ajaxq.clear(f),
Different behavior in browser for Div height adjustment
In my website I have two Div's containing variable content. This content is added via a server side include (using a management content PHP seed). I want to give the two columns a similar height by using the following fairly simple script: $(document).ready(function(e) { var A = $('#Linkerkolom').height() var B = $('#Rechterkolom').height() if (A<B) { $('#Linkerkolom').css('height', B); }; if (A>B) { $('#Rechterkolom').css('height',A);
Page loses "ui-page-active" class when popup close button is pressed.
Hi, Been working with JQM for a while now, but I have finally run into an issue that i can not seem to solve though diligent Google searching. So I thought I would signup and ask the experts. I am using internal linked pages that are dynamically cloned from templates, modified, then injected into the html markup. Everything seems to work fine, however, occasionally, when I close any of the popups, the "ui-page-active" is removed from the current page, and nothing is visible (white browser
I need Hootsuite style jquery menu -
Hi, I need hootsuite style jquery menu. I mean : By default it should have just icons, when mouse over the icons should expand with their titles (like attached image). Is that jquery available free to customize and use ? Thanks in advance Ravikumar V.
Table collum delete when sub collums exist.
Hi, I need a function to delete columns, I have found solutions that work on "index" but these get buggy when there are sub columns. What I need is a function that can delete sub collums and also deletes sub collumns where their parents are deleted. For an example of the kind of table I am using see: http://www.cmp-products.com/a2ffc.php it is the "gland selection" table. Any help would be greatly appreciated. Thanks Tony
selectmenu page not closing
hi! currently we are using jqm 1.3.0, but we tried it with the newest stable 1.4.1 as well with the same results. from the api documentation: When it has too many options to show on the device's screen, the framework will automatically create a new dialog-style "page" populated with a standard listview for the options.with internet explorer this works almost every time. but it kills our app when we use it in firefox or chrome. the listview is shown but after selecting an item, the items are cleared
works in 1.4.2
Am a newbie to jQuery, this works in 1.4.2 but doesnt in 1.9.1 what should I change to make it run <h1>Long-running request demo</h1> <div id="progress">Progress not yet initialized</div> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script type="text/javascript"> function pollProgress() { $.getJSON('/progress', function(data) { if (data.progress === null) { return; } $('#progress').text('progress: ' + data.progress + ' / ' + data.progresslimit);
checking the file size in IE 11
Need to know if there is any way using jquery to check the file size. The activeX Object used in javascript way of checking works in all browsers except IE 11: function GetFileSize(fileid) { try { var fileSize = 0; //for IE if ($.browser.msie) { //before making an object of ActiveXObject, //please make sure ActiveX is enabled in your IE browser var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var filePath = $("#" + fileid)[0].value;
this is slider code......please tell me whats happening in this script?
$(document).ready(function(){ rotatePics(0); }); function rotatePics(currentPhoto) { var numberOfPhotos = $('#photos img').length; currentPhoto = currentPhoto % numberOfPhotos; $('#photos img').eq(currentPhoto).fadeOut(function() { // re-order the z-index $('#photos img').each(function(i) { $(this).css( 'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos ); }); $(this).show(); setTimeout(function() {rotatePics(++currentPhoto);},
Next Page