What are the Tech Resolutions in 2013?
Can you Suggest me about What are the Tech resolutions in 2013?
Unable to display jQuery scrollbar in html
Hi I am new to this forum, and new to jQuery, I am trying to implement jQuery custom scrollbar using jquery scrollbar malihu plugin, wondering what's wrong with my html page jquery-scrollbar.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0"> <title>jQuery
animate scrollTop to hidden div and back
hello there, I have a quite annoying issue with the animation of a scrollTop. This is what I want: I have a div #container { height: 100%; } which is always supposed to be 100% height, except the content is longer than $(window).height(). Then there is a second hidden div, which should work like a second content-page underneath the container div. When i click a button or link, the second page is set to "display: block" and I animate the scrolling: var offset = $('#hiddenDiv').position().top;
[jquery.mobile-1.3.0 beta] Table: Column Toggle with gridview asp.net
Hi, I try to adapt this plugin with my gridview in asp.net. But I've got a problem on the columns.. button. I never see the popup appear. Then, I look into firebug and the popup changed class to "...hidden" to "...active". All the properties seems to be correct but I d'ont see the popup. I add in the document.ready the "data-priority" on my header". Anything else, when I take the html source code of my table generated by my gridview, I put it in another page and it works well..I don't understand.
google map ajax load
help is required. I am trying to load a page inside div. my second page contain google map. result only show the div but map is not visible. following is the code of page 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> <script> $(document).ready(function(){
show hide content
hi i want to show hide the contents on button click pls guide me i am new to jquery mobile <!DOCTYPE html > <html> <head> <title></title> <script src="cordova.js"></script> <script src="cordova.js"></script> <script src="jquery.min.js"></script> <script src="jquery/jquery.mobile.js"></script> <link href="jquery/jquery.mobile.css" rel="stylesheet" /> </head> <body> <div data-role="page" >
How to use $.ajax to load a local file?
e.g. $.ajax({ url: "../config.json", dataType: "json", success: function(data) { setting(data); } }); function setting(data) { // some codes that must use "data" to create a page } when I put the html and js on service, it will run rightly, but if I run the html file simply, without any service, it's invalid in Firefox and chrome but only valid in IE I've saw the API about jquery.ajax, and there is a param "isLocal", I don't know why it needs a MAP ! how?
Jquery Drag and Drop Card Sort App
Hi, I am building an app in jquery as in LinkedIn KornFerry.com - CardSort App. here is the link. https://linkedin.kornferry.com/InSight/CardSort Jst login with your linkedIn Credentials and click on "Get Started Now". You will see the app which we can rotate the images and drag and drop in a particular box. I am done with rotating the images and drag and drop in a box. But I not able to arrange those images in a box properly, and I want to know which image is dropped in which box. ? I am new to
JQuery Mobile Datepicker
Hi, I'm trying to build a phonegap/JQM app where I need the user to input a date. On the JQM form's demo there are no references to date picker. On the web I've found some info about a datepicker for JQM (here: http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/) but it seems that it is not available on the latest version which I'm using. Is there a datepicker for the latest version ? Where can I find it ? Thank you! Luis
Navigation Pannel
I have defined a Menu like the following that works for HTML code. This is the definitions of the Stlyle: <style> #nav ul {padding: 0; margin:;0; list-style-type:none;} #nav li {display: inline;} #nav li a {font-family: Arial;font-size:15px;text-decoration: none;float:left;padding: 12px;background-color: #fff;color: #3EA99F; border-bottom:0px solid #000;} #nav li a:hover {background-color: #3EA99F; color: #fff; padding-bottom:12px; border-bottom:0px solid #000; margin:-1px;} </style> This is the
showing one modal at a time
Hello, I have a list of cd track. I want to use a modal for showing the songtext of every track. I used the following code based on the jquery dialog example. <script> $(function() { $( "#dialog0101" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( "#dialog0102" ).dialog({ autoOpen: false, show: { effect: "blind", duration:
upgrading code & support for iOS 6.1
Hi there I developed a mobile site using the following libraries: http://code.jquery.com/jquery-1.6.2.min.js http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js I note that more recent versions of these libraries are now available http://code.jquery.com/jquery-1.9.0.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js but when I update my references to use the newer libraries my code is broken. Is there a migration guide to assist with upgrades? And on a related topic,
.animation is not a function
Why i received error ".animation is not a function" i noticed with many functions but all fixed and this is still giving me same error. $("#cg_display").animation({'left':cg_display_newPos+'px'}, 'slow', function(){});
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
Dynamically change the properties of a button in the header?
Hi, Im relatively new to JQM so please forgive any stupid questions I might ask! This is a page from my site. I want to programatically change the right button to pass an argument to the javascript function editCustomer(). how could I do this? thanks <div data-role="page" id="page-customerDetails"> <div data-role="header" data-position="fixed"> <h1>Customer Details</h1> <a href="#" onclick="history.go(-1);" data-transition="slidedown" data-icon="arrow-l">Back</a>
infinite scrool does not work with jquerymobile.js file
I need infinitive scrool with my jquery mobile project my infinitive scrool codes work well but when i added jquery.mobile-1.2.0.min.js to my page the infinitive code does not works. this is my code.This code does not work but When i remove jquery.mobile-1.2.0.min.js it works <script src="https://ajax.googleapis.com/ajax /libs/jquery/1.7.2/jquery.min.js"> </script> <script src="https://ajax.aspnetcdn.com/ajax/ jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> <script type="text/javascript">
Combine Two Accordion Functions
I'm setting up the Sortable Accordion widget but would like it to have the Collapsible function as well. When I drop the Collapsible script into the header with the Sortable script, the whole setup breaks. How would I combine those two? Thanks. Great site, great stuff goin' on! Cayce
JQM 1.3rc1 - Open method for panel not run after using the browser's back button
Hi, While testing the new panels in JQM 1.3rc1 I ran into this problem. I use the following code to open a panel and that works just fine: $( document ).delegate("#panels", "pageinit", function() { $( "#leftpanel2" ).panel( "open"); }); However, after that I follow a link in my site to another site (in another domain) and then use the browser's back button to return to my siteAfter returning, the panel init script is not run again, which causes the panel not to open again
Triggering an event with 'click'
Hi, Im trying to get a function to fire after a button click in the header but it doesnt seem to be working. any ideas what im doing wrong? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>INSITE touch</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css"
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
FF Bug with Dialog and Datepicker - jquery-ui-1.10.0
Hi all, I have seen other issues with the month and year datepicker dropdowns in a Dialog in Safari, but not in FF so I think this is a new bug but I'm not 100% sure. Has anyone else experienced the following? I open a Modal dialog in FF 18.0.1 which contains a form with a date picker with the change month and year dropdowns enabled. When I click the input field to open the datepicker and then try to use the month and year dropdowns, they are not clickable, focus remains on the first field in the
indexOf is null error.
Hello, I am new to jquery. I am getting error in jquery.min.js file Some line is showing error saying indexOf is null. I have not referenced this file anywhere in my code. What I am actually doing is this. var filteredRows = jQuery.grep(eval(records).rows, function (elem, index) { var IDValue = elem.toString().split(","); if (IDValue != null) { return jQuery.inArray(parseInt(IDValue[0]), args) > -1; }
Can .ajax method be used to get an image?
I need to have the ability to cancel an image get request. The load method has no cancel or abort method. unbind('load') does not seem to actually cancel the process. In order to have the xhr so that I can call an abort method I was told .ajax would be necessary. But, I have not found a sample of how to use .ajax with datatype = image. Can I just ignore the datatype? Or, is there a different method for handling type type of problem. Using the attr('src') type approach is not appropriate in my situation.
problem with Image src loading
I have script: var nick = chat_jmeno + '.gif'; img = new Image(); img.src = nick; if (img.height != 0) { $('#avatar').attr ('src', nick); } which changes source of image in <img id="avatar src="picture.gif">, but it works in every browser only sometimes. For example in first load of page not, but sometimes after refreshing page, sometimes not. I have feeling, that problem is with speed of loading image to the object or something with cache, but don't know. Firebug console
Jquery addClass to containing li based on a href contents
Hi, I've tried various snippets of code to try to get this working on my Wordpress site but without success. I have a structure: <div class...> <ul> <li class...><a href... </li> <li class...><a href... </li> <li class...><a href... </li> </ul> </div> I am trying to add an additional class to the containing li if the a href contain '/project/' somewhere within it. This is the code I have tried + various other permutations without success. The JQuery is in a linked js file which I know is linked correctly
TimePickers should conform to ISO8601 5.3.2 on midnight representations, accepting 24:00 as a valid value
ISO 8601 5.3.2 distinguishes between combined date-time representations and time-only (aka time-of-day) representations. The uncombined Time-only type is mapped to the 24-hours of an indeterminate day not on the calendar, which runs from 00:00 to 24:00. With time-only values, 24:00 is an accepted value in order to distinguish the start of the day from the end of the day. [A number of databases are IS08601 5.3.2 compliant in regard to time-only types, with separate datatypes for date-time, time,
ScrollTop/ScrollLeft
For some reason I'm having a difficult time getting scrollTop and scrollLeft to work properly. My HTML code is this: <div id="map_container" style="overflow: auto-scroll"> <canvas id="map_data" ></canvas> </div>My Javascript code resizes map_container to fill up a portion of the browser window. When my map is drawn into map_data I want to scroll to a particular spot in it and that is where the problem occurs. The following is a static example that doesn't work: $("#map_container").scrollTop(200);map_container
$.inArray giving error.
Hello, I am new to jquery. I have created an javascript file and in that I am referecing jquery methods. I have referenced below files for using jquery methods. jquery-1.3.2.min.js and jquery-1.8.3.js files in my application In my javascript file what I am doing is I am using this code var filteredRows = jQuery.grep(eval(records).rows, function (elem, index) { var IDValue = elem.toString().split(","); return jQuery.inArray(IDValue[0], args) > -1;
Speed question - XmlHttpObject
Hi all I am not sure if this is the corrcet place to ask but I always get helpful responses so i thought its worth a try! I have a panel within my website which pulls out and displays customer records. The customer table contains over 10,000 records. I trigger the panel via a button, however the displaying of the panel and the customer records can sometimes take up to 15 seconds via a browser. When I run the query direct on the database I get the results back within 2-3 seconds. I am using the following
Problem using Jquery in navigation menu
Hi, I'm trying to use a Jquery horizontal menu (by modifying navigation.vm menu). I tried different menu (with different jquery version). I have added two <script> tag in the portal_normal.vm. One for jquery.js and one for the menu himself. It works. My menu works well, but, the Liferay dock menu doesn't work any more. If i remove the <script> tag with jquery.sj, the dock works but not my menu. Anyone solve this clue ? Must i upgrade the jquery.js in liferay ? how do i do that ? I'm using liferay
Calling Click In Each To Open All Dts
Hello everyone. I am pretty new to jQuery and i encountered a problem i could not find in other forums, maybe you guys can help me. I have dts in html and i want to open them all. I have a function called openDt that is pretty simple like this: function OpenDt(){ jQuery(this).next().slideToggle('normal'); And so on.. the use of jQuery(this) is because this is developed for Joomla!. And i got in the document ready a line like this: jQuery('dt').bind("click", OpenDt); And this part is working fine,
Page Displacement on Swipe
I thought that jQuery Mobile included the page displacement on swipe by Default, but i'm working on a new site and I'm unable to get it to work. I'm using the jQm multipage template as a model (see here:http://jquerymobile.com/demos/1.2.0/docs/pages/multipage-template.html) for this site and the only thing that differs is the swipe events defaults have been modified. The new settings can be seen below: $.mobile.defaultPageTransition = 'slide'; $.event.special.swipe.horizontalDistanceThreshold = 150;
getJSON List Daynamic issues
Dear, This is the first time to post here i hope it will help me, my project to create list from database as dynamic and after that i can press on this list and whowing another list and again press and whoing another list so on ...etc , but i have problem in my code i can't see the second list after i click on first list , please see below my codae and let me know what problem here: i think the problrm here "$("#ColList li").click( _updateList);" inthe first time when click not able to go inside
Toggle open on page load
I currently have a toggle on a website, however I want the top section to be open when the page is loaded (at present all sections are closed and open upon user click). What code do I need to make this happen, this is the jquery code I have: // TOGGLES $('.toggle-view li').click(function () { var text = $(this).children('.toggle'); if (text.is(':hidden')) { text.slideDown('fast'); $(this).children('.toggle-title').addClass('tactive'); } else { text.slideUp('fast');
Panel box shadow
I have a listview element in a panel and noticed that the box shadow does not go over the listview. It starts where the listview ends about a third the way down the panel. This makes the effect look broken.I have tried to play with z-index but got no results. .ui-panel-display-reveal { box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) inset; }
zIndex for dialog not working
Hello, I am opening a jquery dialog on click of button. There are many controls on the page. I have specified and tried many values for zIndex, but then also the dialog gets behind the other divs. This is what I tried to set in the values for the div. var description = 'some value'; $("#divDrawableRegion").html(description).dialog({ height: 390, width: 380, title: title, "buttons": [ { text: "Close",
Jquery explode animation
Hi all,On my website I am using hide() and show() animation for a list wich appears when the listmenu is changed and it's writen like this in Js file $('#find').show(1000); $('#find').hide(1000); recently I saw something in Jquery UI website and tried to use it but it didn't work $('#find').show( "explode", {}, 1000 ); my table just become visible and invisible without any animation and sometme it doesn't work either this is the website if you need to look to give me advice http://delimes.ru/
checked and unchecked other checkbox of unorder list
I have list item like this <ul class="location> <li> <a href="#"> "<input type="checkbox" id="1" /></a> </li> <li> <a href="#"> "<input type="checkbox" id="2" /></a> <li> <li> <a href="#"> "<input type="checkbox" id="3" /></a> </li> </ul> how can checked only one checkbox when user click on li item and other checkbox will be unchecked if have checked before. Pls help me, thank you for reading my topic.
Shopping Cart with Dreamweaver
Hi all, I've almost finished one of my first websites ever. I would just like a little bit of advice about making a more dynamic shopping cart. My site is simple. There is only one product and there are 6 different sizes. We are going to charge tax to Canadians, but not internationally. Then we need to find a good way of incorporating shipping methods. I can handle all of this simply with the free PayPal html codes, but I was wondering if someone had any advice to steer me in a direction so I can
I am having an issue with $.ajax while trying to post a form
Hi so i have a forum within forum something like this <form id="parent" method="post" action="sucess.php> <form id="additionDriverForm"> <input type="submit" value="add sub" /> </form> <input type="submit" value="add main" /> </form> this is my jquery code <script type="text/javascript"> /* attach a submit handler to the form */ $("#additionDriverForm").submit(function(event) { /* stop form from submitting normally */
Next Page