Add onChange to Google Translate with jQuery and jQuery Tools
I've got a page that uses the Overlay feature of jQuery Tools to open an overlay with Google Translate inside the overlay. Once the overlay opens, I can select a language and the page is translated. I then have to click the X to close the overlay. What I'd like to do is have the overlay close automatically once a language has been selected. I'm not sure exactly how to do this. Here is my code: <html> <head> <!-- Load jQuery --> <script type="text/javascript" src="./Resources/jquery.min.js"></script>
Contents of popup loses style
I'm using JQuery 1.2. I have a popup that is opened with a simple anchor tag. When it is displayed, The outer div of the popup has it's style but the contents don't. The buttons look like links instead of what I am expecting. Has anyone else seen this issue? <div data-role="popup" data-theme="b" data-overlay-theme="a" class="ui-content" id="popupTest"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Send Local Data?</h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom
ScrollStop Issue
The below code doesn't working in my Kendoui + jQuery Mobile App on scroll an endless scrolling items, could you please suggest me on this. $('.classOfList').on('scrollstop',function() { alert("message here"); });
hi .. I'm jay r ,what is the technique of query that easy to learn,
i want to have the experience of jquery TYSM!!
reload jquery windows
with javascript i used window.open to open a page, enter data into a form and at the end, before closing the window i used the follwing js command window.opener.document.forms[0].action="mainPage.php", window.opener.document.forms[0].submit(); to reload the opening page. now i want to do the same with jquery-ui dialog windows: i insert a tag object in it to open a page and then..how i can simulate the above js command? the problem is that the code for jquuery-ui windows are within the code of the
how i header freeze
demo how i header freeze <div id="divScroll" style="overflow-x: hidden"> <table id="tableAppointment" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%"> <thead> <tr> <td class="csstextheader" width="70px"></td> <td class="csstextheader" width="70px"> <b>Time Slot </b> </td> <td><b>Room 7</b></td> <td><b>Room 8</b></td>
jQuery Ajax in parallel
jQuery.each(parameters, function(i, value) { params = "name1=value1;name2=value2;name3=valu3"; jQuery.ajax({ type : "get", url : "url", contentType : "application/x-www-form-urlencoded", datatype : "json", crossDomain : true, data : params, context : this, async : true, success : function(response) { } } I have increased the ajax performance by using the above. I have heard that it can be increased more
jQuery hide() show() alignment issue
Hi, I'm a new person for this forum. I have a big trouble in one of our web production. We have using jQuery for displaying a tree control. Displaying and hiding child nodes by using show() and hide() methods of jQuery. This method has been working in chrome browser. But in Internet explorer compatibility views having big trouble. Hidden child nodes height has not been adjusted with next level parent nodes. So the hidden place showing blank spaces. Can anyone have any idea how to fix this issue.
Problem with jquery dilog in ajax load
<div id="Comment"> <div id="MyDialog1"> <input Type="hidden" value="1" id="hfDialog1userId"/> <div><!--End of div MyDialog1--> <div id="MyDialog2"> <input Type="hidden" value="1" id="hfDialog2UserId"/> <div><!--End of div MyDialog2--> <div><!--End of div Coment--> <input type="btn1" onclikc="LoadComentPanel();return false;" value="My Button"/> Div "Coment" is loaded using jquery ajax <script type="text/javascript"> $(document).ready(function(){ LoadComentPanel();//Bind comments with
Dialog pop-up on page load?
Hey, I'm an intern at programming corporation, writing a web application with jQuery Mobile. I'm quite new to jQuery Mobile, so wondering how to make a dialog pop-up on page load. For instance, as user enters the web page, Terms of Use -dialog would pop up and user has to either agree or disagree with them.
Linking separate scripts to different versions of jquery on one page?
Is it possible to link different scripts to different version of jquery on one page? For example on this page http://kimcolemanprojects.com/ my scrollto jquery does not work on chrome with latest 1.8.3 query but does work with older 1.4.2 version. However my other script which is mouseover image displays does not work with this older 1.4.2 version. Any ideas??? Thanks for your time. Angela
problem with binding mouse enter mouse leave in complex fold out menu
Hi all, I have some problem integrating a mouse enter/leave (alter. hover) event in this function: function appendTitles() { var titles = gtitles; $.each(titles, function(index,title){ $("<img id = 'title_"+title+"' class='titles' src='images/title_"+title+".png'></img>") .appendTo('#folder') .bind('click', function() { var work = $("#gwork").val(); $(".work_" + work).fadeOut(950, 'easeOutSine', function() { $(".work_"+ title).fadeIn(950, 'easeInSine'); }); $("#gwork").val(title);
Collapse all button not working
I have an image swap script that I am using. I have 2 buttons, Expand All and Collapse All. I was able to get the Expand All button linked so now when I click it, it updates the + and - signs to change when clicked. I can't figure out how to get the collapse all button linked in though. Obviously, when i Click expand All, it expands all of the list and changes the + sign to a minus and if I click expand all again, it changes the - sign to a +. I want to do the opposite when the collapse all button
Using JQuery in Blogger
Hi All, I'm really new on this, in fact this is the first thing I'm trying to do with JQuery. I'm trying to get a Photo Gallery done in my blog and it is driving me crazy. I download some code from http://www.twospy.com/galleriffic/ and I'm trying to learn how to use it. I have 3 jQuery files: 1. jquery.galleriffic --> which I understand is the important file with all the Gallery code 2. jquery.opacityrollover --> which I belive has extra functions for the Gallery (not totally sure though) 3.
How can I get this Show() function to view selected=selected as a value so that it will work with values fetched from a database?
This show() function works correctly if values are hard coded and/or selected on the page, but isn't working if the values have been retrieved from the database. This script doesn't seem to be recognizing the values even though they're echo'd properly and are being utilized by in 2 different ways on the page - to display the values as text, and to set the values of the relevant input elements (the user toggles between these depending if they're in View or Edit), and the HTML source code shows those
Problem with back button on phones
I've been developing a new site using Jquery Mobile and now that we are testing on smart phones I'm running into problems with navigation, specifically when somebody uses the Back button. For example, you start on the landing page, you click on a link to go a another page. That page has a form which delivers you data when you submit. Now you're on the results page, you click Back, you are on the correct page. Now you click back again, which should take you to the starting landing page. What we're
jquery context menu with ajax
Jquery context menu I am using it from this example http://code.google.com/p/jquery-vs-context-menu/ below is the code it works good , in my case I create the div with ajax , its not preset when page is loaded please advice how to make this work when the <div class="vs-context-menu"> is create with ajax request <script type="text/javascript"> $(document).ready(function(){ $('#context').vscontext({menuBlock: 'vs-context-menu'}); }); </script> <div class="vs-context-menu">
OK - this shouldn't be so difficult (sigh)
Hello: I'm working with a jQuery constructed table. The table assembles wonderfully. Now I want to grab the text() of the 2nd <td> on the row I've selected. But I can't figure out how to do it. Following are the details: construction syntax: function rowBuilder(data) { return '<tr class="myRows">' + '<td class="e_lay"><input type="checkbox" class="Grp_Chk" value=' + data.GroupID + '></td>' + '<td class="b_lay GrpName">' + data.GroupName +
PrinterShare not working w/ JQuery mobile site that uses dumbFormState plugin
dumbFormState plugin conflicts w/ PrinterShare when trying to print. JQM loader spins and pages never appear in PrinterShare window. Would like to use the formstate plugin and local storage when printing to bluetooth wifi printer. Commenting out persistLocal :true allows PrinterShare to work but the form no longer stores fields in local storage. DumbFormState works fine w/ local storage & persisted fields when printing out from the desktop. How to mitigate?
Destroying countdown within div
I'm using the Jquery countdown plugin from Keith Wood to show a countdown to a given time Everything works fine..but I'm stuck on a little piece of coding.. I'm trying to update a <div> with a new countdown, therefor I need to destroy the old countdown within that same <div>.. but that seems to fail. I'm using the destroy function from keith woods countdown plugin, but the coding I have at the moment shows the new and old countdown blinking through each other.. <script type='text/javascript' src='jquery.countdown.js'></script>
problem to apped select to dynamic table
Hello All, i'm newer with jquery and i'm a project and i have some a problem to append a select objet in a table that mark the selected option the code that i try to use it is var index = 1; $("#parentesconuevo").click( function(){ $('#table1').append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td><a href="#" class="delete">delete</a></td></tr>'); $('#table1 tr:last td:eq(0)').html(index); $('#table1 tr:last td:eq(0)').html('<input type="text" name="nombre[]" id="nombre" class="
ajax form works - partially
Used a contact form, and it works - except that it doesn't extract the phone number field into the email. Any suggestions why? Thanks!
looping through child divs and check for a condition.
I have this simple code, a condition and action repeated but I am sure there is a way of not repeating my self. I have tried using .each(), .siblings() and #layer_wrp > div in various ways. All these layers are nested in a #layer_wrp. Can anyone advise ? Thanks My code: var $welcome_layer = $("#welcome_layer") etc...... $(function() { jQuery.fn.slideRightOut = (function(){ if($welcome_layer.css("margin-left") ==='900px') { $(this).css("z-index",-1).stop().animate({ marginLeft: "1800px"
On Ajax loading
I'm gradually getting a handle on the whole jQM paradigm, but there are still some things that I haven't figured out. I'm hoping that someone can help me... 1) jQuery Mobile loads subsequent pages via Ajax. But what should those subsequent pages look like? Full web pages with a head, etc? Or just the <body> contents? 2) If ajax-loaded pages should be HTML fragments rather than entire documents, are there any request params that jQM sends, or can I somehow specify these parameters so that I can
inline jquery
I want to write inline jquery at the tag itself than writing it in header page here is my html <fieldset> <legend> Comments <a class="showHide" href="#">Show/Hide</a> </legend> <div> <div wicket:id="commentsRepeater"> <div wicket:id="comment"/> </div> </div> </fieldset> I wan to write jquery code in onclick attribute of anchor tag with class showHide, Can we do that ? here is my jquery $(document).ready(function() { $("a.showHide").live('click',function (event){ var fieldset=$(this).closest("fieldset");
Can someone help me please...I have an issue with cloning an element and it's functionality.
I have a draggable module that has an edit/delete functionality attached to it that works great. But when I drag it and it gets cloned and I drop it in the droppable area the clone loses it's edit/delete functionality. The buttons are still there but they won't function. I really need to know what I'm doing wrong here. Here's my code for it... var xLabsConnect = { jQuery : $, settings : { columns : '.column', columnsNav : '.columnNav', widgetSelector: '.widget',
Link to an External Page / Framework is lost
Hi ! I'm very, very newbie to JQM, although very experienced with web development, dynamic content as well. To start, I have built a simple page with 3 sections. All of them same document. On the 3rd section I have a link to an external page that has dynamic content (that queries a data base server). Need to have this external page EMBEDED into the original DOM and Framework, that is, as if it was loaded originally INSIDE the first page. On my tests below, the external page is loaded but it looses
orientation detection
how can I know if the customer has changed the portal to landscape thinks
Onclick select menu url redirect
In my mobile theme that I'm working on, I have a list of replies to an article. Next to each reply is a button that one can click (or touch) to view a select menu for options to reply, report, remove etc. assuming they have permissions. My problem is for the option to remove I want a JavaScript confirm() to give the user the option to proceed so that there isn't anyone getting mad for accidentally removing a reply. :) I cannot figure out how to get the value(the url) of the selected option. Here's
jQuery problem on iis server
I just took over a project written in php using jQuery. I need to do some edits so I moved a copy of the files that were working in production to our test server. Now, with no other changes, the jQuery function below is not working. Our test site and production site are set up on the same iis server (Windows Server 2008 R2). function preFill(voterID) { $('#txtVoterID').val(voterID); $('#dialog-voter-search').dialog("close"); $.post("engine.php", {act: 2, vi: voterID}, function(data) { $('#txtNameF').val(TitleCase(data.FIRST_NAME));
How to write the selector?
Hi, how can I select a list-item which is 3rd-Element and has a child span with a class? var paginationUl = jQuery('ul.pagination'), paginationLi = jQuery('li', paginationUl), firstLiNotCLass = jQuery('li:not([class])', paginationUl), paginationStart = jQuery('.pagination-start', paginationUl), paginationPrev = jQuery('.pagination-prev', paginationUl), paginationNext = jQuery('.pagination-next', paginationUl), paginationEnd = jQuery('.pagination-end', paginationUl);
Custom jquery scroller problem
Hi All, I am trying to develop a vertical scroller - it is a UL with a fixed height to only show a few list items, then with up and down controls, the user can scroll through. There is 3 bottons on top and 3 on bottom, the first button will scroll the UL up and down one item, the second will jump/scroll 3 items and finally the last button will move to the top or bottom of the list. I have created this all and it is kind of working, it moves up and down one, and jumps up and down 3, but there are
strange variable overwrite problem
hi, ive worked with javascript/jquery for a while and think that i know quite a lot, but this morning ive come accross a situation where making changes to a variable 'magically' affects the values of another variable. have a look at my fiddle http://jsfiddle.net/4TrN4/13/ is this normal?
beta tester / apps / devs needed - Announcing the beta launch of ThunderCloud!
Hello! Announcing the beta launch of ThunderCloud! Exclusively at - thundercloud.io Thundercloud is a PAAS solution which enables you to store, retrieve and share mobile app data in the cloud. This means, for the first time ever, you can: • Upload your app data. • Retrieve your app data at will. • Retrieve data from other apps at will. With ThunderCloud, the possibilities for app integration and data sharing are endless! Here's how it works: 1. Add your app. 2. Setup keys for what you want to store
jquery not working in ajax update panel in second postback
jquery not working in ajax update panel in second postback jitendra kumar pradhan
I am trying to get continuous data using jquery
<script type="text/javascript" language="javascript"> $(function() { var checkit = function(){ $.get( "test2.php", { name: "Zara" }, function(data) { $('#stage').html(data); } ); } var nre = setInterval(checkit,1000); }); </script> </head> <body> <div id="stage"></div> </body> </html> I am trying to get continuous data from test2.php using jquery but to no avail. Can anyone please help ?
Help jquery
I want a program to write on a text box and displayed at the same time in another..
Change theme of Collapsible set list view using jquery.
Hi I have used Jqm Collapsible set list view and it is working fine. list view My requirement is that differentiates last update list view. My list view code is : <div data-role="collapsible-set" data-theme="a" data-content-theme="a"> <div data-role="collapsible" id="div_1"> <h3>ALL</h3>] <p> <select name="onoff_switch_1" id="onoff_switch_1" data-role="slider" data-mini="true" onchange="switch_status(this.value,1,'div_1');"> <option value="off">Off</option>
modal window in header frame doesnt fill the entire window as a result of body frame existing
Hi i have a frameset. Two frames in it with top frame ocupying 25% row and other 75%. <framest> <frame name="frame1" src="header.jsp" /> <frame name="frame2" src="body.jsp" /> </frameset> header.jsp: <script> $(document).ready(){ $("#modaldiv").modal(); $("#modaldiv").show(); } </script> <div id="modaldiv"> </div> Because of the body frame(frame2) my modal window is cut half(25% top) even when i increase the height. How can i overlay on the frame 2 as well, so that it displays in the center
Particular case: Programmed Query string using form inside dialog
Place a part of my project. When I run this code and I click add on the window. Firebug responds with an error when I run the script in to submit. I would like to know why does not this `alert ("Se funziona questo mi hai aiutato");` http://api.jquery.com/submit/ There is a example at the end of the site and also works on my pc. Now I public my code or exercise where I use the form inside the window's dialog(Jquery). I want programmed and I have the solution but the script inside the function's javascript
Next Page