Problem printing dialog box
Hello, <div id="holsTable" class="ui-grid-b uiresponsive"> <div class="ui-block-a"> <div data-theme="b" data-role="header" style="margin-left: 0em;"> Code </div> </div> <div class="ui-block-b"> <div data-theme="b" data-role="header"> Date début </div> </div> <div class="ui-block-c"> <div data-theme="b" data-role="header">
delete a row when the checkbox is checked and clicked on delete link
Hi I want to delete the checked row when i am clicking on delete. For now it just removes the checkbox instead of whole text as well. Please let me know where i am wrong here. <script type="text/javascript"> $(document).ready(function(){ $("#checkAll").click(function(){ $("input").attr("checked", true); }); $("#uncheck").click(function(){ $("input").attr("checked", false); }); $("#delete").click(function(){ $("input:checkbox:checked").remove(); }); }); </script> <body> <a href="#" id="checkAll">Check
Does not work <select> in a standard browser Android
When data is loaded via AJAX does not work on android <select> in a standard browser, but works on the iPhone. Also works in the Opera on adroide. <select> is displayed in accordance with the theme jQuery, but the click does not open. After the data has arrived, treated by the following methods, but does not work $("#frm").trigger("create"); $('"#frm select').selectmenu('refresh'); $('"#pk_buy').selectmenu('refresh'); $('select').selectmenu('refresh'); $('select').selectmenu('refresh', true); Downloadable
How to remove auto hiding address bar feature in jquery mobile fixed header
I am using jquery mobile fixed headers in my mobile site. Few seconds after loading the page address bar is hiding automatically. Can we stop auto hiding address bar? if you check the below url in iphone, address bar will hide automatically after loading the page. http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html
Multi-File Upload. Use a custom 'remove' image in the file list
Hi! Where do i put this code to change the X to a trash can? $(function () { // wait for document to load $('#T8A').MultiFile({ STRING: { remove: '<img src="http://www.fyneworks.com/i/bin.gif" height="16" width="16" alt="x"/>' } }); });Thanks /Harald
How do I shrink the height of a jQuery Mobile button and keep its text vertically aligned?
Hello, What is the best way to shrink a jQuery Mobile button and keep its text vertically aligned? If I have a regular button tag: <button id="search_form_button_go" type="submit" data-mini="true" data-inline="true">Go</button>I can shrink the button height using this CSS: #searchbar .ui-btn { height: 32px; } However, then the "Go" text within the button is not vertically aligned; it is closer to the bottom of the button. If I add a line-height to the CSS, I can tweak the value to approximately
Style only submit buttons or specific buttons
How would I go about overriding button colors for specic types of buttons and specific buttons(buttons with certain ids) in Jquery mobile?
Tablesorter first column disabled
Hello. Is it possible to have the first column of the tablesorter indexes going from 1 to however many columns you have, and when you sort other columns these numbers stay from 1 to something. In other words, have the table data not binded to the first column? Thank you!
Jquery mobile based pages pageinit(pageshow vsvs) not firing
i developed 4 html page(with load data via ajax) places page : http://e.yazilimsozluk.com/Home/Index Contact page : http://e.yazilimsozluk.com/Home/Contact map page : http://e.yazilimsozluk.com/Home/Index1 location : http://e.yazilimsozluk.com/Home/PlacePin when i open in URL in browser manuel every page works fine but in footer i give link for each page and some time some page not loading or it load but with damaged-broken css for example in this picture : http://e.yazilimsozluk.com/untitled.png
collapsible set (accordion) missing borders
Hi, there seem to be a problem with missing borders of collapsibles elements. This is a problem especially for the last element that looks like it's outside the set when opened. An example can be seen at this page (OSX mountain lion, chrome and safari): http://jquerymobile.com/demos/1.3.0-rc.1/docs/content/content-collapsible-set.html The problem seem somehow linked to themes, as all examples starting from "Theming collapsible Content", that set data-theme and data-content-theme, work correctly.
Page only loads with data-prefetch. But not the way I want.
Hi everyone, I want to ask you a question regarding to this website: http://m.ideebv.nl/ When you click on a button, you go to the next page. This is good. But you can see that this page only shows a code. Only when you refresh this page, he shows the information what I want. These buttons contain the data-prefetch attribute. I think it has something to do with the problem. When I don't use the data-prefetch attribute, the pages don't load at all. He only shows the loading circle. But that's it.
BlockUI Gif animation stop working as soon as when postback occurs, only in Firefox (latest version)
I have code to display gif animation using BlockUI. But the animation stop working as soon as when postback occurs. This happens only in Firefox (latest version). All other browsers are working fine (Chrome, IE, Safari, Opera). *headache* I will provide code later on.
<thead> formatting issue with jQM reflow when table "re sizes"
Hey guys :). I am experiencing a minor formatting issues with jQM's reflow plugin when my HTML table re sizes I am losing the font-weight: bold; formatting on all my thead tr th elements while it may not sound like a big issue it makes distinguishing the data a lot harder and it is no longer easy to quickly pull information from the table. Followed instructions found here: http://api.jquerymobile.com/table-reflow/ I am under the impression it may have something to do with my .my-custom-breakpoint
Qunit test cases for javascript logging
I am working on javascript client logging.I have function in JavaScript called WriteLog,which basically post a message/Exception to specified server URL through Ajax post and also writes a message/exception to console.log,console.error and console.warn(if available) based on type(error,warn,info passed to WriteLog function). I am looking for reference how to write qunit testing cases for WriteLog function( to check a ajax request has been made to a server and cross verify a message written to console.log)
JQM Time box is showing error message There is no mode by that name loaded / mode not given
Hi, I am trying to implement jquery DateBox and TimeBox. DateBox is working. But timebox is giving the error " There is no mode by that name loaded / mode not given" Another problem I am facing is DateBox/time box popup is displaying behind my data-entry popup. Is there any way to increase the z-index of time/date box? Code ===== <head> <title>Registration</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> <link rel="stylesheet" type="text/css"
error bug in radio box and for jquery mobile 1.3 and jquery 1.9
found out an error like below example <fieldset data-role="controlgroup" data-type="horizontal" > <input type="radio" name="radio_regional" data-mini="true" id="regional_1" value="R1" /> <label for="regional_1">regional1></label> <input type="radio" name="radio_regional" data-mini="true" id="regional_2" value="R2" /> <label for="regional_2">regional2></label> <input type="radio" name="radio_regional" data-mini="true" id="regional_3"
Custom date picker with time
hi all, how to write custom date picker in jquery like below with today,close,clear hyperlinks and time should be in select box how to do this . Please help if any one have idea Thanks & regards, Nazeer
how to create custom date and time picker ?
Hi all, Please any one give idea to create date pickert ui with close and clear buttons and also i want to get time also. How to do this using jquery 1.9 Thanks and regards, Nazeer.
How to get return value of $(this).attr('onclick')
$(this) onclick event: return confirm('Are you sure?'); On document ready, I put click bind code: $('a').bind('click', function (e) {
//If return value is true
if ( 1 == 1 ) {
//Show progress div
}
}
Looking for minimal examples/demos
I've been trying to get my mind around jquery and jquery-ui and so have been looking through examples and demos all over the place for the last few days. I'm finding it very difficult to identify which are the CSS elements which are actually making the widgets function in a certain way and which are the elements that are just to make things pretty. Are there any demos where the CSS is inline and limited to just what is necessary to show how to make something work? I appreciate that presentation
Slider and popup does not work together
Slider:- <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/easySlider1.5.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); </script> (jquery source-http://cssglobe.com/lab/easyslider1.7/03.html) Pop up:- <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> <script type="text/javascript" src="jquery.reveal.js"></script> (jquery
best way to refresh a web page
Hello - What's the best way to refresh a web page? I've seen window.location.reload() and window.location.reload(true/false). I think window.location.reload(true/false) indicates whether or not a server-side refresh should be performed. I'm guessing window.location.reload() always does a server-side refresh? Which technique do you tend to use to reload a web page?
Changing Orientation & Keeping Image Positions [SOLVED]
On my Android phone, as well as on the iPhone of the guy who owns the site, this page views OK in portrait mode. http://gmjones.org/tmp/index.html I don't think the device would ever need to be rotated to landscape but when it is rotated, there is an obvious change in the arrangement of the images. Are there any general rules for arranging images if the device is going to be rotated?
Question regarding Select element
I have a select button which will create multiple select elements. How do we know which select element is selected? Is there any index value which will give the selectedindex for the select item
Autocomplete, Google Chrome, and onBeforeUnload
I have several jquery ui autocompletes in a form that are being populated using ajax. When I load the page in Google Chrome, the onBeforeUnload event fires and cause the autocomplete attribute (which jquery ui sets to prevent the browser's autocomplete from interfering with the jquery ui autocomplete) to be removed (the fix for http://bugs.jqueryui.com/ticket/7790). The relevant line is 6053 in jquery-ui.js (v 1.10.1). This only happens in Chrome- FireFox and IE don't exhibit this behavior. I have
Want to show one section of Div when page is initially loaded
I'm new to Jquery and I need some help trying to get this page to load the "#page1" when the page initially loads. I've tried a couple things but am either getting nothing (from the display:none in CSS) or if I remove that, it displays all the "#page1-3" elements alltogether when the page initially loads. It works fine once I start clicking the menu, its just the initial loading. .page { position: relative; display: none; } </style> </head> <body > <script src="jquery.js"></script>
type=date
Hi; I have the next input control: <input name="fech" id="fech" type="date"> And when I initialize the form, I do for example: $('#fech').attr('value', '16/04/2013') Under I.E. 9, or Blackberry browser the controls shows up with that value and as a standard date input. But under Chrome, it shows me dd/mm/aaaa instead of 16/04/2013. How can I make it working in same way for all the browsers?. Best regards, Adriano
Recognizing coming from one page and animating.
So, I have a index page that moves like a slide show when you click a nav link, then sends you to the page. I am trying to figure out how to go from that pages nav links (when clicked), back to the index to automatically play a slide animation, then redirect to the original link intended. This is kind of funky for me because it is going from one page-to another-to another. SO IN REALITY, I need help trying to make this thought come to life in my jQuery. I already have the reDirect set up, so it's
jquery cycle - images disappear on mouse over in IE8
Just created a new slideshow based on the tutorial for this demo: http://line25.com/wp-content/uploads/2010/slideshow/demo/demo.html It resides at: http://www.hccmis.com It works fine every where except IE8. In IE8 the images disappear upon mouseover. I have tried about a half dozen potential solutions mentioned in this and other forums but no luck. Any suggestions?
Jquery Mobile Database connection, AJAX and data format (Table Cell formating)
Based on some wonderful tutorials, I have been able to set-up a database (Mysql), and use AJAX, PHP and html5, to pull data from my bus schedule in a database, I learned how to do an array, and this all works great..However, for some reason, using CSS and javascript I have NOT been able to format a cell a different coloe based on the value that is populated to the Table cell from the database. For example, I have an array that loops through a database table, and then populates my HTML table based
Download Builder not working for 1.3.1
Ive tried a few browsers, but i cant seem to use the download builder anymore: http://jquerymobile.com/download-builder/ Forever spins
Add Remove form HELP?
OK. I'll admit that I do not know what I am doing and am a NEWBIE. But I am stuck. I have a form that adds a product to a pricelist. The submit button on the form value is ADD. It adds it using AJAX. But I want it to change the ADD to REMOVE and be able to click remove and turn that back into add. The code I use for this looks like this: <script type=\"text/javascript\"> $(document).ready(function() { $('#form').submit(function() { // catch the form's submit event $.ajax({ // create an AJAX
I've run into a dead end - fadeToggle.
Hey Guys.. I'm new to jQuery, but very excited about it. go to the website to see my struggle! http://www.raschanga.dk/rasmus As you see i've put a background in the div, and several pics with letters on top of it.. with jQuery i did so the black letters fade away and the background shows instead. (don't mind that the background doesn't really fit, and you can see it allthough the letters aren't faded out, i'm on it!) BUT! When you hold the mouse on a letter for a while it actually disappears from
Mysql database with login and Category
Hi I have Mysql database and make Android app around it in basic4android I want to make it in Jquery mobile so I can use it on Iphone and Windows Mobile This is simple database with 1. Login 2. Category = company names When you select the company you get staff working in the company 3. When you select on of the staff you get form where you can select to call send SMS or send email Do anyone have sample what I can check out or help me with this Please Regards Sigster
link to a new page with a "#" that disturb it
Hello, Firstly, sorry for my bad english, but i am not very strong in language... I have my first page index.php. I create a link to another page fiche-prod.php with differents parameters. <?php $link=$ndd."/mobile/fiche-produit.php?id_gamme=".$gammeg["id"]."&id_ssgamme=".$ssgammeg["id"]."&id_ssgamme2=".$ssgamme2g["id"]."#descriptif"; ?> <li><a href="<?php echo $link;?>" data-transition="slide" class="titre" title="<? echo stripslashes($ssgamme2g["titre_fr"]);?>"><? echo
Duplicating a table containing objects but modifying its attributes
I am doing a project and it turns out I'm trying to cycle but I could not find the solution. I found out there. clone but this makes me a duplicate with all the attributes and complete, but by manipulating the images does not allow me that each has its own attributes, I advise? </style> <title></title> <script type="text/javascript"> $(document).ready(function () { $("dd").hide(); $("dt").click(function (event) { var desplegable = $(this).next();
Disabling listview filter
Hi, I have a number of listview text filters on a single page. <div> <ul disabled id="autocomplete2" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Any station" data-filter-theme="d"></ul></div> I can disable / enable all of them using: $('.ui-listview-filter input').textinput('disable'); However, so far I am failing to get a handle on a specific filter to successfullydisable/enable just one of them...
como duplicar una tabla que contiene objetos pero modificando sus atributos
estoy realizando un proyecto y resulta que estoy intentando hacer un ciclo pero he podido dar con la solución. por ahí me encontré con .clone pero este me hace un duplicado con los atributos y todo completo, pero al manipular las imágenes no me permite que cada una tenga sus propios atributos, que me aconsejan ?? </style> <title></title> <script type="text/javascript"> $(document).ready(function () { $("dd").hide(); $("dt").click(function (event) {
menu invoked by button
I am trying to code a menu invoked by a button with a gearbox and a triangle icon. Much like the gearbox/triangle button used in gmail to access settings except for a bit of text between. I can get the button nicely formatted using jquery-ui.button. I can get the menu working using jquery-ui.menu. But how do I make the menu start invisible and then appear when I press the button or hover (with the rest of the interaction with ESCAPE, move the mouse away from the hover, etc.)? It appears that a
Overriding CSS to Change Navbar. [SOLVED]
Working on this mobile site: http://gmjones.org/mobile_mockup/index.html Because the navbar is within the header, any changes like the color are applied to it. I want to change the background color of the navbar. Using Safari's 'Inspect Element' feature, I can't seem to see the refence to 'About' navbar item I originally right-clicked on. What's the correct way of using Web Inspector to find out the class/id of an element. **UPDATE** I've identified '.ui-btn-inner' as the element, but it changes
Next Page