jQuery function is not working
<html> <head> <title>jQuery Menu</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#t1").mouseover( function() { $("#d1").css("margin-top","-10px") } ) }); </script> <style type="text/css"> div.div1 { background-color:#9F0; margin-top:50px; } </style> </head> <body> <div align="center">
Reseting Table After AJAX Call
so I'm implementing a search functionality powered by an AJAX requests on this site here http://polypodhub.com/ISL/ You can notice that when you start typing in the input, the AJAX call starts fetching the file names. So for instance if you type "S" it will fetch all the file names that have "S" in them. Now what I'm having trouble with is what happens after you delete your search query. What I would like to happen is for the table under the London category to reappear, but the AJAX request is deleting
Jquery Template "if"
Hello All, I am very new to Jscript/Jquery etc. I have the below situation in my code: I want to check if ${rows[5]} contains "Succ" , if so , I have to change it's bgcolor to "green" I tried using {{if}} but no luck. Any ideas how I can do this: <div id="detailed-events" class="vtrail-4"> <script class="table-row-template" type="text/x-jquery-tmpl"> <tr> <td class="toggle"><a href="">Open</a></td> <td>${rows[0]}</td>
date and time picker excluding weekends and other special days
i need a date and time picker excluding weekends and other special dates for my asp.net application.Is there any such type of jQuery Plugins or JQuery UI. Please help if any body has any knowledge.
JQuery Mobile output actual size preview
I'm trying to figure out a way of displaying the JQM output in a desktop browser in such a way that the output is e.g., 320px x 480px and not full-screen so that the output is more realistic, like an actual preview. Obviously I can't change the size of the viewport (except by re-sizing the browser). I don't want to change the user-agent. Is there a simple way of over-riding the JQM css, and / or can anyone suggest a snipped of js that would do the job. Many thanks.
ajax abort all
hello, i'm pretty new to jquery ajax. i have been using it for personal projects for about 6 months now, but this is my first real "professional" application using it. so i have an application that does multiple ajax calls based upon a form and everything is working very well. but, a few of the queries take (up to) 20 seconds to reply (mining large mysql datasets). if the user changes part of the form i need to make a few new calls, and that works fine too. the problem is the previous ajax requests
How do I post data from a form from a popup modal window
I created a modal popup window from within the same page on my site.... I set up a form on this modal window and when I click to post the data to another script... it will not post.. is there something I have to do with a modal popup in order to post data? Thanks, shoegirl31
taphold save image prooblem on mobile device
Hi I've a taphold working fine on desktop but on my mobile (HTC Desire HD) the taphold causes the native Save Dialog to popup. The native Save Dialog gives you to option to save the image which is used as a background. How do I disable this? Must be a common problem but I can't find a solution. I want a dialog to popup upon taphold not this native dialog. Thanks Ian.
tablesorter.pager not working when data is coming from ajax
I'm hoping someone can help me with a problem I am having. I am populating a tablesorter using ajax and the number of rows is quickly getting out of hand so I'd like to implement the tablsorterPager. This works fine when the table rows are included in the jsp page, but when I try to populate dynamically I am still getting all of the rows at once. Here is the html that builds the two: <div id="pager" class="pager"> <select class="pagesize"> <option selected="selected"
.load() and character encoding problem
Hi, I load a php file like this: .load('dialog_modules.php', { 'p_module_id': module_id }, function() { $('#dialog .ui-button').button(); } ) .dialog('open'); But in the dialog the characters get odd. If I set in dialog_modules.php this header: <?php header('Content-Type: text/html; charset=windows-1252'); ?> It works for the html text but then data from the database look odd which looked good without the php header so setting this header is not good at all. I have set everything to utf-8.
submitting forms in jquery tabs
Hi All, I have been searching for days and cannot seem to come up with an answer. I using jquery ui tabs and I have a form in the tabs. All my validation is done in my script which also contains my form i.e phpscript.php jquery is calling my script, the form displays but when I try and submit data the form just refreshes. this is the code in my head section. Copy code <script> $(document).ready(function(){ // set the tabs $("#tabs").tabs(); // Capture the form's submit event $('.legal').live('submit',
Why doesn't .change() handler work while change selection in my dropdown programmatically?
Here's my code: var $packageDialog = $("#package-dialog"); var $packageSelector = $("#package", $packageDialog); $packageSelector.change(function () { .... }); It works fine when I do selection on UI. Now I'm trying to do pre-selection via code: $('option:eq(1)',$packageSelector).attr('selected', true); It never fires. I wonder why and how to have it fixed.
Browser/device testing IOS vs. Android?
I'm using Browser Stack to test a phone specific site built with jquery mobile. The site renders nicely on the iPhone 4, 4S and 5, but renders poorly on most Android devices. It renders very small on Android devices. Not sure if this is due to Browser Stack, jquery mobile or something else. Any suggestions on how to develop mobile sites that render well both IOS and Android devices? Thanks.
UI Tooltip (re)position after loading content with ajax
Hi, I would like to reposition the tooltip after loading content with ajax, the tooltip stays at the same position after loading content. when i hover out and back in the tooltip is positioned in the right way but i need this do be done directly after loading content.
Will JQuery Support the Chart, is any jQuery library for Charts
Hi Please me on this.
.click() event of checkbox control not triggered after page re-load and after model state error
I have a MVC 4.0 mobile application. On the login page, we have a checkbox whose .click() event, I am trapping in a Javascript as below: <script type="text/javascript"> $(document).ready(function () { alert("Ready"); $("#checkkBoxId").click(function () { alert("Clicked"); }); }); </script> The checkbox has been created as follows: <div><input type="checkbox" id="checkkBoxId" /></div> <label for="checkkBoxId">Mask</label> When the page is rendered, I get the "Ready" alert and when the checkbox
How should I set up Apache HTTP Server to run jQueryMobile Unit Test?
Now, I'm testing jQuery Mobile by using QUnit Test Suites attached to [ https://github.com/jquery/jquery-mobile ]. TO run test, I installed XAMPP 1.8.1. Furthermore, I should set up following module. According to [ https://github.com/jquery/jquery-mobile ]. In addition to vanilla Apache the following modules are required: Rewrite (mod_rewrite.so) Expire (mod_expires.so) Header (mod_headers.so) But I can't understand these module. Please teach me how to set up server. Thanks.
Where to get jquery.mobile.table.js
I wanted functionality like jquery mobile table. but for this We need jquery.mobile.table.js Can anyone tell me where I can get this javascript file... http://jquerymobile.com/branches/tables/docs/tables/movie-list-toggle-options.html
Find 3rd span tag in a div?
Hi, I have the following HTML and I'm trying to basically find a way to get at the third span tag in this div. There will be multiple divs like this when my page is rendered so I can't just use the css classname to do what I want as that would apply to multiple areas on my page. Each div though has a unique ID, in this case "divCustomer" so I want to start with that and then find the 3rd span tag which contains this text "John Smithy". How can I do this? <div id="divCustomer" class="section" style="display:block;">
preventing an event from running
there are 2 event functions that are used in the script. 1 is to expand all sections and the other expands sections 1 by one. The issue i'm having is that the href link, when pressed closes the section. I was reading up on the stop() function, but can't figure out where to place it without screwing up the other functions. Here is the code I'm using: $(function() { jQuery('a.popup').live('click', function(){ newwindow=window.open($(this).attr('href'),'','height=540,width=960, toolbar=0, location=0,
How to save array of connected sortable lists to MySQL? Desperate
Hello, I have been intensively looking for an answer for a week. There are a lot of examples out there, how to save results, when having fixed number of lists. My task is: I have one 'ul' list, full of items (with id from 1 upwards) queried from MySQL. And I have several other EMPTY 'ul' lists (with id from 1 upwards) also queried from MySQL. The task is to distribute items from first list to other lists and save the result in db. The final outcome should be: item1 => list2 item2 => list1 item3 =>
Add dynamic rows in html and save data in mysql
Hii, I want to add dynamic rows on clicking a button and press the save button to send data in mysql table, as i am new, i am confused as how to join these 2 things. Can any one help me or point me to any example ? I only want to add a name in 1 field and add a number in another
Hide/show several divs
Hi, I fairly new to jQuery and having a problem getting this to work; There are several rows of text (about 7) I want to be able to hover over each line of text and that would activate a div to appear with more info pertaining to that line of text. When you mouse off the div hides. Thanks in advance
Change image in separate div on navigation link rollover
This is my first post. I am totally new to JQuery. I have good PHP/MySQL skills, fair-to-midding Javascript. I'm trying to do something that's probably pretty simple if you know what you're doing: I have a central div as my main content area, which contains an image on load. I want this image to fade out and have a new image fade in when a navigation link is rolled over. I know how to do a simple image swap with Javascript, but I want the elegance of a fade in/fade out. Can anyone help me out? Thanks
Persistent Navbar Not Working When Google Maps Are On The Same Page
I would like to display Google maps in my app and as many people have found there are problems in doing this. To over come it I refresh the map when the app has loaded hence the javascript. Further more I have set it to 100% so that the menu looks slightly transparent like an Android app. This same menu structure works fine else where in the app except the page with Google maps on it. I did think it was some thing to do with Google taking over the screen so I have even tried changing the z-index
Persistent Navbar Not Working When Google Maps Are On The Same Page
I would like to display Google maps in my app and as many people have found there are problems in doing this. To over come it I refresh the map when the app has loaded hence the javascript. Further more I have set it to 100% so that the menu looks slightly transparent like an Android app. This same menu structure works fine else where in the app except the page with Google maps on it. When on the maps page I am unable to select any of the menu buttons in the nav bar and there for navigate away....
using firefox, jQuery tabs have orange border
when the tab is clicked on. how can I turn this off? many thanks! http://jqueryui.com/tabs/#vertical
Trouble displaying background image
Version: jQuery Mobile: 1.2.0 URL: mobilehost.me/MP/menu.html To Do: Display graphic for the header and overlay some text. Problem: This is a very simple process and did it on PC site many times, however can't seem to locate why it's not showing up. I don't know if this makes any difference, I code using Dreamweaver CS5.5 This site is under development to learn jQuery so will look rough. CSS for myheader: .myHeader { background-image:url(images/Header.jpg); width:380px; height:175px; padding:4px
jQuery Tabs "changes to save"
With the Jquery tabs is there a way to save the changes made on a per user basis. I would also like to use the lists inside the tabs with the lists holding data retrieved from MySQL. What would the best way to go about this be. Unfortunately I am just a nooblet cutting and pasting code to get things to somewhat work. Thank you in advance Steve Here's a copy of the code I have used so far <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Simple manipulation</title>
Submit Button will only work on second try
I am using the single page template to build my mobile app. I have a form page that i have gotten form validation and ajax "working", however the form has an odd problem. After passing validation, it will only return an ajax response from the server after hitting the submit button TWICE. Thus, nothing happens the FIRST time the submit button is pressed. It has taken me quite a number of days to get to this stage, I would appreciate some help. Thanks. Here is my code... ======================================================
history.back on iOS
I have routine to automatically go back a page when a function is called. It works nicely in the desktop version of Chrome on my JQM application. But on iOS 6.01 (iPhone 4 and iPad 2) the history.back() does not work. I verified that the function is called with an alert statement just before the call to history.back. files: jqm is jquery.mobile-1.2.0.min.js and jq is jquery-1.8.2.min.js
New some help for sending a form
Dear All, I would really appreciate to have a help on creating a form. I have a jquerymobile application working with Phonegape. When I test it from my prowser, it works fine, but there is a bug, when I run it on my iPhone. After testing and searching, I notice that the bug come after I send my form. I am using that form in order to save the profile. I would like to know, if you can help me on createting a form validation. I have to field which must be validate in order to make sure, they are not
parsing postal address
Let's say I have this string: <div>john doe is nice guy btw 8240 E marblehead way 92808 is also</div>or this string: <div>sky being blue? in the world is true? 123 Main St., apt c420 Anywhere, USA 12345 jackfroast nipping on the firehead</div> How would I go about parsing a string similar to the one of the strings above, extracting the address and document.write-ing the address? Would this involve some sort of regex code? I've tried looking online for a solution using jQuery/Javascript, but
inserting javascript in a jquery
i have a jquery plugin for date and time selection. i want to disable weekends and other selected days from it. i have found the following thread for this purpose. but i don't know how to insert it in my jquery pluging to make it like i want . /* create an array of days which need to be disabled */ var disabledDays = ["2-21-2010","2-24-2010","2-27-2010","2-28-2010","3-3-2010","3-17-2010","4-2-2010","4-3-2010","4-4-2010","4-5-2010"]; /* utility functions */ function nationalDays(date) { var m = date.getMonth(),
How can i select item on screenshot
Hi, Hov can i select text (1), from object number 3, but only when checkbox is checked? Thanks for any help.
function (data) { response(data.d); }
$('#<%= txtSearch.ClientID %>').autocomplete({ source: function (request, response) { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "WebService.asmx/GetAutoCompleteData", data: "{'kwrds':'" + $("#txtSearch").val() + "'}", dataType: "json", success: function (data) { response(data.d);
Error loading Chrome when using jQuery
When viewing my page in Chrome, selecting a link produces a loading error. However sing FireFox does not and works as designed. I have checked other post and none have been replayed too. Some are from a year ago. Could you please res[pond as this problem is driving me crazy.
Listview with two columns?
With listviews is it possible to create two equal columns rather than the default single column layout? I'm trying to present more navigation options to the user with two columns rather than just one? Any suggestions would be appreciated. Thanks.
Problem with ajax on BB10
Hi! I´m trying to port my app that already works con BB7, Android and iPhone to BB10. I´m using phonegap 2.2, jquery 1.8.3, jquery mobile 1.2.0 and I´m not able to call some web services. Same code works on the other platforms but it doesn´t on BB10. This is the code where I call the WS. function llamarWSObtenerTelefono(codCliente){ // alert("HOLA"); mostrarCapaBloqueo(config.mensajes.recuperandoTLF, config.mensajes.espere, ""); console.log("lamarWSObtenerTelefono"); if(hayConexionDatos==1){ var
Problem with $.data()
Hello, I have a little problem, I use the function .data() to store some things on an element $(this).data("menu", { type: "normal", state: "selected"}); This works fine, but when I go to modify the "state" like $(this).data("menu", {state: "deselected"}); I lost the menu.type, how I can change state without lost type? Thanks
Next Page