Listview not appear in mobile
Hi All, I am new to jquery mobile. I have course list. I can see this in my localhost system. After that i have moved to live server . But, I can't able to view the list my basic model[samsung E1282] mobile. What is the issue and how can i overcome this.
In "Cycle" plugin, cannot get "Previous" and "next" buttons to work
Hi there, As title says, I cannot get Previous and Next buttons to work. Cycle Plugin works, but only when click on images to scroll thru. Here is my code: HTML: <div id="right" class="slideshow"> <img class="review" src="../img/reviews1.png" width="100%" height="100%" /> <img class="review" src="../img/reviews2.png" width="100%" height="100%" /> <img class="review" src="../img/reviews3.png" width="100%" height="100%" /> <img class="review" src="../img/reviews4.png" width="100%" height="100%"
Random play html5 video timer
Hi guys, Hoping for some help. I have a number of HTML5 videos on my page, and would like a random one to play for 5 seconds, then pause then a different random video play for 5 secs... and so on. Any advice would be greatly appreciated!
Calculation - How do i make a easy series of calculation?
Hello, i made a calculation but i want to make the code easier because i want to extend it. http://jsfiddle.net/HSTDL/ It is a calculation to determin how much money you made after x time when you ad y money on a regular basis of a quarter year. And each quarter you get the same yield. $(document).ready(function(){ $(".divi").keyup(function(){ var val1 = +$(".betrag").val(); var val2 = +$(".quartal").val(); var val3 = +$(".nettodiv").val(); $("#result2").val((val1+val2)*(1+val3*0.712/100/4));
About transforming tabs with css3
Hey, I have the following html code (using angularJS): <div class="list-posts" ng-repeat="post in site.articles"> <article> <div class="article-headline"><h2>{{post.headline}}</h2></div> <div class="article-author"><em>@{{post.author}}</em></div> <div class="article-body">{{post.body}}</div> <div class="tabs"> <ul> <li><a href="#fragment-1">Comments</a></li> </ul> <tab-comments ng-controller="CommentsController as comments" id="fragment-1"></tab-comments> </div> </article> </div> So I put the "fragment-1"
How update dropdown data from a form ?
Hi, I have a table in a database Table1(ID, name, status), I want when the page load, a form appear with a dropdown ,a text field, and a submit button. the dropdown got populated from server side with data (<option value="ID">name</option>) . want when the user select a name from the dropdown, the name will be copied in the text field, after changing the name and pressing the submit button, the table in the DB will be submitted, and the drop down will show new data. the server side is easy (java servlet,
Return not working fine
Hey there, I'm trying to make a function which calls a php script and then get the users password and return it. I use post for this. When i use return inside post or outside but i declared a variable inside post it doesnt work either. But if i return the username it works fine. This is my code --- JAVASCRIPT --- function getpass(username) { $.post("getpass.php", {Username: username}, function(response) { return response; // the php script works fine, i tested it. });
Listview : How to use the finger to move an element to the right ?
Hello, I've created a listview that works well but I would like to add some functionalities to the listview. Actually, when the user uses his smartphone with his finger, I would like that when the user makes a move with his finger to the right, the"<li>" element slips to the right and that then, the element comes back to his initial place and changes of color. Is it possible ? Do you have a solution or help ? Thank you <div data-role="page"> <div data-role="header"> </div>
Pb with Chosen plugin
Hi all, I'd like to change options of a list dynamicaly with Ajax. Here's my code (simplified for more convenience) : //Ajax request here .... $('#my_select').empty(); $('#my_select').append(new_options_in_html); So far so good, the previous options are deleted and the new ones are inserted in the #my_select list (I've checked with Firebug). The problem is that the new options won't display in the list. Seemingly the Chosen plugin generates this code for the display: <div id="my_select_chzn" class="chzn-container
Problem with drag & drop
HI, sorry for english, i have a problem with drag & drop ,i can put a draggable element in a droppable and with this code jQuery('#att1').droppable({'drop':function( event, ui ) {$(this).html("");$( "<p></p>" ).text( ui.draggable.text() ).appendTo( this );},'out':function( event, ui ) {$(this).html("casella1")},'revert':'true'}); I have some fields droppable and some elements draggable if i insert a draggable in a droppable the name of draggable appear on the droppable but if i go on a droppable
Deleting my plugin's Github repo and rebuilding it from scratch using SubGit?
I'm the author of the jquery-picklist plugin, and my codebase is developed in my Subversion repo at Googlecode Project Hosting. I'd love to eventually move development to Github directly, but day job and life have prevented me from picking up all but the most basic git commands; I'm afraid I'd really screw something up if I just moved over completely to git right now. (Or maybe I'm just getting old and stuck in my ways. :P) Anyway, when I release a new version of my plugin I update my local git repo
getJson won't retrieve me anu result
Hi, im developing a jsp page using the struts technology. The problem is that i need to invoke a java class retrieving a JSON object from it, but at the moment it won't work This is my jquery code $.getJSON( "checkData", {idp:idp},function( data ) { alert('json'); //some code }); struts.xml is correctly configured to call the checkData.java class using the space name "checkData" that i pass in getJSON method. The class is correctly invoked, because i see all details
mobile app using jquery for my etsy business
want to make a mobile app using jquery for my etsy business, is there some type of template or information that can help me. thanks
ajaxError and ajaxComplete firing twice upon abort
I was aborting an ajax request inside ajaxSend function, and I noticed that the ajaxComplete and ajaxError global event handlers bound to document are being called twice, and in their second execution they throw TypeError: Cannot read property 'send' of undefined. When aborting ajax calls outside of ajaxSend, it behaves normally. Is it supposed to work like this? Tested using 1.9.1, 1.11.1, 2.1.1 JSFiddle $(document).ajaxSend(function( e, jqXHR ) { $("body").append('aborting ajax...<br>');
How to develop an Eraser Tool ?
Hello everyone, i am trying to develop an eraser tool that should erase the part of an image using mouse control. Image is uploaded by the users. Thanks
Ajax + PHP Save data form
Hi All guys, First of all, I don't understand why but I don't see the message (fade) for the success or failed saving. Thereafter, I need to implement the saving data without refreshing the page This is the controller <?php class Admin_Controller_Cms extends IV_View_Base { public function routesAction() { $this->assign( 'aRoutes', Default_Model_RouteEntity::getAllRoutes() ); $this->renderTemplate( 'cms/routes.phtml' ); } /** * ajax response action */ public function routeupdateAction()
Advise on Jquery Scroll plugin
Hey Guys i have a 1 Page website that i am developing , it was 5 sections to it , i have used bootstrap as the framework , <div class="container" id="home"> </div> <div class="container" id="Objective"> </div> <div class="container" id="potfolio"> </div> <div class="container" id="team"> </div> <div class="container" id="contactus"> </div> this above code is just an example , now there is a navbar right on the top . I need to achieve 3 things : 1. when i click on any of the navbar element Eg. "contactus"
Stop propagation is not stopping propagation, or so it seems.
How do I tell jQuery to do this, and then if a link is clicked, do that? With the code that follows, I have a small animation that runs when the page is loaded, wherein several images fade in consecutively with a small time lapse in between. Then, there is a directive to make a css z-index change to an image when it's corresponding link is clicked. Here is what I have: $(document).ready(function(e) { $("div.box").each(function ( i) { var div = $(this); setTimeout(function
thumbnails does not work when hovering quickly.
I'm trying to iterate through thumbnails and its not working as expected. When moving the mouse from one image to the next slowly it works but if I move the mouse from the first image set (fruits) to the third image set (memes) very quickly, some of the images from the first image set shows up in the last image set. Here is a working example: Jsfiddle example THanks for your help
differentiate the return statements
Hello friends i have three buttons. i want that when i click Hi button the event handler for all the button type should skip the executing the handler for this button. but for other buttons the handler should execute. however i make this but the handler is executing for hi button too. i tried return statements with true,false and nothing but it is not skiping the handler. That is why i could not differentiate between the return true,false and only return. please help regarding this and solve my
autocomplete fails after several times when theme is changed
using jqueryui 1.9.2. i have an autocomplete box in a jqueryui dialog. i'm trying change the theme with theme roller and added ref to jquery-ui-1.9.2.custom.css <link rel="stylesheet" type="text/css" href="/Content/themes/start/jquery-ui-1.9.2.custom.css" />). just by adding this ref the autocomplete fails after several times, i.e. it works fine usually twice then fails to show any items unless i refresh the page. if i remove the ref to the css it works fine until im blue in the face. This behaviour
Animated css-value changes twice after there has been clicked once
Hello, There has been posted a question slightly similar to this one before, also by me, and got a perfect answer for that problem. I basically have a vertical row of thumbnails and want to make each one slide open horizontally while any other open ones close. However, I had a change of mind in the meantime and decided to add another animated change in the bottom-margin. This all works except when you click on the same thumbnail you have opened, to close it again. It then closes normally, but immediately
Add class is not working
Hello friends i have three submit buttons. and i want to add the class1 on the button which has the text 'a' by clicking on the button which has text 'Click me to add'. But when i click this button it gives nothing. Please help! HtML-- <div> <div> <input type="submit" name="name" value="a" /> <input type="submit" name="name" value="b" /> <input type="submit" name="name" value="CLick me to add" id="Sub" /> </div> </div> CSS-- <style type="text/css">
jQuery Accordion with Buttons at Header
Hi, I have few problems with Accordion where I will those as points. Before that please find the accordion I am using. 1. I have added buttons to Accordion header but while I am clicking on the buttons the Accordion is collapsing beacause of the below collapsible : true. But I dont want the button to interact with Accordion so that I can perform operations. i.e, when I click on buttons the accordion should not close or open. The button should have it's own action. 2. How could
datepicker() not showing up in UI on input type text click.
This is my cshtml code <div style="text-align: left;"> <div>Start Time?</div> <input type="text" id="datepickerStart" /> </div> This is my cshtml code which doesn't work and the datepicker doent show up $(document).ready(function () { $("#datepickerStart").datepicker(); }); UNTILL I insert an alert like below $(document).ready(function () { alert("HI"); $("#datepickerStart").datepicker(); $("#datepickerEnd").datepicker(); }); My UI is cshtml and all my javascript in a separate .js file and
PDF Link
I have a problem with a pdf link. <div data-role="main" class="ui-content"> <div data-role="collapsible" data-inset="false"> <h2>Internacional</h2> <ul data-role="listview" data-theme="a" data-divider-theme="b"> <li data-role="list-divider"></li> <li><a href="../www/pdf/eia_intern.pdf"> <p><strong>Evaluación de impacto en el medio ambiente</strong></p> <p>Contexto transfronterizo (Espoo, 1991)</p>
vertically center a cell in a JQM table
Hello, I use the JQM Table widget to make a table with two columns. The elements in the second column are higher than those in the first column, so, with the default top alignment, the result is not pretty. I would therefore like to vertically center the elements in the first column. I tried using CSS (vertical-align:middle), but this doesn't work. Is there a way to do it ?
Separate in paragraphs after every "."?
Hi everyone, If I have: <p>text1.text2.text3.</p> , how can I separate them in three different paragraphs? for any name text. I tried around this $( "p:contains('.')" ).insertAfter("p") or var element = jQuery(".class p").text.split("."); but doesn't work, regards, Anna.
swipe event bug
Hi everybody, I've got a problem using the swipe event, I have to swipe around 10 times to fire it. I saw this problem in many topics but I didn't understand how to fix it. Here's my code : $("#article").on("swipeleft", function(){ $(":mobile-pagecontainer").pagecontainer("change", "#pAccueil", { transition: "slide" }); } ); Thank you !
simulating click event in jQuery mobile
I have two pages on the same html document and I would like to log from the first to get to second one internally.
jQuery autocomplete personalization select problem
Hello, For presentation purpose, I need to tweak and extend jquery-ui. I need this presentation : For doing this, I must change the <UL> in <DIV> with a little tweak (last part of the code). I rewrote the autocomplete refresh method for targeting the good .ui-menu-item I rewrote the _renderItem and _renderMenu methods to insert the correct html and to highlight the search string. I also need to implement the select callback to highlight the search string. But when I click on a result the menu is
UI.Sortable: Default position/index when receiving a UI.Draggable
Description: I have two Infragistics DataGrids, one is UI.Sortable and accepts rows from the second Grid which is UI.Draggable. I use the receive Event to get the dropped, new rows position/index inside of the grid to perform a server-request to re-order the rows in the database accordingly. It all works great, as long as I drop rows between the existing rows in the first grid. When I drop a row further down in the grid (the grid itself consists of multiple HTML table elements and a containing div
how to pass and get parameters between pages
i have two pages in one page . and i want to navigate between them and i want to pass id to the second page .what is the best way to do this ?
Problem in Jquery UI Menu on hover
Hello I am using Jquery UI Menu plugin in my app. I got one issue. In sub-menu (2nd level) If I hover mouse repetitively on single Sub menu item then sometime Hover action not happened. Explaining the scenario here : I copied demo example from here http://api.jqueryui.com/menu/#entry-examples and added one more sub menu level under Item 3-2 . Now hover the mouse on Item 3-2 next level come up but If I do hover repetitively then at certain point on hover the next level not came up. To reproduce
Datepicker wrong format
Hi there I used this datepicker: http://jqueryui.com/datepicker/ but after selecting the date, the input field shows MM / DD / YYYY How can I change this please? We want to show DD / MM / YYYY to our visitors after they select the date. Thanks in advance.
Login internaly with Jquery mobile.
<!-- Here is my html document and I woulkd like to login from "#login" to "#page2" internaly(on my local host). Thanks in advance. --> <!DOCTYPE html> <html> <head> <title>My portfolio</title> <meta name="viewport" content="width = deivice-width, initial-scale =1"> <link rel="stylesheet" href="themes/MyThemes.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
disable previews button in jquery
I have button that auto-fill column from the month of Jan-Dec. Now I need a code that previous month are unable to click while current and future button are able to click Demo: http://jsfiddle.net/CFv4M/116/
How to disable a series of buttons using jQuery
How do you disable the prev button when the previous month is less than the current month? For instance, if the current month is June, then I want to disable the prev month button so that they cant edit the month of May and the rest of it for(x=1;x<=12;x++){ contents += '<td> <input type="button" name="x" id="'+x+'" class="reupload btn btn-primary '+ disabled_class + '" value="Add" ></td>'; }
Valid Date routine
I have a current set of javascript that validates to see if a date selected is valid. My dates are picked from 3 different select boxes; one for month, day, and year. I'm running into an issue where if someone picks 2/31/2014, it sees it as 3/2/2014 when I really want it to just return invalid. Presumably this is happening because February only has 28 days so it's just adding a few more onto it. I was hoping someone could help me update my code to make it work correctly! Any help would be much
Change variable passed to plugin
Hi, Is it possible to change value of passed variable to a jquery plugin at the chrome inspect element or firebug? Suppose i see a page contain this script: $(document).ready(function() { $('#nivo-slider').nivoSlider({ slices: 15 });What i am trying to do is e.g. change 15 to 20 and see what's happening.
Next Page