data role="page" div height
Hello, i have application done with jquery mobile and i want to change page height from default. So far i have tried this (page divs id is mobilepage): <script type=\"text/javascript\"> $(document).ready(function(){ $('#mobilepage').height(100); //or this $('#mobilepage').css('height','350'); alert($('#mobilepage').height());//displays 728 })</script>";
Jquery Letter spacing
i want to animate text with scroll down. i apply this code.this is working. if scrolled = -16 my text color id Red , but again scroll top -5 , still color is red, Please help me. Thank you. $(function(){ $(window).scroll(function() { var scrolled=-($(window).scrollTop())/50; $('#scrolled').text('scrolled: '+scrolled+'px'); if(scrolled>-10){ $('#cName').css({'letter-spacing':12+scrolled+'px'}); } else{$('#cName').css({'color':'red'});} }); });
.submit(), some problem with safari, others works very well.
the requirement like this, "download one file without refresh the page" so, I dynamic created an iframe object contains a form with ’get' method and appended to 'body' through jQuery, after that, I test ie, firefox, chrome etc, all works very well, but for Safari, only the first time it takes effect, the second time when you click trigger button, nothing happened, even an error message. attached is the testing code. anyone can help me figure it out? thanks in advance. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
button icons for jquery mobile would not be showing
Hei Does anyone know why the button icons for jquery mobile would not be showing in swatches panel? Any help much appreciated. dw cs6 v12 b5842 osx 10.8.2
Help - Creating a image configuration plugin?
Hi There, I'm wanting to create a fairly simple Configurator script that will make use of a static image, with lots of PNG's that overlap the image. When certain options are checked, the image needs to update with the relevant image. For example, there will be a base image, lets call that base-image.jpg. On base-image.jpg, I will overlay a couple of different options. As an example: Circles: - Red Circle - Blue Circle - Green Circle Squares: - Black Square - Blue Square
Long list presentation
I did read all the posts titled long-list... and my question remains open: I have about 700 items in a list (displayed as checkboxes) from which the user can select multiple items. These selected check-boxes are automatically serialized in an ajax call to the server from a JQM single page. Instead of showing this long list, what are my other options from a design perspective or from a tactical angle? This is important for the mobile and of course the desktop version too.
Google Map not showing marker
does anybody have an idea why my marker won't appear on the map??? The json file is a valid one...the information are stored correctly on every variable but it simply won't appear on map //var map; var latRO = 46; var lngRO = 25; var markerArray=[]; //var info_window = new google.maps.InfoWindow({ content: '' }); var RomaniaCoord = new google.maps.LatLng(latRO, lngRO); var mapOpts = { zoom: 6, center: RomaniaCoord, mapTypeId: google.maps.MapTypeId.HYBRID } var map = new google.maps.Map(document.getElementById('map'),
Jquery Not Working when debugger is disabled
Hi There, i am using vs2010,jquery1.8.2 Version, i tried to pull the contents from the iframe by forcing the button click using jquery , in button click event handler ,iam assigning the hidden field some value, When eanble a debugger in script, value is fetched properly{alert gives value} , but when debugger is disabled hidden field is empty . can any provide a soln/reason why script is not working when debugger is disabled. here is My Parent aspx page . having the frame , <div> <iframe id="framePatInfo"
Jump to anchor
How could I jump to an anchor???
Out event in droppable is not firing..................
hi all................ i have a problem the out event is not firing properly any help would be appriciated.thanks $(function () { $("#draggable").draggable({revert:"invalid"}); $("#droppable").droppable({ tolerance: 'touch', hoverClass: "ui-state-active", drop: function (event, ui) { alert("Dropped!"); $(ui.draggable).draggable( 'option', 'disabled', false ); $(this).droppable("disable"); $(this).addClass("ui-state-highlight")
credit card input
Hello, I am trying to implement the credit card input type ..when I am start typing the digits I need to include dash every after 4 digits like this XXXX-XXXX-XXXX-XXXX and if it is amex card it should be like this XXXX-XXXXXX-XXXXX... can anyone help me with this? Thanks
append method only inserted the element once
Hello everyone: I am doing an exercise to insert an html element after the selected elements. 1. I noticed that using append() method will let me insert the html element right after the matching elements 2. using insertAfter method will insert the html element directly below the mathching elements However when I used the id element in the append method, it only insert the html element once, instead of inserting it for all the matching elements. Please review my code and advise me why it happened
Drag and drop in tablets
Hi! I am working on an existing drag and drop animation which uses the mouse to move. The animation is being done in Adobe Edge. The animation works fine in the browser (using the mouse for the drag and drop). I want to make the animation to work on tablets, therefore, I will need to use the events: touchstart, touchmove and touchend. I managed to make to symbols drag around on the stage. However, all the symbols gets dragged together as a bunch. Also, the reset button does not seem to work in
Drag and Drop in tablets
Hi! I am working on an existing drag and drop animation which uses the mouse to move. The animation is being done in Adobe Edge. The animation works fine in the browser (using the mouse for the drag and drop). I want to make the animation to work on tablets, therefore, I will need to use the events: touchstart, touchmove and touchend. I managed to make to symbols drag around on the stage. However, all the symbols gets dragged together as a bunch. Also, the reset button does not seem to work in
scroll up/down will fire swipeleft/right event?
Hi every, I met a problem, in my app I bind swipe event on my page and the page is a scrollable one, when I swipeleft/right it works find, but sometimes when I try to scrollup/down my page the swipe events fired as well(I'm sure I just scroll down/top and I only tested it in iPhone iOS5), I don't know why, any ideas?
Audio player that supports song descriptions
Does anyone know of an audio player that supports song descriptions, and possibly multiple playlists for multiple instances of it? I've searched all over the web, from jplayer, jwplayer, to sound manager and audio.js, none of them supports the basic feature song descriptions. All I need is when I click a song in a playlist, some information about the song shows up, either fades in directly on the player itself or on an adjacent div or anything. I've tried adding this feature to a couple of the audio
Search Bar for separate UL
Hello, So let me explain the setup i'm shooting for, that way you understand the method to my madness. I have a page that allows the user to select different list items (options for Recent stores, Local stores, and All stores). When the user clicks on one of those list items, the page dynamically adds content to a different ul that is revealed on the page. And in that dynamically added ul, via the data-filter="true" the user can search that particular ul (whatever the user clicked, either recent,
JQM 1.2 Popup Positioning Problem on iPad in Home Screen ShortCut Mode
Popups introduced in jqm1.2 have positioning problems on iPad in Home Screen mode. Opening the same page in normal Safari has popups working fine. Looks like positioning calculations need to take into account for a different environment in this mode. Any ideas for workarounds? Note: You have to add the page concerned to your Home Screen and launch from the shortcut to see the issue
jquery autocomplete-next and previous page record
hello guys, I already success in using jquery autocomplete and its search based from what I entered, but the search only work in one page only For example I search only PASS but I have 12345 record, when I click next or previous to see another PASS record only, the data changed / listed all data include FAIL and NA.....
Theme roller code
This question comes up from time to time and the response is always "please wait". It would be nice if the theme roller was open. Many want to replace a lot of the work that theme roller does with SASS and compass but theme roller itself is very opaque. It would be nice if the source code could be released so it could be understood directly rather than reverse engineered. I don't understand the response of "it is changing so we don't want to release it". So? Everything is always changing. jQuery
What is wrong this jquey plugin?
I have a young jquery developer working on my wordpress sim only deals comparison plugin. The plugin is that is powered by jquery. I am unhappy about the fact that the plugin takes about a whole minute to load my sim only deals in IE8 while it loads all my deals in about 6 seconds in FF and chrome. In fact I would ideally like to make the whole thing much faster across all browsers but probably not possible. I suspect that this IE8 issue is to do with how IE8 deals with my developers JS code. My
toolbar with share buttons: facebook, twitter and others
Hello - I seem to remember seeing a toolbar on some websites with "share" buttons for Facebook, Twitter and a couple of other sites. I think there may be other similar ones but this one is the most common and professional looking. Does anyone know what this toolbar is called so I can find it on the web and implement it in my websites?
jquery validate don't allow sub domains
I'm using the jquery validation plugin from here: bassistance.de/jquery-plugins/jquery-plugin-validation/ It can validate a URL. But is there any way I can tell it to throw an error when it detects a sub domain. I don't want to allow sub domains. Thanks, Norman
Help need in dynamic table row creation
Hi All, I am using JQuery to create dynamic rows to my table in JSP file. I can able to create and assign value to it. But I need a help at the time of deleting the rows. When I delete the last row, it is not a problem . But if I delete an intermediate row, and try to add new row, the value is not getting. Please help me to find a solution for it. Regards, Joby Joseph
remove class help.
Hi, I am new to jquery and am using a function to add an item when validating input I have not been able to remove the item! Can somone put me right on both the method and the removal. Please Function: if (userVal == '' ) { $("#txtName").after('<br/><span class="error" style="background-color: darkred" >Name Req!</span>'); hasError = true; }
Home Page Size shrinks to sub-page size in a Single page app
I have a single page jqm app that uses Knockout to show one of 7 or so different pages within it. I wrap each data-role="page" with a knockout if: <!-- ko if: showEditPage() === true --> <!-- /ko --> Each page shows correctly until I switch to one that is shorter than the screen size. i.e. I navigate from Home Page to Short Page and back to Home. Then the Home page size matches the Short Page so the bottom of the page is cut off. I tried removing the ko commenting and just use jquery Hide/Show,
wrong object at event
In my script jQuery creates 15 fields in a loop resulting in: ... <div id="field_3" ...></div> <div id="field_4" ...></div> ... This all works fine. Then I try to bind events to them. When done manualy like this: var index = 3 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); index = 4 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); the Click alerts the right value (3 or 4). All is fine. But as soon as I put this inside a For-loop: for( var index
jQuery Cycle - double contense
I get double contense dunno why actualy. www.bznreview.com/beta/ it just the first slide thats bugged. <!-- slider initialization goes here --> <script type="text/javascript"> $slider = { context: false, tabs: false, timeout: 4500, // time before next slide appears (in ms) slideSpeed: 1000, // time it takes to slide in each slide (in ms) tabSpeed: 300, // time it takes to slide in each slide (in ms) when rotating through tabs fx: 'scrollLeft', // slide
using gallaria
hi, i'm very new to using jQuery and am trying to use the 'gallaria' plug-in for a photo gallery in dreamweaver, it worked when i edited the demo but not when i tried to copy it into my fluid grid layout, here's my code: <!doctype html> <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]--> <!--[if IE 7]> <html class="ie7 oldie"> <![endif]--> <!--[if IE 8]> <html class="ie8 oldie"> <![endif]--> <!--[if gt IE 8]><!--> <html class=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport"
ReSort Appended html-items
Hi, I like to resort appended items via Arrays. If I append only two items it works fine. I have Problems to swap two items, if append 3 or more. Any ideas how I can solve this problem? Maybe there is a much easier way. Here is the code: var rownumber = 0; var fieldorder = []; var neworders = []; var key = 0; $("button").click(function() { rownumber++; ButtonId = this.id; fieldorder[key] = rownumber; key++;
how to place isotope items in a scrollable div and retain jquery hover state effect?
i am trying to implement three features: 1. a scrollable div containing image thumbnails 2. that can be sorted by jquery isotope 3. that when hovered over display a div on top of other elements and beyond immediate containers. at the moment i can get either one or the other happening ie either the scrollbars show but then the hover state div is behind other elements, or i can get the hover state div in front of other elements but then the scrollbar does not display. jsfiddle http://jsfiddle.net/rwone/PUKjy/
Unable to get data from php on an html page div
Check out this jsfiddle link- http://jsfiddle.net/BZY5y/1/ my php code-http://pastebin.com/JK1R9R8c php page url, it just says 'hell' and i just want to print it on my html page div I believe my this line is not working- $('div#name-data').text(data); Please have a look on my jsfiddle code and guide me where am i wrong ??
Popup-Close button not round
I have a popup-closebutton which is called with the class ui-btn-left but it hasn't got the stylish round form. What is wrong? Any idea? The html-code: <div data-role="popup" id="popupaktuell" data-transition="pop" data-overlay-theme="a" data-theme="d" data-corners="true"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left"></a> Any help apreciated!
$.fn.extend or $.fn.myPlugin
Hi, I'm reading several Plugins and found following Syntaxes: $.fn.extend({ nt_modalbox: function (opts) { $.fn.nt_modalbox = function (opts) {In my testings both did the same. Are they both just different ways to write the same thing?
delegates - why not work working
Hello. I'm trying to understand delegates - and specifically why this doesn't work? $(document).ready(function () { $("#loginForm").validate(); bindVirtualKeyboards(); }); function bindVirtualKeyboards() { $("#loginUserPassword").delegate("virtualKeyboardField", "click", function () { alert("xis"); }); } and here is the textbox: <input class="virtualKeyboardField" data-val="true" data-val-required="The User name field is required." id="loginUserName" name="UserName"
Possibilty to stop animation
Is there a possibility to stop a animation? Like .fadeIn().
pass value across jquery
Dear All I am displaying list of records <?php $i=0; do { $i++; if ($i==2) { $i=0; $bgclr="#c2c2c"; } else {$bgclr="#ffffff";} ?> <tr bgcolor="<?php echo $bgclr;?>"> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr class="textselected" id=<?php echo $rows['id'];?>> <td width="75%"><?php echo $rows['name'];?><span class="whitelabel"> <input type="text" class="entryid" value="<?php echo $rows['id'];?>" /> </span></td> <td class="close" style="cursor:pointer">Del<?php
The jQuery ajax can't work.
Here is my $.ajax() code, but it can't work. After I change the form from contentType: "text/xml ; ", to contentType: "text/xml ; charset=UTF-8", The request is broken. However, according to the official document: api/$.ajax, I have to do so,or the charset will be same with the server. var soapRequest_add_a_new_story_to_db= '<?xml version="1.0" encoding="utf-8"?>'+ '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" '+ 'xmlns:xsd="http://www.w3.org/2001/XMLSchema" '+ 'xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'+
Tree Grid Problem
I am at a loss. After 2 days of searching and trying, I can't get a Tree Grid to display. I get the column layout but not data. Any ideas to help this newbie? my js: jQuery("#gridPeople").jqGrid({ treeGrid: true, treeGridModel: 'adjacency', url:'data/people_995.xml', datatype: "xml", ExpandColumn : 'Subjectname', height: 'auto', // hiddengrid: true, colNames:['Subject','measure','Week', 'MTD', 'QTD','YTD'], viewRecords:true, colModel:[ {name:'Subjectname',index:'Subjectname',
How to Display Selected Item in Bootstrap Button Dropdown Title
Hi I am using the bootstrap Dropdown component at my application and it is like: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a
Next Page