Read out url / anchor
www.anyurlthatwillbehere.any/index.php#contact Is there any possibility to read out an active anchor with jQuery? And if yes how to? Pete
Not getting the element of dynamically loaded form using jquery
Hi, jquery .serialize() does not work on dynamically loaded form using jquery Thanks, Madan Ray
Problem with selecting multiple tables and access trough '[x]'
hi i'm selecting tables in my page with the following selector: $(".mytables") // this finds 4 tables Now the following code line is giving me error message : 'the css function/method is undefined...' $(".mytables")[0].css('property', value) And the following lines are working correclty: $(".mytables").fisrt().css('property', value) or var table = $(".mytables")[0] table.css('property', value) Why this behavior ?? Where is the difference ??
jquery mobile event taphold on image
I added 'taphold' jquerymobile event for an image. When i taphold on that image in ipad i am getting the below pop up which is thrown by browser. How to avoid this?
Drop Down Menu CSS (z-index) problem
I'm having a z-index order issue. I thought it would be an easy fix and I have tried a few different z-index changes, but I cant seem to get it right. The issue is just on the home page: http://www.jamesgradwell.com/staging. as the jquery dropdown menu is falling behind the other jquery image slider. (what is also odd is that at times, it comes in the front and then it goes behind again) Could anyone please assist me? it would be much appreciated! thanks Leigh
jquery mobile ui-dialog breaks back button
Hi all. I hope this is the place to find help, i have had not luck with even getting close to an answer from the jquery mobile pages. I have a page that has a select list on it. This is auto re-styled to jquery mobile ui-dialog. I have added an onchange to the select list to populate the list with ajax. The problem is that this action does what i need it to, but because the ui-dialog is not being closed in the right way, it leaves &ui-dialog on the query string which means that when the user hits
jquery mobile popup select menu width
I wish to increase the width of the popup select menu in jquery mobile - (It's not wide enough to contain the words I wish to place in the selections.). How can I do this?
How to use filter with select menu?
I would like to use the filter function with select menu like the one shown in the list view sample. When I tried the code given below the search bar does not show. Is this th correct way or is there a different way to do this? Thanks. <select id="test1" data-native-menu="false" data-filter="true"> <option value="CA"> California</option> ; <option value="Ny"> New York</option> ; <option value="NC"> North Carolina</option> ; <option value="WY">Wyoming</option> ; <option
Questions with jquery validation
Hi, I am new with jquery. When I clicked on the alert box OK I would redirect to another page. Any suggestion on how to stay back on the current page? And how to add if no value is selected there's no need any alert box needed? Now if no value is selected then it will pop out a plain box. $(document).ready(function(){ $("#btn").click(function(){ var msg=""; $("[name*=Date]").each(function(i, item){ if(item.selectedIndex>0 ) { if($(item).closest("tr").find("input[name*=Msg]").val()=="")
jQuery Mobile elements outside "page"
I want to develop a single page app using jQuery mobile, and want to have a menu on the side (similar to the Facebook app for iPhone). This side menu needs to stay static on the page, and only the main content of the page change when the links are clicked. i.e. I want to have a <div> outside of the data-role="page" that still has jQuery Mobile controls in it, but doesn't change with the page content. If I try doing just that, I cannot find any way to apply the jQuery Mobile styling to the controls
Storing remote HTML source code in local JavaScript variable.
Hi, I am trying to find a way in client side JavaScript to store the HTML source code of a given web page in a JavaScript variable. I want to do this to filter out a pop up ad from a served piece of HTML before displaying it in an div any ideas? thanks vinay
Jquery script help
Hi I have got multiple jquery scripts in the head section of my website - see below I know about not having more than one script on the page but is there a way of having more than one jquery script as they are different versions and need both of them on the page for both of them to work Thank you in advance Ian <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="script.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
Search field with on the fly select-list from database table.
I'm trying to create html search field when user starts to type on, it should show a symbol matched combination list from database table's column. I would appreciate, if you could put me on a right direction or detailed steps. Thank you very much.
Jquery Autocomplete
Hi, I'm trying to use jquery autocomplete for states. I want the user to type the state name but I want to receive the state code. TX for Texas, CA for California, etc... All the examples I'm seeing on the internet just give a partial version of the program (the jquery part). Is there's a complete simple sample somewhere ?
Display the result of Jquey ajax get call
I am doing a jquery ajax call to get some data from a service. The response is in Jason format. My code looks like below. I want to display the results I obtained in a html table. I am able to see the alert once the response comes back but when I try to write the data to a table, the data is not displayed (I have commented the code segment out) <table id="display"></table> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function(){
Please help me with this simple code
I have a question and problem and really will be happy if someone helps me to solve it. I have a website and want to enable the webmaster of other websites to insert a javascript code from my website to their own sites and this code enables visitors of their websites to submit their pages to my website. For example you see many digg buttons in most websites that enable visitors to submit the content of other websites to digg using this button. I myself made the code for doing it now and it works
jquery google maps api v3 load issue
Ok so this i my first attempt at a mobile app and im having an issue with my google maps. I am using dreamweaver cs6 with phonegap build service to compile my app my coding is as follows <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title><link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> <style type="text/css"> h1,h2,h3,h4,h5,h6 { font-family: cursive, fantasy; color: #996600; border-top-color: #000; border-right-color: #000;
passing event handler dom data
my expectation was that given: <section data-role="page"> <div id="audio-language">en</div> </section> that in the following handler: $('section[data-role="page"]').live("pageshow", function(event, ui){ console.log("pageshow"); console.log("$('#audio-language').html()); }); $('#audio-language').html() would evaluate to whatever the current div contents were. but it seems to just evaluate once when the first page is loaded. how
Using (href a link) to target a div
Where am I going wrong cant get the page to display in the DIV ? Sample of my web page as below: <link href="../allwebcss.css" rel="stylesheet" type="text/css"> <script type="text/jscript" src="file:///C|/wamp/www/dawa3/jq/jquery-1.8.1.min.js"></script> <script> // Wait for the document to load $(document).ready(function() { // When one of our nav links is clicked on, $('#nav a').click(function(e) { a = $(this).attr('href'); // Store into target div
How to leave jquery tabs page
Hello there I have an issue while leaving the page. The concept is that while working in Jquery tabs, if the application throws any error, it should go to an error page. I have tried with Response.Redirect but this will opens the error page in the same jquery tab from which the error is thrown.
IE not displaying my code correctly
I have used the following code to create a rotating background, i have split up the jquery and the rest of the code for the perpose of this post. The content area of the page is supposed to be displayed in the center of the screen, but in IE 9 it displays in left side of the screen all non IE browsers work fine. the background class divs are obviously the background layers. they have a height and width of 100% and their background will later be set to the image i want them to display as the background.
Custom UI for TABS ??
Hello, jQuery TABS widget was very helpful. But i want to use custom UI for the TABS not the jQuery UI.... Is there any way to use my own look and feel ?? Could you please help me. Thanks, Praneeth
"Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page
Hi, I'm getting the error "Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page. At the beginning of that page I have the javascript code to load JQuery <script type="application/javascript" scr="resource/1352112986000/JQuery_1_8_2_min/jquery-ui-1.9.1.custom/js/jquery-1.8.2.min.js" / > <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css"/> <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.min.css"/>
Help with radio button and jQuery
Hi, I’ve a asp.net page with two groups of radio buttons. I want to pop up a modal box when B is selected from 'radio1' radiogroup and 1 is selected from 'radio2' radiogroup. I can pop up modal box when only B is selected from first dropdown box but I don’t know how to check what is selected from both the radiogroups. Can somebody help me with the syntax as I’m new to jQuery syntax. Below is my code. Thanks in advance, Joe Green $(function () { $( "#radio1" ).change(function()
How to insert ajax result after <a> element
Hello, <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About Subject2</a><br /> </div> </div> When clicking on <a> element, I try to get information from an ajax request, and put result just after <a> element. The ajax result is like <span>Subject is ...</span> Finally, I must thave <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About
Scroll Issue on swipe elements
Hello, in a webapp i use swipe-left / swipe right events for navigation through a set of data (location,street,buildings). After searching for days now i found this: https://github.com/jquery/jquery-mobile/issues/3954 On Android 4 i got scroll issues like described there. There is even an example on the github page: http://www.billdodgeautogroup.com/test/test4.php When trying to scroll through the list its getting stuck all the time. I read a lot from people having the same but i cant find a fix
animate if a class exist
Not sure if I am planning to make this to work using this direction but. ON this site. http://hegele.bolderimage.com/ I have a carousel , when you hover over a label slides down with fading red background. And it slides up when you hover over another one. Each label has a red background on the active CSS class. For the active labels, I was wandering to have the them to slides down and up the same way they do when you rollover them. But I want them to do that automatically in addition to the red background.
Using Jquery to control dynamically generated HTML
OK I've looked around the site for any hint on this but if it's there I've missed it, so sorry if this has been answered and I'm not seeing it. What I've got is a web page containing a DIV into which I'm dynamically putting a list of entries with selector buttons, I've simplified the code a lot for this example The target DIV looks like <div id="targetdiv"></div> I ask a server for a list and build a string that looks something like <div> nameofentryfromserver1 <input type="button" class="dynamicbutton"
Jquery 1.7.1 Sortable - placeholder
I have two sortables to drag and drop items to each other. I see that when I drag an item from sortable1, placeholder remains visible into sortable1 till the dragged item is completely in the Sortable2. I would like it to show placeholder into sortable2 as soon as dragged item comes over the sortable2. Please advice how can this be achieved. Please see attaches screen shots to check the current behavior. This is the code that I have to set the drag and drop - // make listbox2 sortable, inside "start",
How can I have the data-role="content" always displayed to the data-role="footer"
Dear All, I am displaying a googlemap to a div <div id="map"></map> It work fine excepted that <div data-role="content"> is not heigher than 1px. I would like to have always the eigher the height of <div data-role="content"> or <div id="map">, heigh up to the <div data-role="footer"> In CSS if I use height=100%, the 100% does not work. In that way, google map will always be displayed in all the screen of the smartphone Many thankf for your help Cheers
Carousel Question
Im new to jQuery Mobile. Still researching it. Does jQuery Mobile come with a "built in" carousel function? I cant find one in the docs ...
problem with show/hide feature.
http://optiq-customtees.zxq.net/store04.html if you go to the link and click the "men" button... you'll see my image gallery pops up at the bottom.... so it shows the scripts works... but it's for some reasoning opening at the top of the div I have it in and I only see the back n forward buttons with the little dots on the bottom... without the JS in there it shows up perfectly in the div... what am I doing wrong here?... a quick run down of the method I'm using is this... the button for showing
Double transition the page
Hi all! I have such a problem, a link with href to another page with data-transition (no matter what kind of transition I use) and also changePage() with transition too...So, the pages in both cases, when link is clicked or changePage called, apear for a second, then desapear and then load normally. Why can it be?
Loading a page into a dialog with ui buttons
Hi, I am loading a page inside a dialog which has ui buttons. But it seems as that the javascript gets deleted and therefore the buttons are not displayed correctly. This is a shortened example: $(function(){ $('.edit_module').click(function(){ DialogBox(); //creates the dialog var module_id = $(this).parents().find('.mod_id').val() $('#dialog') .load('test.php', { 'p_module_id': module_id } ) .dialog('open'); return
Ajaxcomplete what selector to use
I am trying to figure out the correct selector to use with this event. After someone uploads a file, I want to run a function. I have tried the div that receives the updated file link and the form id, but neither works. Example code SCRIPT START $("#divthatgetsupdated").ajaxcomplete(function { alert () }) ); SCRIPT ENDS
jQuery Mega Drop Down Menu using JSON.
Hi, I like jQuery Mega Drop Down Menu plugin and using in project. I have menu data in database and looking for developing menu using JSON data like JQWidgets menu. Currently mega menu creating menu using html elements ui and li etc. Is there any way create jQuery Mega Drop Down Menu using JSON. Any idea? [CODE] CREATE TABLE "SYSTEM"."JSON_DATA" ( "ID" NUMBER NOT NULL ENABLE, "PARENTID" NUMBER, "TITLE" VARCHAR2(255 BYTE), "HAS_CHILD" NUMBER ) Insert into JSON_DATA
Changing Message displayed within JQuery method
This might be a high-level question but, I want to change the message that's displayed within my webpage, in the defaultMessage method/procedure. This is so that it can be more user-friendly to the client.I have replaced the text that was assigned to $.validator.messages[method], from: $.validator.messages[method], "<strong>Warning: No message defined for " + element.name + "</strong>" ); }, to having a different message assigned to the $.validator.messages[method], I have rebuilt the solution
size attribut on a jQuery input object
Hi all, I'm currently trying to use javascript as an object language and so I'm doing something like this : _inputNameExp = jQuery('<input/>', {'type': 'text', 'size': '25}); $('body').append(_inputNameExp); This partially works : input is created and inserted in the body but there is no "size" attribute... A workaround is : _inputNameExp.attr('size', '25');And now this is working but I don't like it... Am I doing something wrong during the input creation ? Is this a jQuery bug ? Thanks ! Also I
issue with Cross domain
I just started using jQuery and am trying to learn as I go, but I have hit a road block. I have a requirement on creating tab and bring external site to the tab i was able to create tabs using Css but dont know how to use Jquery to display external website within an tab.. The following are the files which i am using The tabs-no-images.css file /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; } /* single
Unable to get jqgrid
Hello people, I am new to this. how to obtain the jqgrid in jquery mobile environment in a jsp.
Next Page