Using jQuery to change body bg image on <li> mouse over
I am trying to get the body bg image to refresh on a new <li> mouseover. I am writing out the code dynamically from a MySQL DB through PHP. When I write the following code out I only get 1 bg image on the first <li> mouseover: <ul d="Lmenu"> <script> $('.chgbg').hover(function(){ $('body').css("background", "url('includes/css/images/bg/1.jpg')"); }); </script> <li class="chgbg"> <a class="color1 fancybox" href="#Rterm1" title="ubiquity" ></a></li> <div id="Rterm1" style="width:200px;display:none;">
Problem with toggle()
Hi All I need some help in my JQuery code I can not seem to understand where I am going wrong. It's a simple 'Parent' and 'Child' style collapsible table. So to start with all 'children' are hidden and if you click on a Parent it shows all it's children. The problem with my code is when I click on a Parent all of it's children are shown in all the rest of the Parents too. Thanks $(document).ready(function() { $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show();
How can I define dialog once and use it in Add and Edit methods?
Hi everybody, I have the following code in my Add button $("#sform").dialog({ autoOpen: false, show: "blind", resizable: true, width: 1200, height: 750 }); $("#sform").dialog("open"); And I also have very similar (although not entirely working) code in the Edit button (the difference being that in Edit I try to Load different content into the form). For now my question is - how can I create a variable holding the definition of that dialog and how will
Append text in textarea
Dear All Help me to resolve this I have two fields input and textarea i want to use this as follow if some text is entered in name (input) ... say 2/3 on blur I split this and i want to display 2/3 2 as superscipt divided sign or / sign and 3 as subscript as defined in JQUERY http://jsfiddle.net/5aeqa/4/ JQUEY $("#name").blur(function () { var name= $('#name').val(); var substr = name.split('/'); var mstring= "<sup>"+substr[0]+"</sup>"+"/<sub>"+substr[1]+"</sub>"; $('#container').append(mstring);
Organizing values of child elements for processing of a sortable form
in my form, the user can click a button to create input fields. Inside each of the created input fields, they can click the "add media links" button to create another input field underneath. They can add as many media links as they please or none at all. The first set of input fields are also sortable. I have the user interface working, I'm just wondering how to go about processing it. right now, I am basically grabbing all of the values entered from the first set of input fields (aka "thestepvalues"
Mobile Document Library with jQuery Mobile
Hello, I am new to app development and I am looking to build a mobile document library type app. In essence it would be a tool to import, browse, organize, view and manage PDF files. No editing or manipulation of the files within the app. So it would need to include some of the functions of apps like Good Reader or PDF Expert, utilizing the splitview plugin type layout, but simply for organizing and browsing. Before I get too far into this project I want to be sure I am choosing the right approach
New to jqeury: question how to add an autofilter row to a page in an iframe?
Hi there, This might be better in the "using" forum, but this is my first turn at java scripting, with jquery in particular. I've the book "Jquery Novice To Ninja" and a general HTML/CSS/JS book as well (teaching myself to create better web pages at work). What I'm doing: I have a web page (not on a server, I call the .htm direct) and inside of this is an iframe. When I click on a menu items in my main web page, various different web pages come up in the iframe. These are ones I've created
How to achieving cross domain ajax calls with Jquery??
Hi, I am new to JQuery. I got a situation to use cross domain ajax calls. The code sample is here. When i am trying to invoke post (update data) i am getting error. To resolve that i placed JSNOP as commented in update. But the problem is all the request sent are only as GET even that was post. How to resolve the cross domain issue..please help me dataSource = new xxx.data.DataSource({ transport: { read: { url:
get input value from SimpleDialog2 blank mode
I have used JQM SimpleDialog2 in my app. I am having one textbox and button in that dialog. i can't able to get the value from input while click on button in dialog. i have used blank mode.. Here is my code.. I am getting empty value from this code. please correct me. <div id="myDialog" style="display:none" data-options='{"mode":"blank","top":"10%", "headerClose":false,"blankContent":true}'> <Center>please enter Your Amount here</center> <input id="txtAmt" name="amt" value="" type="text" placeholder="Amount">
Sub-domains & QRCode with jQuery Mobile
Hi guys, I've developped a mobile website using jQuery Mobile. I've configured a sub domains which go on my mobile site (my hosting is ovh). Then I've generated a QRCode for going on it directly. When I put visible redirection, my website displays in mobile version, whereas when I put invisible redirection, my mobile website displays like a computer version. Did someone have already see that ? Any idea to solve my problem ? Thanks. Regards.
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... ======================================================
Next Page