Dialog position will not move
I'm trying to change the position of the dialog when it displays. This is my code: $(function(){$( "#Untimely" ).dialog({ position: { my: "right top", at: "center", of: "#Input" } });}); I've changed the position to { my: "center", at: "center", of: window } but nothing moves it. The dialog only stays at the top left of the window. The only time it has moved is { my: "right", at: "center", of: window } and it moves right off the page. Any help would be greatly appreciated. Thanks Ryan
how can i prevent the jumping of browser to the top of page in following code?? can i use jquery in following code anywhere??
html >> <form action="update.php" method="post" name="myForm"> <input type="text" name="term" placeholder="Enter MemberID here"/ > <input type="submit" value=" search " name=search class="button_samll round orange" /> </form> >>update.php <?php $con = mysql_connect('localhost','bank','1234'); if (!$con) { die('Could not connect to MySQL: ' . mysql_error()); } mysql_select_db("bank",$con); if (isset($_POST['update'])) { $updatequery="UPDATE customer SET customer_id='$_POST[customer_id]',rdate='$_POST[rdate]'
How to use Jquery slider in Wordpress?
I want to use Jquery slider in my sidebar. Please help me how to add jquery plugin in wordpress Twenty ten theme. My side bar width is 220px. I don't know much about jquery so please anyone can write a whole code for me and tell me where should I put it to get slider in my sidebar. My site URL is plussizesavvymom.com
Animation question to professionals
Hello all, I have a little general question about to handle two animated pages which I’d like to combine. For I am a relative beginner this time I’d like to hear some advice and ideas BEFORE I start programming what I have in mind. If you’d have the patience to take a look at the 2 html in action (yet very unfinished, but as I said I would want to become clear on which basic way to succeed): http://www.stefanseifert.com/Adobe_Edge_Tests/Gucci+.html http://www.stefanseifert.com/Adobe_Edge_Tests/Givenchy_Lab.html
selected tab, help
I'm trying to fire a function on a selected tab. <script> $(document).ready(function () { $("#tabs").tabs({ show: function() { var selectedTab = $('#tabs').tabs('option', 'selected'); $("#<%= hdnSelectedTab.ClientID %>").val(selectedTab); }, selected: <%= hdnSelectedTab.Value %> }); $("#g_view").click(function() { alert("tab 2 selected"); }); }); </script> <div
remove() and hide() only work for the items of first dynamically created collapsible
Hello friends, I'm creating a mobile multi-page with dynamic content. When the page is loaded, the groups (blue collapsibles in below picture) are loaded from a database with an ajax-request. Then when a collapsible is clicked and expanded, the content of that specific group is loaded with ajax-request. And when the X-button is pressed, that list item is deleted with an ajax-request + remove(). The problem I'm facing is that remove() and hide() only work with the items in the first collapsible-group
Jquery mobile select box can work only once
this is my screenshot from my website. Question: when i click firstly number 1 select box, then this seclect box works. but when i firstly click number 2 box, then click the number 1 box, number 1 can bot be opened. i dont no what's wrong. I need your help this is my coed as follows: <form action="" method="post"> <div data-role="fieldcontain"> <select multiple="multiple" id="chFleets" data-native-menu="false" onchange="selected()"> <option>Choose FZG by Problem</option> <option value="letzter
the value changes in the sending
hi, When I send a value to another page, if this value with spaces or special caractaire, these becomes %20 example : before sending : ABOPO PK 18 after sending : ABOPO%20PK%2018 two pages with <meta charset="UTF-8"> Code first page $("#LiElmSelector").live("click",function(e){ var gData = $(this).attr('index'); $(location).attr("href","pharmacieListe.html?" + gData ); }); Code second page var idSet = document.location.search alert('rr :'+ idSet ); idSet = idSet.replace("?",""); Tnx
Difference between preventdefault and stopPropagation.
Well I understand the preventdefault meaning. Its work is to prevent the default action of the event. But I could not understand what stoppropagation does? The documentation of stoppropagation uses the word bubble up. What does it mean?
Is this expected behaviour in append?
I think it is expected, but post here just in case... I am getting an error when using append. If I am appending data with an ampersand it errors. However, it doesn't do this all the time. The error is on line 6325 of jquery.js, when the data is passed to innerHTML. If the mimetype of the page is text/html, the data is xml escaped automatically. If the mimetype is application/xhtml+xml, it doesn't and gives an error. I have some sample code below. Unfortunately it doesn't give an error in the console
Syntax help
Hello, Im ...attempting... a second ajax call within the success function of the first. The first on is type:json. The second is type:jsonp. The chrome debugger is throwing "syntax error "("". But i cant find it. Everything looks good to me. I wish I could find a good eclipse plugin or editor, I spend a lot of time trying to figure this stuff out. var ceix = $("#scceix").val(); var dsts = $("#scdsts").val(); $.ajax({
reset form
Hi Everyone, Below is my javascript for the form I have. Some of the functions showed are not being used because they were taken out of the form due to not being needed. However, I do need to have the "Reset" button function right and don't know the proper function for it. Can someone please help me out by showing me where it goes in my script. I am javascript/jQuery illiterate so please be specific. Thank you so much in advance. <script type="text/javascript"> $(document).ready(function() { $('#register').validate({
beforeLoad firing in tab widget when content loaded from cache interfering with "Loading..." text
I am using version 1.9.2. of jquery-ui-tabs. I want to set some Loading... text when beforeLoad fires. But when I do this: $('#tabs').tabs({ cache: true, beforeLoad: function(event, ui) { return $(ui.panel).html("Loading..."); } }); once the cache hits start the beforeLoad code and the component's reloading of the cached content interfere with each other and the content never gets reloaded (the "Loading..." text remains. When I turn
Debugging wordpress plugin
Hello, I got problem with debugging plugin: Plugin is calling by: <script type='text/javascript'> jQuery(document).ready(function($){ $('#cfw').CustomFacebookWall({ id:'BizuteriaMagia', access_token:'377526185663419|i3Th376FkoAcOsJQREkybMfIeo8' }); }); </script> I used: jQuery(document).ready(function($){ Because when I using:
Date picker not working in phonegap
I have a date field in my app and the date picker works great when used with my android phone browser, but when I put the page in phonegap and use the same phone the datepicker does not appear, it just shows the keyboard. Is there a workaround for this? Update: the date picker works fine in phonegap with iOS. So whats wrong with Android?
styling current page link
I'm trying to apply a style to the menu link that matches the current page. Here's what I have... <script> $(document).ready(function(){ var str = $(location).attr('href'); $('#innermenu li a').each(function() { if (str === this.href) { $("li").addClass("hilite"); } }); }) </script> ... but it fails to add the class to the li that contains the href that matches the location. What am I missing? Is there a better way to do
Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256
I have included the latest jqueymobile.js When I click on submit button, I got the error as below: Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256 Below is code of my HTML File (index.html): <!DOCTYPE html> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <link href="registrationstyle.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="jquerymobile120.js"></script>
Is this a good plan for my application, using chromium,xslt and jgrid?
Our application, which is not a web app but a vb.net client for dispatching trucks, uses the chromium object to display messages in our software. I am now going to be receiving xml strings that need to be displayed in the chrome object. I have to use xslt to convert the xml to html. I was planning on using the jgrid which is jquery from what I have learned. Some of the xml strings will represent a list and is supposed to allow the user to select one of the items to request additional information.
Jquery tools overlay , i can not close page with javascript
Hi I use this code ... http://jquerytools.org/demos/overlay/external.html But i can not close page with ajax code. When i click "X" image page is closed, but i want to make this action with javascript. I try to close external-content.htm in external-content.htm. $(".contentWrap").hide("slow") code is close page content, but it not close all page . AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese (Simplified)Chinese (Traditional)CroatianCzechDanishDetect languageDutchEnglishEstonianFilipinoFinnishFrenchGalicianGeorgianGermanGreekHaitian
Internal server error jquery and ajax json
i have following code using jquery and json <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Params.aspx.cs" Inherits="JQueryAjax.Params" %> <!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 runat="server"> <style type="text/css"> .loading { background-image: url('ajax-loader.gif'); background-repeat: no-repeat; } </style> <title></title> <script src="jquery.js" type="text/javascript"></script>
function($)
Hey I am a beginner in jquery and I have found these in many places function($){ // what is dollar sign doing here.? } 2.$.fn.myfunction = function{ //what is fn here and y not to use directly function myfunction(){}? } 3. $.myvariable={ init://some code, error://some code, title://some code //I have seen such thing in $.ajax() function..Is this a way of object
ajax 405 error
Hey, I am new to Jquery(/ajax) and I am trying to make a google suggestion website where the user will input the string and the site will fetch the suggested data.My ajaxComplete function is executing but i am getting the following errors. "NetworkError: 405 Method Not Allowed - http://www.google.com/complete/search?output=toolbar&q=america" this is my code. <script type="text/javascript" $(document).ready(function(){ $("#submit").click(function(){ var suggestion=$("#search").val(); $.ajax({ type:"GET",
Page rendering issues IOS vs. Android
Any idea why a jqm site renders very small on Android devices and renders fine on IOS (iPhone 4, 4S, 5)? See attached screen shots. I'm new to jqm and don't understand what's causing this!? Any help would be appreciated. Thank you.
PropertyCross - compare jQM vs. Sencha vs. Titanium ...
Hi All, I wanted to create a way for developers to more easily compare cross-platform frameworks. With this in mind, I came up with PropertyCross: http://propertycross.com/ This project demonstrates the same application implemented with a number of frameworks. You can read a bit more about the project here: http://www.scottlogic.co.uk/blog/colin/2012/12/introducing-propertycross-helping-you-select-a-cross-platform-mobile-framework/ PropertyCross is open source and hosted on github. There is already
How to disable loading when changing tab page?
Hi friends! I have a problem. I'm using this link; http://jqueryui.com/tabs/#manipulation I'm loading pages dynamically within tabs. But. When changing from tab. Refresh the page again How I can remove this effect? This is my code. I'm using jsf + primefaces: <script type="text/javascript"> jq = jQuery.noConflict(); $(function() { var tabTitle = 'hola'; var tabContent = jq("#tab_content"); var tabTemplate = '<li><a href="#[href]">#[label]</a> <span class="ui-icon ui-icon-close">Remove
How to know the row
I have an ASP.NET gridview and a bound field with an HTML link. And I wanna know how to find which row is clicked and extract its data out of it then send it to the asp.net c# code behind? Also, I would like to know which book can I buy or where can I learn more about how to code these stuff, like gridview and sending data between jquery and asp.net code behind? Thanks.
bind() doesn't execute line by line.
I bind my canvas "Drawing_Plate" with several events: $("#Drawing_Plate").unbind("touchstart"); $("#Drawing_Plate").unbind("touchmove"); $("#Drawing_Plate").unbind("touchend"); Line 13: $("#Drawing_Plate").bind("touchstart",put_the_bgrd_music); //put_the_bgrd_music is a function(). Line 14: $("#Drawing_Plate").unbind("touchstart"); As I expect, $("#Drawing_Plate").unbind("touchstart"); will execute after Line 13: As the user touch on the canvas, doing something and then the $("#Drawing_Plate")
What tool can i use to test out my JQuery code?
Hello, i know this is going to sound funny, but what tool can i start using to test out my JQuery scripts or Javascript code in general please? Thanks! bk
Persisting google maps as a toolbar
I am developing an application where the background for all the screens is a google map. I have been able to overlay my UI on top of the google map for the first screen with no issues, but i haven't found a way to be able to persist the map div over from data-role="page" to data-role="page"; Whilst i can live with reloading the map on every screen, it would heavily impact my bandwidth consumption and my app's user experience as a whole. I tried assigning the same ID to all the div's hosting the
Wat till earlier Jquery is executed
Dear All I have 2 div' (refer http://jsfiddle.net/6evD2/8/ as a sample pls note they are not functioning) From one div i am allowing user to select headers using autosuggestion ( let us call this All Div Header) and other div had headers aleady allocated or selected by user (let us call it Selected Header Div) In short user selects an header from All Div Header (as well as database table) and after clicking Add and that header is transferred to Selected Header Div( as well as database table)
Communication with a PCB via bluetooth
Hi, I'd like to make an android app that can communicate with a printed circuit via bluetooth. How can I do this?
Pass Variable from input fields to " var = xxx"
Hello gurus I am using jQuery and need some help. I have a page made up of Input Field, A signup function. Signup variables What I want to do is when the 'Signup' function is called, to pass the values of the text fields to the instance variables. function signUp(): var user = new Parse.User(); var Username = 'xxx'; var Password = 'xxx'; var Email = 'xxx'; user.set("username", Username); user.set("password", Password); user.set("email", Email); Enter your username<input type="text" id="username"
Can't hide an input field with css('visibility') on Android
I'm trying to hide an input field by setting its .css('visibility','hidden'); This works fine running in my development browser (Chrome on Windows), but when I run it on Android (version 4.0.4, Samsung GS2, Phonegap), the hiding behaviour doesn't work properly. The field is not hidden at first, but if I then do something with some other JQM widget on the page, such as collapsing or expanding a listview, then the input field is hidden. I get the same result if I rotate the device, which presumably
using classes in .animate function
function up() { $(".div2").animate( {top:"-50px"},300 ); } --------------------------------------------------------------------- instead of defining values of property, can we use any class from .css file
how to prevent browser to jump on top ??
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <a href="http://jquery.com">default click action is prevented</a> <div id="log"></div> <script> $("a").click(function(event) { event.preventDefault(); $('<div/>') .append('default ' + event.type + ' prevented') .appendTo('#log'); }); </script> </body> </html> this program works very fine for links but if the condition is like this <input type="submit"> then what is the solution??
Autocomplete menu items does not change by external data
Dear All, I am using AutoComplete plugin of jQuery. but having a serious problem in my application. i have two textboxes. - first text box is for input a value - second text box is enabled for autocomplete and autocomplete menu items will be changed after changing input value of first text box. But, when i change input value of first text box, then i found a problem on second text box. new menu items are shown in upper layer of previous menu items. please see the attached image. Please give me
problem in page refreshing
hi can any one help me.. i have a login page when i enter username and password it is navigating to second page but when i press back button on emulator then it returns to login page the username and password i enterd remains on same page .. actually i want this when i press back button on emulator the page should go to login page the username password which i enterd should be clear....
jQuery CSS
I am new to jQuery, my following code not working, there is an error in $ line, can anybody help me: <script> function call() { $("div").css("margin-left":200px;); } </script> <style type="text/css"> div{margin-left:100px;} </style> <body> <div onMouseOver="call();"> <p>Hallo</p> </div> </body>
Multiple getJSON methods - neither return
Was wondering if anyone has come across this problem (hopefully it is a problem and I haven't just overlooked something..) I have a javascript file that calls two different getJSON methods and appends the result(s) to the same list. The first getJSON method will work, and the code will jump to the function holding the second getJSON only if the second getJSON is commented out. When the second getJSON is uncommented, neither getJSON method works - as far as I can tell, it doesn't even fire off
How to change button with jQuery when new video scrolls up into view on page?
On this page http://kimcolemanprojects.com/djangolive_1.html there are five videos. When you click on each video the next video scrolls up into view with jQuery. Because of this jQuery effect, I had to disable the video controls. So I decided to put a play/pause button to the left of each video. However, I now need some help with making a script that will change the button when each new video scrolls into view. I have a piece of script that changes the titles as the different videos scroll into view,
Next Page