How to increase the size of icon button
Hello there ! I'm on the last step to finish my mobile website and when i test my website on mobile i found that the button icon is too little and not very easy to use...I would like increase there's size. How it's possible ? Thanks
emergency: how to get the value ?
Hi, I am pretty new with jQuery and i am building a 3 reel slots machine. I have got the animation working but now i can't get the value of the reels to determine wheter or not the person has win i am trying to get the value off the div by the top offset var k = document.getElementById("slots1").offsetTop("200").value ; here is my js : // JavaScript Document //note parseInt //note stop //var opts = ['cherie', 'banana', 'star', 'seven,' 'bar', 'hclogo', 'cslogo']; var slot = ['cherie','banana','star','seven','bar','hclogo','cslogo','cerie','banana','star',
Having problem with positioning jQuery UI modal dialog
I am trying to make the modal dialog appear at top of the page. Previously it was easy with position but with the redesigned position api, I cant make it work. Leafing through the docs i am trying this one - position: {my: "top", at: "top", of: window}, in fact i tried every possible combination. What should I do?
Looping through nested form elements
Hello everyone, I've got a problem with my form and I didn't find any solution yet. The code above is supposed to loop through form elements (select, input, and textarea) that are located in <div id="step-1">. It is supposed to display "title" only, because it is inside <div id="step-1">, but it also loops through elements that are located inside <div id="step-2"> and <div id="step-3"> instead. I need your help. Here is the code: <form class="form-horizontal"> <fieldset> <!-- Step 1 -->
Strange hover behavior in Internet Explorer 10
I have a strange problem. The error occurs in IE10 and IE9. Here is the code responsible for the hover behavior: var postId = jQuery(elem).attr('id'); var articleId = '#'+postId; var article = jQuery(articleId); article.hover( function(event) { console.log('enter'); jQuery(me.elem).append(jQuery(this)); TweenMax.to(this, 0.3, {scaleX: 1.07, scaleY: 1.07, boxShadow: "5px 10px 10px "+color}); }, function(event){ console.log('leave');
Looping through Ajax JSON and only show entries where x=foo
Hi everyone, Usually I'm using jquery like this, please let's discuss if I could do something better: I'm loading the jsonfile as a global variable (called jsondata) and loop through it with $.each In this example I want to get all the Ages for the people with the first name Martin $.each(jsondata,function(index,value){ if(value["First Name"] == "Martin"){ console.log(value["Age"]); } }) Thank you so much in advance
jquery UI with jquerymobile
Hi All, I try to use autocomplete widget from jquery UI in jquerymobile page. but it shows an error Uncaught TypeError: Object [object Object] has no method 'autocomplete' I think it is caused by some clashes in my header.But, how to use jquery UI features with jquerymobile? the autocomplete feature is works fine when i remove the headers <link rel="stylesheet" href="css/jquery.mobile-1.3.0-rc.1.min.css" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.mobile-1.3.0-rc.1.min.js"></script>
using jQuery UI with jQuery 2.0
Does jQuery UI (in particular the current latest release 1.10.2) work with the recently released jQuery 2.0.0? I have tried to look for info about this on jquery.com and jqueryui.com and cannot find any. http://jqueryui.com states that jQuery UI 1.10.2 requires jQuery 1.6+ indicating that jQuery 2.0 qualifies. However, that page has existed since before the release of jQuery 2.0.
using jquery autocomplete widget with json
hi i am not able to understand how to get my json picked in autocomplete UI widget. for(var i=0, l = data.itemisedBill.length; i<l;i+=1){ var itemLength=data.itemisedBill[i].item; $(itemLength).autocomplete({ source: $[data.itemisedBill] }); } It is giving exception in the source part? how should i give my json here. I json file is separate. Thanks
Javascript / JQuery incompatibility issue
The issue is with an incompatibility between <script type="text/javascript" src="js/jquery-1.3.2.min.js"> and the Translation Tool <script type="text/javascript" src="http://free-website-translation.com/scripts/fwt.js"> Anyone got any experience with same/similar issue or have suggestions how to overcome. Complete javascript novice so I need a complete answer rather than theory.
Working on accordion: Why does this change break a unit test?
So I was fiddling with accordion (I'm getting ready to suggest a feature, but would like to try and make it myself so it's easier to see the suggestion) and I noticed that in the _eventHandler method and the eventData property has an unused value 'newHeader' that doesn't appear anywhere else in jquery.ui.accordion.js so I tried deleting that line and the accordion still appears to function all the same. I ran a unit test, however and it produces some errors. · accordion: events: beforeActivate (2,
[Tabs] Separate panels from tabs in markup
Due to my limitation to the current markup (unless I restructure the entire web app), I have separated the tabs from the panels: <div id="wrap-header"> <div id="tab-panel"> <ul> <li><a href="#Page-1">Page 1</a></li> <li><a href="#Page-2">Page 2</a></li> </ul> </div> </div> [...] <div id="canvas"> <div class="canvas-tabs" id="Page-1">Page 1 content</div> <div class="canvas-tabs" id="Page-2">Page 2 content</div> </div> Currently $.widget( "ui.tabs" ) is looking for the panel
parryThrust 1.0.0 - Transparent Image Clickthrough
Hi all, I've just finished my first jQuery plugin, and would love anyone and everyone to have a go. It's available here: https://github.com/adamscoble/parryThrust It allows you to stack images with transparent areas in them, or divs with background images that have transparent ares and be able to click through the transparency to the image/element behind. It uses canvas, so only works for IE9+. Any feedback is appreciated!
Style Issues with JQM 1.3.1
Styles are not working with JQM 1.3.1. -- Input Fields are displayed as labels -- Modal windows are not populated as expected <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> However these issue are not there with JQM 1.0.1 & 1.2.1 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"
Android Issue (focus is not working on select box)
Issue with Android (WebApp). I am using below jquery : jquery.mobile-1.0b2.css jquery-1.6.4.min.js jquery.mobile-1.0rc1.min.js Focus is not working on select box in Android WebApp: -- tried binding the events mouseenter and mouseout Is there any other way? <!-- below is the sample code --> $(document).ready(function () { $("select").each(function (event) { if (navigator.userAgent.toLowerCase().indexOf("android") != -1) { $(this).bind("mouseenter", function (event)
JellyBean Issue (select box not populated with first click)
Issue with Android Jelly Bean (WebApp). I am using below jquery : jquery.mobile-1.0b2.css jquery-1.6.4.min.js jquery.mobile-1.0rc1.min.js Unable to populate select box options with first click -- Whenever a selectbox is clicked it does not reveal the options unless it is clicked multiple times How do I display the options on the first selectbox click? Any help greatly appreciated. <!-- below is the sample code --> $(document).ready(function () { $("select").each(function (event) {
Strange behavior with deferred objects
Hi hi ! Someone can explain me this behavior ? http://jsfiddle.net/mWnDN/ If you click on button 2, It works has expected the correct callback is applied. If you click on button 1, both callbacks are launch (done and fail). I don't understand why. I think i missed something about callbacks behaviors but I don't know what. Can someone lead me to an explanation ? Thanks in advance and sorry for my english
Using Typeahead.js plugin on ASP MVC 3 page
I'm trying to use the typeahead plugin without any luck right now. I've tried a number of jQuery libraries and I get the same error message each time: Uncaught TypeError: Object [object Object] has no method 'typeahead' Here are the declarations I'm tried using and the typeahead code <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript">
The select column toggle button dont work when create the table dynamically (Table data-mode="columntoggle")
Hi, my name is Juan Pablo. First of all. Sorry for my poor english. My problem is that i append to my html table all the data dynamically (Columns and Rows). So, when the render finish i got my table complete but when i click the button "Column.." to select Columns to show or hide. this don't show me the popup windows I think is because I add the columns to my table dynamically I'm Using the released version 1.3.1 of jquery mobile With phonegap to develop a cross-platform app I copy here my html
Update from jQm 1.2.1 to 1.3.1 fails
Hi, i would like to update my webapp from jQm 1.2.1 to 1.3.1 but it seems that there is a problem with simply loading content from a txt-file with he load-command: this works with jQm 1.2.1: <!-- inhalt fuer server-meldungen nachladen --> <script>$('#server-meldungen').live('pageshow', function() { $("#server-meldungen-txt").load("server-meldungen.txt"); }); </script> <div data-role="page" id="server-meldungen" data-add-back-btn="true"> <div data-role="header"> <h1>Meldungsübersicht</h1>
Syntax Question(s)
I've done some developing with Jquery and so am not uncomfortable in using it. Unfortunately I'm not familiar with all of the syntax of javascript/jquery (especially more advanced features) and I want to figure out what some code is doing. Here's the code that I'm uncertain about: (function(window, $, PhotoSwipe) { $(document).ready(function() { var options = {}; $("#Gallery a").photoSwipe(options); } ); } (window, window.jQuery,
Why won't this var change value?
So I have this jquery code and it works except for one specific part. I am doing a quantity check for a shopping cart system and I need to prevent the default form submission of the submit button and check all the quantities with a $.post() and checking the database. I have confirmed that all aspects work for the checking and outputting to the screen when and where they need to. If I alert(bad) inside the else{} it shows me the value I expect but it does not seem to hold that value or something after
Dropdown option only setting selected after alert
$(document).ready(function() { $("#city").one("click", function() { var selectedCtgry=document.getElementById("state").value; var selectedCtgry1=document.getElementById("city").value; if(selectedCtgry!=null && selectedCtgry!='Select') { var d1 = null; // alert("in ready");
Please Help
Hello, I know nothing about Jquery but am going to take an online course. But right now I have an issue where 2 jquery scripts don't work together. I can change the 1st library to 1.9 and it works but not with the 2nd call for it and I don't know how to solve it. How can this section of code be written so both call for 1.9 and work together? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.3.0.min.js">\x3C/script>')</script>
page refresh not working with ajax navigation?
I have an index page successfully loading another page called information.php using ajax-navigation. However, when i am looking at information.php and i press the refresh button on the web browser, it displays information.php but i lose the head. does anyone know how to make the page reload with the missing head (from index.php)? here is my model: index: <!DOCTYPE HTML> <html> <head> <title>index</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.10.2.custom.min.css"
Accordion on Jquery Mobile
Using Jquery UI Accordion. Is there any way to put a background color to the heading when is open and leave the rest on the same color they have and when close it recover its previous color?
How do I move a tr to the visible part of the table
I have many tr in the visible area where it generates a scrollbar, tr each has its own id, how do I know if it is in the visible area of the scrollbar, and if not how do I place it in the visible area using Jquery ? <tr align="center" id="100"><td><a> info </a></td></tr> <tr align="center" id="101"><td><a> info </a></td></tr> <tr align="center" id="102"><td><a> info </a></td></tr> <tr align="center" id="103"><td><a> info </a></td></tr> <tr align="center" id="104"><td><a> info </a></td></tr> <tr align="center"
cordova 2.6 open url in safari using html tag on my iphone
I know this questions has been asked, but i tried a lot of solutions and it doesn't work. i'm using cordova 2.6 on ios. Here is my code: <a target="_Blank" href="https://maps.google.com> my issue is in on my iPhone google map open inside the App and not seperately in safari. How can i do to open in seperate browser? not that i don't want to use javascript, i'm seeking a solution within HTML
The input stream contains too many delimiter characters which may be a sign that the incoming data may be malicious
We automatically generate a JSON object from jQuery, and this JSON object can become pretty big. Now we get the following error on the Web API back: {"ExceptionType":"System.InvalidOperationException","Message":"The input stream contains too many delimiter characters which may be a sign that the incoming data may be malicious.","StackTrace":" at System.Net.Http.Internal.ThresholdStream.CheckByte(Byte b) at System.Net.Http.Internal.ThresholdStream.CheckBytes(Byte[] buffer, Int32 offset, Int32
Dialog data different depending on jQuery version
Using various versions of jQuery UI (1.9.2 - 1.10.2) and various versions of jQuery (1.8.2 - 2.0.0), I am attempting to resize any open dialogs if user resizes iframe. (based on code found here: http://stackoverflow.com/questions/3060146/how-to-auto-center-jquery-ui-dialog-when-resizing-browser) My code looks like this: $(".ui-dialog-content:visible").each(function () { var dialog = $(this).data('xxxx'), I am finding that sometimes (jQuery UI 1.9.2 - jQuery 1.8.2) I need to use the following
Edit text and addClass at Dialog Button
Hi guys, I've another question for you ... I've create a function for open a dialog like this function dialogOpen(div, width, height, text){ $(div).dialog({ autoOpen: false, width: width, height: height, modal: false, buttons: {text:function(){ }}, close: function() {$(div).remove();} }); $(div).dialog( "open" ); } $(document).on('click', '.openDialog', function()dialogOpen('divClient', 'auto', 'auto', 'New');}); I would like to Know : Why the text
pulling data using ajax
i want to pull some contents from a website .... how can i do that?
autocomplete listview in IE7...?
Hi, I use remote autocomplete on my site: http://liveTrains.co.uk/ As demonstrated in the docs here: http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/listviews/listview-filter-autocomplete.html# This works for me as in the demo in almost all browsers. However, while the demo works in IE7, my site does not produce the dropdown filter list when using that browser. I'm running out of ideas as to why... Any suggestions?
How to identify device with hardware version using JQuery
How to identify the device with hardware version( eg: iPad, iPad 2 WiFi , iPad 2 GSM,iPad 2 CDMA) in JQuery. I already have solution for identifying device(eg: iPad, Iphone, etc). from UserAgent string.But I need both device name and hardware version. Do you hav any ideaaa!!!, please help meeee.....
Confusing issue with element identifications
I've been using jQuery in a number of different settings for just a short while in relative terms. Recently I encountered some confusing aspects I'm hoping to have clarified. I've done a great deal of research and trials, but haven't gotten a definitive explanation yet, so I figured I'd come to the de facto place to ask...here. I have a plain vanilla webform.aspx and index.html page with just one <div> it's id attribute set to "mytestdiv" and that <div> has a image within its tags. Using jQuery
Block body scroll over iframe
Hi. I've placed iframe on my site. Iframy includes swf object which interact with mousewheel (zoom in / zoom out). I would like to block page scrolling when mouse is over iframe. code $j('#myiframe').load(function() { $j(this).contents().bind('mousewheel DOMMouseScroll', function(e) { var delta = e.wheelDelta || -e.detail; this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30; e.preventDefault(); }); } ) ; It works ok in firefox. In rest of browsers it block also swf events (zoom in / zoom
Help doing ajax requests in a loop
Hi, I am attempting to chain $.post ajax calls pulling the call from an array each time. <script> var reports = new Array(); var parts = <?=$n?>; var rowsPerPart = <?=$items_per_call?>; var url = "/ajax/report_show.php"; var data = <?=json_encode($report);?>; var html = ""; for(i=0;i<parts;i++){ reports[i] = { part : i, end : i*rowsPerPart, start : (this.end-rowsPerPart)+1,
i have this but external links only in dreamweaver work not in chrome
<div data-role="footer" data-position="fixed" data-id="vs_footer"> <div data-role="navbar"> <ul> <li><a href="#" data-role="button" data-icon="home" >Home</a></li> <li><a href="/map.html" data-role="button" data-icon="info" >Map</a></li> <li><a href="#page4" data-role="button" data-icon="search" >Search</a></li> <li><a href="/index2.html" data-role="button" data-icon="star" >MyTravels</a></li> <li><a href="/index3.html" data-role="button" data-icon="plus" >MyNotes</a></li> </ul> </div><!-- navbar
the image does not extend from one edge of phone to another but has space 20px between edge-image side
considering having css the image does not extend from one edge of phone to another but has space 20px between edge-image side, how avoid this space? #wrapper { background-image: url(../images/Polis/D1000134_beach.jpg); background-size: contain; width: 100%; background-repeat:no-repeat; } <div data-role="content"><div id="wrapper" style="width:100%; height:207px; margin-bottom:10px"></div> <ul data-role="listview"> <li><a href="#page2">Shops&Services</a></li> <li><a href="#page3">Attractions</a></li>
Edit text and addClass at Dialog Button
Hi guys, I've another question for you ... I've create a function for open a dialog like this function dialogOpen(div, width, height, text){ $(div).dialog({ autoOpen: false, width: width, height: height, modal: false, buttons: {text:function(){ }}, close: function() {$(div).remove();} }); $(div).dialog( "open" ); } $(document).on('click', '.openDialog', function()dialogOpen('divClient', 'auto', 'auto', 'New');}); I would like to Know : Why the text
Next Page