Resize popup on orientation change
Hello, im developing an app for android. Inside the app i want to show the changelog inside a popup. On flipping the mobile device, the popup should resize to the available height. Here is what i have. index.html <div data-role="page" id="Changelog" data-iscroll="enable">
<div data-role="header" data-theme="a">
<h1>Changelog</h1>
</div>
<div role="main" class="ui-content changelogdiag">
<div data-iscroll="scroller" class="ui-content changelogdiagscroll">
......
</div>
</div>
</div>
Events firing after ajax page change. (Flipclock)
Hi there, so I have this little problem: My project uses a layout which is using ajax calls to load the content of a module into the main content area. Specific javascripts are loaded dynamically with that ajax call (basically it just return some HTML that I add to the main content area that includes some javascript/jquery files). I'm using https://github.com/objectivehtml/FlipClock to display a counter on some pages. Obviously I bound some things to the "stop" callback of the counter. This is still
How jquery is different from javascript?
Hello everyone, I am a new learning user to jQuery. But i am often confused between jQuery and javascript. Can you please tell me the difference between two. Regards Genevive Ocansey
DatePicker - View months or years
Hello friends, Lily entire Datepicker documentation and could not get what I need, maybe not correctly interpret the documentation. I need to be shown the calendar, instead of showing the days for selection, I could display only months or years, so instead of days. You can do this magic? I thank you for your help.
jquery snippet code to add in php page
Hello guys, can you help me about jquery? I've this js: (function($, window, document, undefined) { 'use strict'; var gridContainer = $('.grid-items'), filtersContainer = $('.portfolio-filters'), wrap, filtersCallback; /********************************* init cubeportfolio *********************************/ gridContainer.cubeportfolio({ layoutMode: 'grid', rewindNav: true, scrollByPage: false, defaultFilter: '*', animationType: gridContainer.data('animation'), gapHorizontal: gridContainer.data('gap'),
Fix div on scroll
$(document).ready(function(){ $(window).scroll(function(){ var $menu_pos = $('#menu').offset().Top; if($(this).scrollTop() >= $menu_pos){ $('#menu').addClass('stick'); }else{ $('#menu').removeClass('stick'); }; }); }); can anyone please tell me wheres my mistake? since it is not working.. thanks in advance.
how can i get exactly length
can you help me in this code always i get length equal zero even div contain data if(isset($row['ship_country'])) { echo " <option value='{$row["ship_country"]}' >"; echo $row["ship_country"]; "</option>"; } else { echo "<option value=''>Select</option>";} $query = 'SELECT * FROM `country_dhl` '; $res_qu = mysql_query($query); while ($country = mysql_fetch_array($res_qu)) { echo " <option value='{$country["country"]}'>"; echo $country["country"]; echo "</option>"; } echo "</select>"; ?> </div> <div
Hello, please help me in my menu
Ok, I need to click on the image (img.menu) and the menu appears, and click again and close it, whenever I want. Thanks in advance. I apologize for Google translator. My HTML: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>GRAPE</title> <link rel="stylesheet" href="css/grape.css"> <script src="js/jquery-2.1.4.js"></script> <script src="js/grape-js.js"></script> </head> <body> <div class="header"> <img class="menu" src="img/menu-grape.png" alt="Menu" title="Menu"> <nav class="header">
How do I get the ID of a table cell within a certain row?
I have this drop down list inside a table cell and I have manage to set a certain colour on the row depending on which colour is selected within the drop down list: $("select").change(function () { if (this.value == "Default") { $(this).parents(".options").removeClass("default green blue red"); //Get ID of previous cell and do something } else if (this.value == "Green") { $(this).parents(".options").removeClass("default
jQuery ccookie
I have a multiple alert system that display uniform alerts on all pages. I want when any of the alerts is closed, let it stay closed on all other pages on the website. I have tried so many thins but nothing works. It only. works when it is just one alert. // Alert session cookie starts here jg(document).ready(function () { function closeBox() { var closeBox = jg('.alert-box:visible').hide(); // - Notice how we pass a function and get an integer jg.cookie('Alert-closed',
not display an alert Strange... very strange. (i want remove a row)
hi friends, i have a problem, i pasted my code: http://pastebin.com/PTtbzNRx and the jspallentex.js http://pastebin.com/Lf3fqEyN and then try explain, i add a row to a Html table: see lines: 169 to 386, this task is done OK, work fine, if you see in the line: 327 i add a button with a class: 'cBtnBorrar' this button/class was defined: in line 166, here my problem when the user click on button not happend anything (and the console not help me), a friend tell me: (<lf94> jak2000, well the alert
datepicker - showButtonPanel - Today option does not select today!
We use the datepicker UI on our website and have just turned on the buttons at the bottom of the calendar: showButtonPanel:true I don't understand why when you push the "Today" button that it doesn't populate the text box with today's date and close the widget. All this today button does is take you back to the current month so you can select the date yourself. I know it is quite simple to find today's date that is highlighted but I think we all understand the mind of users.... maybe the solution
Unable to get Jquery doing calculations without having to physically change value in field
Hello, I have a few fields, when the quantity is changed, the total is calculated but there is a problem, if I load the page prepopulated from mysql and change the price value without touching the quantity, the total do not change. Please see the attached picture to understand the problem better. Imagine that I load this form with pre populated data(update page), if I change dropdownlist 1 and 2, without physically changing the quantity, then the input field 3(total) will not change. Any idea why
Date Picker ShowButtonPanel `Today`
Currently the attribute, showButtonPanel displays two extra buttons on the datepicker popup. `Close` and `Today`. Clicking `Today` though does not do what users expect, in that it should put the current date into the textfield and close the date picker. Is this possible to override the `Today` button behavior?
how to convert div content to canvas
how do i convert a div content to a canvas with the full with of the div..
.done() and chaining capabilities at the same time – possible?
I am working on a jQuery plugin and some of its methods should have chaining capabilities, but also the .done method should work on them. According to the tutorial on learn.jquery.com chaining is accomplished by having all jQuery object methods return the original jQuery object again meaning the method has to end with return this;, as far as I understand. Now some methods return data and the user should be able to use the .done() method in this case. It is implemented via $.Deferred(), resolve() and return
Hide part of a sentence
Hi, I am trying to hide certain words in a sentence; Headline (Max 4) I want to hide (Max 4) I have looked and been unable to find anything that allows me to hide certain words I can't put it inside a <p> or <span> tag as I have no access to that section Can anyone help?
values of Dialog Form Modal hidden controls, not set values on main form
hi all i have a hidden controls on main form: <input type="hidden" id="wcombcpallcdestino2" name="wcombcpallcdestino2" value="-1"> <input type="hidden" id="wkgsdese" name="wkgsdese" value="0"> <input type="hidden" id="wkgscan" name="wkgscan" value="0"> <input type="hidden" id="wkgsmerma" name="wkgsmerma" value="0"> <input type="hidden" id="wkgsclor" name="wkgsclor" value="0"> <input type="hidden" id="wkgSrono"
Chart (JQPlot) in collapsible list
Hello I try to make a chart (jqplot) in a list, and when I expand the list I would like to see the chart. But how? See my code: <div data-role="page"> <div data-role="header"> <h1>Header Here</h1> </div> <div data-role="content"> <ul data-role="listview" class="ui-listview-outer"> <li data-role="collapsible" data-iconpos="right" data-shadow="false" data-corners="false" id="my-collaspible"> <h2>Out<asp:Label ID="LabelActualOutHeader" runat="server"></asp:Label></h2>
translator
hi i want to add google Tanslator with flags n html website what will be its code?
download PDF from web service using json
Hi, I have a WCF service that creates a report in PDF, it works, since I have a C# app that use it, however I need to use the same method to obtain the same document in my jquery mobile application. This is the method that generates the document: public void exportToPDF() { SqlConnection conn = DbManagement.getConnection(); conn.Open(); SqlCommand objCmd = null; String sql = ""; String fileName = ""; DataSet ds1
Downloading multiple text files to the device and showing transfer progress
I have been tasked with creating what on paper seems a simple mobile application. Because of the portability, we have chosen the Intel XDK as our development tool utilising HTML5/JQuery. Basically, the mobile app will have three options: 1. Download data - stock, operators, accounts etc. 2. Process transactions - record items allocated to the end user and by whom. 3. Upload transactions - pass transaction details back to Back Office system. I have made a start on the first of the options,
Using ajaxForm with newest jQuery
Hi! I´m updating my website and my jquery image uploader sadly stop working.. I´m guessing it´s because of the new version of jQuery im using.. it gives me an error.. _____________________________________________________________________________ Uncaught TypeError: $(...).ajaxForm is not a function _____________________________________________________________________________ This is my code (its working on jQuery 1.7...) <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Drag & Drop Problem...
Hi everyone! I am a jQuery newbie, and looking for a little help. I am making a drag & drop application. But I have run into a few problems which bring up a few questions. First of all, I have a box inside of a box. The main box is called .bullpen, the boxes inside the bullpen are . . . bpstore under there, I have created 6 smaller boxes that are called driverbox. The problem I have encountered is I cannot get all the bpSTORE's to be draggable.I can get one of them to be draggable. But not all of
[jQuery] reverse checkbox states
I've just figured out how to reverse a list of checkboxes first attempt $(".check_batch").attr("checked", function () { return (this.checked - 1 % 2); } ); cleaned up $(".check_batch").attr("checked", function () { return (! this.checked); } );
Help on datepicker (with textbox) installation for complete beginner
Hi, I am competly new to JQuery. I came across looking for a datepicker widget and I seem to have found it in JQuery UI. I have just spent over a day to get the datepicker widget to work on my webpage, in vain. I find it all confusing and apart from the download button that do download, the code from the website (with a textbox linked to the datepicker) doesn't seem to work when copy/pasted to my webpage. Can someone please enlight me? A step-by-step beginners guide perhaps? Much appreciated. Vincent
Jquery and Codeigniter Issue - site_url
Hello, I was studying codeigniter and came across a very strange error. This error causes the page does not change only when I open the link a new page. Help me plz
Autocomplete with Dynamic Search on Classic ASP Page
Hi there: I am trying to use Jquery Autocomplete on Classic ASP populating from a SQL Database. I am using this page as the Autocomplete Page: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <link rel="stylesheet"
Autocomplete problem
Hello. I'm trying to create autocomplete using jquery ui with php but it's not working. I don't know what I'm doing wrong. index.php <p><label>Team host:</label><input type='text' name='team_host' value="" class='auto'></p> ajax.js $(function() { //autocomplete $(".auto").autocomplete({ source: "search.php", minLength: 1 }); }); search.php <?php require_once 'dao/TeamHostDAO.php'; require_once 'includes/Connection.php'; $teamhostdao = new TeamHostDAO();
JQuery Idealforms 3. How can i send the info of the form to my mail?
Hi I am using Jquery ideal forms 3 to build a form. I cant get it to send the info of the form to my mail. The website is: http://www.happyhypotheek.info/mal/indexnieuw.html Anyone has experience with this form?
accessibility issue
hi all, in my android app i have a webview with some html ui. i use vh vw for controls, so that my ui scales proportionately for tabs. but problem is in text box when keyboard shows up, the entire page shrinks and when keyboard is hidden, controls are jumbled up. what is the way to stop this behaviour ? withot resizing page scrolling up is ok.
iframe in cycle plugin
I have to display a map on the top of the page along with other images. The map uses an iframe. so is there a way that malsup cycle plugin can display images and iframe in the cycle fashion.
Why jQuery change my headers height ?
Hello I'm using this website structure : http://tympanus.net/Freebies/Cardio/ I use PHP to validate the contact form. When this contact form is OK, the contact form disappear but the headers height change about 70000px. Firefox says https://code.jquery.com/jquery-1.11.1.js line 4305 and 5211 change the header properties. Do you know why? Just tell me what isn't clear for you. Antoine
difference get and post ?
<html> <head> <title>Orders</title> <style type="text/css"> ul li .edit{ display: none; } ul li.edit .edit{ display: initial; } ul li.edit .noedit{ display: none; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(document).ready(function(){ $.ajax({ type: 'GET', url: 'http://-get.php', dataType: 'json', success: function(data){ $.each(data, function(key, value){ var html = '<li>'+
How to disable elevateZoom?
How do i call the destroy function in elevateZoom ? The documentation does't have any mention of it , If i do a quick ctrl+f in the source, i see an option for disable , But i am not sure how to disable or destroy elevateZoom ? I have the following code: HTML: <img id="img_01" src="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg" data-zoom-image="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg"/> JS: $("img").elevateZoom({ zoomType : "inner", cursor: "crosshair"
The rules work and the messages don't work
Hello, I have a problem with the validation messages in jQuery. I have a dynamic form, I put rules (rules) for field 'tel_m' and it works well for all the fields (dynamic). Now I would write 'messages', the problem is that the validation does not work very well: it is enough for me to write a single field correctly (not vacuum telling figures) and the form is submitted WITHOUT than other fields are valid. Where is the mistake? EDIT: $ ('input.comment'). each (function () { $ (this)
Slider 'jumps' on mouseenter event
Hi, I am trying to make a slider and I can not manage to overcome one problem. On mouseenter event sometimes it happens that my slider 'jumps' left or right and then returns to correct state. Here is the code. . $(function(){ //INIT// $('.slider').width($('.slider a').length * 240); var $carouselDesktop = $(".carousel-desktop"), $slider = $(".slider"), carouselWidth = $(window).width(), sliderWidth = $slider.width(), difference = sliderWidth - carouselWidth,
errors thrown in Brackets
Hi There, Super noob here. I am trying to run jQuery JavaScript Library v1.11.3 in Brackets on OS X. When I open the file in Brackets to sight the code there is a litany of errors thrown. eg: 'module' was used before defined Combine this with the previous statement Expected 'jQuery' at column 9, not column 5 There are more than 50 errors. Brackets stops looking after 50. I must be doing something very wrong here??? screen grab available here: http://www.leapfrog.net.au/client/lincoln/Screen%20Shot%202015-08-17%20at%202.39.21%20am.png
Copy to the Clipboard using jQuery in FireFox
I want to copy a text to the clipboard using a textlink in firefox. I know how to do it in IE and Chrome but not for FF. Do you know ho to do it? Thanks!
How to create a responsive horizontal image scroller
In the website https://jsfiddle.net/rszqqx9w/3/ the bottom horizontal scroller is not responsive. I have been playing around with this for ages and can't get anything to work. I am trying to resize the images and the containers as the page is resized. Keeping the images in proportion to their current size (300px x 200 px). The moment I make the containers have a height of 100% the images blow out of size and I can't set their size because then the won't resize. Any ideas?
Next Page