Disable 'swiping' or scrolling left/right on jquery mobile
Hey guys need a bit of help here as I'm a beginner! I would like to disable scrolling or moving the page left or right when a user touches the screen. Ideally I would want the page to stay intact. An example would be amazon.com (viewing it on mobile of course). You cannot move the page to the left or right you can only scroll up and down. Many thanks!
Widgets Dialog and submit
Hi, I try to work with dialogs, I do not like the form validation example that brings in the documentation for that I can not validate it from the server side, what I do is to generate dialogue and load in one form from another file, the loaded is through ".load('file # container')", the loading is GET, POST need it, when I try to save it with the submit not send me any information, this is my code: $( "#dialog-form" ).dialog({ autoOpen: false, height: 250, width: 350,
Enhance effect blind with effect fade (how to)
Hi. The possibility to combine the blind with the fade effect seems to be a wanted feature. I've found some discussions and approaches to do this on Stackoverflow and some blog. It would be very easy to implement this feature as an option in the code. Just add a few lines in jquery.ui.effect-blind.js (version 1.10.3) at line 57: // start at 0 if we are showing if ( show ) { wrapper.css( ref, 0 ); if ( ! motion ) { wrapper.css( ref2, margin + distance );
how do I get accordion and reader to play nice ?
I'm pretty familiar with jQuery ui. I've done some really cool things with it on previous projects. How ever on this one I'm stumped. Reader mode on iPhone does not show any of the content from my accordion. I currently have my accordion set to be collapsed, because it is a long list, with a lot of content. I also have some various other options in use on it, like image changing options and autoHeight. How can I get this to work. I'm obviously not looking for accordion functionality in 'Reader' mode,
Validate WebContentForm ASP.net
Hello, I'm new with Jquery and I have a problem with the validation plugin. How validate a WebcontentForm(Inherits of MasterPage) Asp.net if IdForm is in the MasterPage, how I reference my IdForm in WebcontentForm? Thanks for your powerful help.
My jquery is Not supporting at Fire fox and google chrome ???
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min. js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> var Type; var Url; var Data; var ContentType; var DataType; var ProcessData;
New at this ..Question using with php
I am new at this so this might seem like a stupid question. How do I pass the value in my auto complete text box to my php script ? (see code below). index.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" /> <title>Ajax Auto Suggest</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
sortable - click icon and drag parent container?
I'd like so that when I click the "drag" icon in a div element, that the div element is dragged and not simply the icon itself. So far I can either drag the div or the icon but what I need is to click the icon and drag it (the icon) and it drags its parent container with it. Like when you click an application bar to move it around your screen. How can I do this? a second part to this question is, what is the recommended cross browser jquery WYSIWYG for in place editing as I would like the div mentioned
Listview Filter within a Form?
So I'm trying to enable the Listview Filter within an HTML form but doing so creates nested forms causing other issues. Specifically, then the jQuery Validation plugin get's the wrong form element (even though I specified the correct form ID). Has anyone else run into this and has a workaround? Thanks http://jsfiddle.net/Panman8201/a45VK/1/ << Check your console log, then change the data-filter to false to see the difference
Problems with mobile demo website
http://view.jquerymobile.com/1.3.1/dist/demos/examples/listviews/autodividers-linkbar-demo.html Gives: Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/css/themes/default/jquery.mobile.css Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/js/ Failed to load resource: the server responded with a status of 404 (Not Found) http://view.jquerymobile.com/1.3.1/dist/js/jquery.js
jQuery UI Tabs - Collapsing tab content when mouse leaves area
Hello! I'm currently using the following code to collapse tabs: $( ".tabs" ).tabs({ collapsible: true, active: false, event: "mouseover" }); This collapses the tab when you hover your mouse over the active tab button. I would like it so that when you have an active tab and you move your mouse outside the tabs content area, the tab will close. Is this possible? I hope that made some sense! And any help would be appreciated.
Problems in If cycle
Hy everybody :D Can someone explain me why this cycle is always true ? I have to search something that is in partnumbertextbox on the webpage ... $('<input type="button" id="PartNumberButton">').appendTo('body'); $("#PartNumberButton").click(function() { if ($('body').find($('*:contains("#PartNumberTextBox")').length)){ alert("already have it"); } else { alert('its new'); } });
dialog close event not firing
DoUpdate: function() { var self = this; $( '#dialog' ).dialog({ //resizable: false, autoOpen : false, height : 606, width : 899, modal : true, buttons: { OK: function() { $('#dialog').html(''); $('#dialog').dialog('close'); } close: function(event, ui) { self.loadPage(); //does not seem that this is ever called. }
Is jQuery is right choice for me?
Hi, I'm new to jQuery/Javascript. I'm trying to find a way making following result on building my website. As an example; I expect that following sentence; "It is a beautiful world" won't popup/blink/display on screen at the same time. It'll display character by character as; I It It i It is It is a ..... It is a beautiful world (finally) The sentence will remain on the screen for a duration of x seconds and repeat. Would jQuery be the right way for me? If YES, please advise how/where shall I start.
Question about dynamically adding textboxes and droplist to build SQL commande
Hi Guys Could anyone please look at the code below (Curtisy of Jamboro ASP.net forums) This is a way of adding a droplist and a text box to dynamically build an SQL commande What I am trying to do is: if the user chooses "Date" from the dropdown list then the form should display two textboxes instead of only one, and the user would be able to search for a range by adding dates to the two boxes, could anyone please help?? To understand what I am trying to do you can look at this website http://www.ncbi.nlm.nih.gov/pubmed/advanced
jQuery event before on_click event
Hi, Currently I am trying to do some customization on SharePoint. On a form I would like to do some form validation while pressing the save button. The save button has a default on_click javascript event which I can't touch. I would like to set a field value while clicking the button. For some reason the on_click event event is triggered before the jQuery click event and the form is already submitted before jQuery could set the field value. Is there a possibility to trigger the click event before
SetInterval on subpage loaded by AJAX.
Hi, I Have problem with setInterval on my page... In Main page i have JS code: <script type="text/javascript"> $(document).ready(function(){ $('#otworz_kosci').button().click(function(){ $("#kosci_dialog").remove(); $("#zawartosc_dialogi").html('<div id="kosci_dialog" title="Kości" style="display:none;"></div>'); var link = $(this).attr("href"); $("#kosci_dialog").dialog({draggable: false, modal: true, resizable: false, height: 600, width: 750, show: 'fade', hide: 'fade'}).load('ajax_php/hazard/kosci.php');
First time user needs help to set up superfish
I built lapalomavilla.com with css dropdown menus but they would not work on a touch screen so I need to use jquery to make it work... help?! I have never used java/javascript before
Position change of div and animated layer background
I would like to get the same effect like on this site: cubicresources.com.au How can I get that circle animation done? I don't know how to get the position of the div changed with jquery. And how can I get the background images animated and layered over each other? Would be great to get some hints or tutorials. Thanks a lot
How to hide and show divs?
I am trying to create two divs, one main div and another sub div. Main div there will be a button upon clicking that button sub div should be shown. I am using the following code but getting error.... <h1> Show/Hide using jQuery</h1> <a id="showhidetrigger" href="#">show/hide</a> <div id="showhidetarget"> This is the box that is hidden and shown. </div> <script type="text/javascript"> $(document).ready(function () { $('#showhidetarget').hide(); $('a#showhidetrigger').click(function () { $('#showhidetarget').toggle(400);
Best practice implementation
Im looking to develop a plugin that can apply common functionality to multiple elements. My issues is that if the state of the current "clicked" element is set to display then any other displaying elements must be hidden. What would be the best way to actually do this? I have done something before using prototyping where I stored the current displaying element as a variable in the object and hiding it on new element click and then storing the new element. NOTE: the "hide" class comes from Twitter
jQuery and jQueryUI with IE10
I will develop a program which use IE10. What is the best suitable version of jQuery and jQueryUI? P.S. My program can also use with previous IE, such as IE6/7/8, so I don't think jQuery V2.X is possible to use.
JQuery dialog problem
Hi everybody. If i create a dialog with containing div's, i get a big spacing on right site between the div and the border of the dialog. Look : <div id='dialog'> <div id='innercontainer1> ... </div> <div id='innercontainer2> ... </div> <div id='innercontainer3> ... </div> <div id='innercontainer4> ... </div> </div> All "inner" - div's containing an image-tag and text bottom of the image. Between the right border of the dialog-window and the right border of the last image
jQuery - manipulation of option after create - Plugin
Hey jQuery Friend, i've read a lot of books and webpages, but i didn't found anything.. The problem: i'm creating a diagramm in a canvas. After this creating i want to change some options of my plugin with a button, like bg color of the canvas etc. HTML Code: [HTML] <script type="text/javascript"> var daten = new Array(100,33); var legende = new Array('Januar','Februar'); var daten2 = new Array(1,1); $(document).ready(function(){
Dialog Creation Issue with some selectors
Hi, I have a html application has a list of divs, each with a very specific id representing an external object. Within each div I have a set number of objects, so to find these using jquery selectors I have successfully been using id followed by the class name like this $(#specific_id .classname).whatever This works but not for dialogs. See below the jsfiddle which is basically the jquery ui dialog sample code, modified to show the issue I am having. http://jsfiddle.net/LcsAL/ Should this work, ie
Help Need Older Releases - jquery-ui-1.8.16.custom & jquery-ui-1.8.16.custom.min.js
I'm looking for downloads for jquery-1.8.16 to support legacy proj (upgrading not an option). Fiinding dev postings vs. official version. Is there a repository of previous releases? Thanks, V-
Thousands Separator
Hi, Does anyone know how to put a thousand separator on a number e.g from 1000 to 1,500 using java script
Autocomplete working stange with special characters
Hello, i have implemented an autocomplete function on my script, it works perfect EXCEPT when user hits ñ key. If user hits Ñ instead of ñ the script still works good, so my question is if anyone know what might be going on, if there´s kind of a mapping issue or how to solve it....... some examples, if user writes "Ramallo" the function returns json perfect. if user writes "cañuelas" script doesn´t return anything, but "CAÑUELAS, or caÑuelas" returns result ok..... Any hint?
How can I do php variable in alert function ?
What is the problem here? Help me please ... <head> <script type="text/javascript"> function funk(yy) { alert(yy); } </script> </head> <body> <?php $deg='Lorem ipsum dolor sit amet';?> <script type="text/javascript"> var xx=<?php echo $deg;?>; funk(xx); </script> </body> </html>
movile popup menu problem i cant click for hide
Hi, i want that popup appear down of the button and not on the button for this i use this code style="top:140px;" it works fine but the problem is when i try to click again the button for hide the popmenu it not work, any solution? thanks the code: <a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="slideup" data-icon="gear" data-theme="e">Actions...</a> <div data-role="popup" id="popupMenu" data-theme="d" style="top:140px;" > <ul data-role="listview"
Refreshing the whole jQuery mobile dialog programatically
I am developing a mobile application with jQuery mobile and backbone. I have backbone model change event function, if any changes in the model, I simply destroy the whole page and recreate with template binding. i use$('#pageId').page('destroy').page(); which works fine. I want to do the samething for dialog (just destory the dialog and recreate the dialog and display it). Can you anyone tell me the right method to call.... I just tried with .dialog() but i didn't work.. thanks in advance. my dialog
Dialog does not get form data
I'm not good with English, sorry. Working with ZF 1.12, I require my forms use modals to the problem is to use jquery, it does not recover form data saved also one see the alleged information I can not reopen the modal with the button, this is my jquery: $(function() { var name = $( '#name' ), defecto = $( '#defecto' ); $( "#dialog-form" ).dialog({ autoOpen: false, height: 300, width: 350, modal: true, buttons: { "Guardar":
Get Parameters from internal page
Hi I have two pages which are generated dynamically and one of the page has parameters as <li><a href="?cid=1234&sid=test#display2" to navigate to display2 page.. but when i try to get the parameters cid and sid i get null value but if i put rel=external I get the values of it bur the page refreshes which i don't need. please let me know how to write code and implement it ... here is the code <!DOCTYPE html> <html> <head> <title>Test</title> <meta name="viewport" content="width=device-width,
Validate Plugin problem
Hello, I'm new with Jquery and I have a problem with the validation plugin. The scenario is as follow: I have 4 files: 1. An html file with a link. <!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=iso-8859-1" /> <title>Cargador de B</title> <script type="text/javascript" src="jquery_min.js"></script> <script type="text/javascript"
Validate plugin problem,
hello there. I'm validate a form but sometimes does validate sometime no.. here is de link http://jsfiddle.net/darkporn/723Na/ the think is: when I select any of the checkbox in the "incluir en el certificado" row. the form is validate as correct. But I have to also validate "Subtipo" and "N° Copias" Subtipo must be selected and N° Copias must be at least 1, not numeric field please help me.
Ipad problem
I am having an iPad problems.. Hear is the link. http://asoft6439.accrisoft.com/elyria/index.php?submenu=_capabilities&src=gendocs&ref=Capabilities&category=Main On the Home, Markets, Career, and Contact the pages are working perfectly. They center and the ipad does not move from left to right. The other pages are not. l am using the same code on all the pages.
Is jQuery best choice for window that must control itself?
After posting once about this and realizing the reply would not work, I am rephrasing. The link that will trigger the new window I want to display does not have any JavaScript or CSS capability at all. It is a hyper-linked area on a Flash object that must call a new window smaller than the Flash object (which is full screen) and re-position itself on the screen. Just self centering might work but more control would be fabulous. There is no parent-child relationship here. I can't bury a DIV inside
document.ready not work in jquery dialog box.
Hi, I have make simple jquery mobile page for display data from server. I have also display graph of data on click. I have made external page for display graph using jqplot and its works. I want to open this graph in jqm dialog box but it did not work. why ? Code of open graph page <a href="external_php_page_link" data-rel="dialog" data-transition="flip"><img src="images/graph_icon.png" align="absmiddle"/></a> Its open page properly but display only HTML buttons that i have already in put in page
Popup don't show by clicking href element but can show by API
I create a popup,when I click the button refer to the popup, the popup doesn't show, when I use api: $("#addCatoPopup").popup("open"), the popup shows. what wrong? My code is below: <div data-role="header"> <a data-role="button" data-rel="back" href="#" data-icon="back">Back</a> <h1>Catogery List</h1> <a data-rel="popup" data-position-to="window" href="#addCatoPopup" data-icon="plus" data-role="button" id = "catoAddBtn">Add</a> </div> <div data-role="content"> <ul data-role="listview"
design error after ajax request
widget not get an update within a select fieldcontain after ajax request. asin did something after the ajax call: <div data-role='fieldcontain' > <label for="color">color</label> <select id='color' class='color' name='color' > <option value="1">blue</option> <option value='2'>red</option> </select> </div> this the the php I bring with ajax, $('select.color').selectmenu(); this is the way I try to create the widget. some help please?
Next Page