how can i get right jQuery image swap code?
hello every one, i am trying to get each image loaded into div while mouse over but it does not work. jQuery is new for me what is wrong with jQery code i have no idea could you help please. here is the code. <title>Untitled Document</title> <style type="text/css"> #gallery li { display: inline; margin-right: 3px; } #gallery #main-img { background: url(2.jpg) no-repeat 0 0; padding: 26px; } </style> <script language="javascript" > $(document).ready(function() { // Image swap on hover $("#gallery
is this a bug.????
Hi, I have asked below mentioned question but no answers. Also tried to analyse it further. I looks like the behavior when i use AutoComplete in a Dialog Model Form is different. http://forum.jquery.com/topic/jquery-ui-autocomplete-in-dialog-model-form My Observation: a) when i focusout from normal auto complete blur/focusout handler is called. in jquery-1.4.1 and the code reaches line no. 2686. b) Though when i focus out from autocomplete in a dialog box form. the code first reaches line. 1887
Problem with Success Function always returns false
<script language="Javascript"> var flag=0; function verifyUser(username) { $.ajax({ type: "POST", url: "check_username.php", data: "q="+ username , cache : "false" , success: function(msg) {
override of drop down menu and accordion (display problem)
Hi all I set a drop down menu using jquery naviDropDown 1.0 and use accordion of jquery-ui-1.8.11 too. I have a problem because the drop down menu is diplayed behing the accordion block. Does anyone know what the problem could be ? I attach a screenshot of what happens and head and mennu and accordion code. Head statements : script type="text/javascript" src="js/jquery-1.5.1.min.js"><link type="text/css" href="jquery/css/custom-theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" /></script> <script
jquery append with fixedfooter in stacks
Ok, so I am green as can be here so I hope to find the help or direction for what I need. I am building a new site in a stacks page. I want a fixed footer across the bottom, that the main content butts up against, and does not scroll over or behind it. I was told that jquery append might help with that. Here is the CSS for my fixed footer; #fixedfooter { position: fixed; left:0px; bottom:0px; height:150px; width:100%; background-image:url('http://testserver1.justrightwebdesign.com/warehouse/Slice-1.jpg');
IE getScript problem
Hey! I'm having a really annoying problem, the sample code below is working fine with Firefox and Chrome but IE doesn't seem to run it: $('#button1').click(function() { $("head").append($('<link type="text/css" rel="stylesheet" href="page1.css">')); $.getScript('page1script1.js'); $.getScript('page1script2.js'); ... }); $('#button2').click(function() { $.getScript('page2script1.js'); ... }); $('#Buttons li a').click(function()
Get parent height and assign to selector
I'm trying to find a way to go through each instance of.div with class="promo" in order to get the parents height and assign it so both are the same. I tried the following but could not get it to work. I'm a bit confused on how to go thru each and pass the height value. There are 4 div's with the promo class and each parent is a different height depending on the content. I want to build this so that the promo div will automatically adjust and have the same height as its parent. $('.promo').each(function(){
Effect queue and stop not working correctly
Hello, I have this line: $('#target').stop(true,true).show().delay(3000).fadeOut(1000); This should work as following: 1. initial state of target is hidden. 2. target is "activated" and sequence is run, the target appears. 3. After 3 seconds target shall start to fade out. 4. target can be "activated" again at any time, and the sequence from 2. should restart itself. It works if I let the sequence run its course every time, but if I repeatedly rerun the sequence before it's done executing something
remove <b> tag from a table with a class
Hi guys, I now know how to write remove statment if its to remove one piece of html such as a <hr/> However in this case I'm trying to write a bit of javascript to remove a <b>TEXT</b> with whatever text inside. And in this case it's only for a line of text that apears in a <td> which has a class: This is the html: <td class="column_main"><b>NEW IN</b> </td>
"Load" Method doesn't work in chrome and opera? plz help me.
Hello there, I have 2 page. one of them,is gallery.html and another one, is index.html . i want to load the content of the gallery page into <div id="content-gallery"></div> in index.html. I use the fallowing code : $( 'a#gallery' ).click( function() { $( '#content-gallery' ).load( 'gallery.html' ); }); but it works only in IE8,FF, and safari. It doesn't work in chrome and opera (latest version). In opera and chrome, when i click on <a id="gallery">show gallery</a> it show only a bank page. I
jQuery validate on modal form not working in IE
I am using jQuery validate on a modal form. It works fine in FF, but not in IE 7/8. I am not getting any error, the form just submits without firing the validation. I have tried what solutions I could find on the forums but to no avail. Any idea would be appreciated. Here is my JS code: jQuery.validator.addMethod("phoneUS", function(phone_number, element) { //custom phoneUS phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 &&
Dynamic refresh Using Jquery
Hi all, we are developing a new Java/J2EE application which will be deployed on Liferay. In one of the Application's pages (JSP page), we get list of users from data base and put it in a table using pagination. Now we want to filter this list (say by name or by age ) without sending new request to the data base. So we think to update the List of employees and refreshing the part of JSP which contains the table of users. is There any wan can show us how to do that using JQuery Many thanks in advance
href alternative?
Is there a decent alternative to the href element? I need this because the href removes the fullscreen of an app and re-opens it in browser even after the user bookmarked the webapp. simply replacing <a href="myLink.html">mylink</a> with <a ontouchstart="window.location='myLink.html' ">mylink</a> doesn't work because of the hashtag navigation.
Creating $("<select>", { attribute object }) isn't recognizing the attribute object
$(document).ready(function() { var mselector = $("<select></select>", { 'alt': 'ROLLOVER TEXT', 'multiple': 'multiple', 'click': function() { alert('in click'); return false; } }); mselector.appendTo('body'); }); The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler. What am I missing?
Can't update text of collapsible
I'm trying to update the content of an h3 tag inside a collapsible and when I do it doesn't draw the JQM decorations. You can see it here. Am I missing something?
Will there be really fixed "fixed" headers (without fading) in the final release?
Hi, Here's a question: Will there be fixed headers (or footers for that matter) which will be really fixed, and not fading in and out when you scroll as it is now? I ask because from all the iPhone apps I've ever tried - I've never seen any of them use the type of fadey headers that jquerymobile produces per default. It seems to me that the more "standard" header (which just stays on top, and your content scrolls freely underneath) would be easier to implement, even. I know that you have some new
ui.tabs.js I want entire page to show with a certain tab open
Situation: I have a list of topics on my index page that have anchors that go to a different web site page that utilizes tabs using ui.tabs.js. The anchors work just fine, that tab opens up, that subject is shown, etc. What I would like to have happen is that I can see the top of the web page with the header in addition to the specific tab and subject opened up. As it is, the user can't get to the navigation to other pages on the site without scrolling - it could be a little confusing. They
Able to disable checkboxes on condition, but odd problem
I asked part of this question on stackoverflow but didn't get any answers I understood (link). I was hoping that maybe someone here could point me in the right direction. I have very minimal experience with jQuery as I usually just scavenge what I can find in Google searches. This time however, I need something much more specific. I found some jQuery code as a result of a Google search that allowed me to disable specific classes of checkboxes based on user input of a single select box. I works great
[validation] conflict with jquery-ui-1.8.1.js
Hi, It looks like there is some conflict between validation (1.8.0) and jquery ui plugins, if I use them both on same page I get no javascript errors but some of jQuery UI theme elements get broken and do not show correctly. Any idea ?
How to call internal functions of a plugin?
Hi there! Firstoff: I know I ask about using a plugin, and I wasn't so sure where to put my question in, decided though the general jQuery-Forum would be better as my problem is more connected to jQuery than the plugin itself. First off, I'm using this plugin and modified it myself a bit, adding new functions: http://www.quasipartikel.at/multiselect/ You'll find the underlying .js for the component here: http://www.quasipartikel.at/multiselect/js/ui.multiselect.js Now, scroll to the end of the file,
Pros and cons of internal linked pages
Is there any good reason why internal pages are more mobile optimized than their multiple pages conterpart ? Any thought ?
Calling a Script when button clicked
I would like to call a script defined within script tags in the HEAD section of the jsp. <head> <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script> <script> $("#button").click( function() { alert('button clicked'); } ); </script>
How to stream audio using jquerymobile
Ok so here's the deal. I'm trying to develop a simple application to stream audio for a radio station. I'm using phonegap together with the jquerymobile framework to create applications for the iPhone and Android. Here's my html body code: <div data-role="page"> <div id="radioContent"> <div data-role="content"> <a data-role="button" onclick="RadioListenLive()"> <div id="radiotext">Listen Live</div> </a> </div> </div> </div> and here's my .js code:
How to pre-select dates within a date range ?
Hello all, I have following problem. I have 2 input fields, a from date and a to date. If I select as start date for example the 5. June, than I can not select an earlier date in the to date field. Thats ok. But how can I set the dates if they come from the database ? I load a page and in the from date and to date is already filled, because dates are in the database. Now when I select for example the start date I can also select dates after the to date and also I can select earlier to dates than
Ugly header buttons in some Andoid phones
I have some problem with the home- and backbutton in the header of this mobile web http://mobil.flisbyab.se the rounding of the buttons get pixels around them and in some android phones the the arrow and house icons are missplaced Is this known issues in androids? I just used the standard css but with my own color theme /jesper
jQuery validate plugin - Incorrectly picking up partial class names needed for Omniture error/click tracking
Ran across a likely unusual circumstance where the validate plugin went and picked out an unexpected partial part of a class name not meant for it and therefore applied more specific 'date' type validation as well as the intended 'required' class behaviour: <select class="select required omniture omniBlank(CE:To date missing) omniError(CE:To date incorrect )" name="cardExpiryMonth" id="expiryMonth"> <option value="">mm</option> <option value="01">01</option> ... <option value="12">12</option>
listview behaves differently from a3.0 to a4.1
My application had no problems with the listview when it was using version a3.0. I upgraded to a4.1, and the listview has the following problems: 1) No right side arrow is displayed 2) One must click the button text to trigger the event. Before, I could click on the entire panel 3) The hyperlink is underline This is the markup: <ul data-role="listview" class="ui-listview" data-inset="false" id="listResults"> <li class='ui-li-has-thumb ui-btn ui-btn-icon-right ui-li ui-btn-up-c' data-theme='d'>
Dialog close button override
Hey all, I have couple of pages with links that have data-rel="dialog" which gives the nice pop up effect and formats the page to look like a hovering dialog, I now need to overwrite the url that is put into the automatically generated cross button on the top left corner that is used to dismiss the dialog. I tried adding a back button but it adds it to the right side of the dialog and the cross is still there. The reason I'm looking to do this is that we are holding our own history on server side
bug in "change" event on select menu with multiple
i tried to add a "change" event on select menu, but the event dont execute when the first item of the list was unchecked. You can see this bug in this page http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html execute in JS console the code $('#select-choice-10').live('change', function () { console.debug($("#select-choice-10").val().join(",")); }); and try to select the multiple select menu with states: 1) check the first element 2) check other elements 3) uncheck the
AJAX navigation breaks in 4.1
Hi. I've got issues with navigation. The site I'm building is almost entirely dynamically generated. Main component is a listview full of links, which build pages and proceed to them when clicked. On every page there is an anchor tag (in the header) that points to the listview page. The HTML looks like that: <div data-role="header"> <a href="#contacts" class="icon-left" data-role="none"><img src="images/arrow_left.png" /></a> </div> It works only once. I mean, Only one click ever transfers user
changing <ul> to <ul data-role="listview">
Hi, I have a list which I'm displaying with icons and title only - no JQM formatting. If the screenwidth is below 320 px, I want to convert the list into a JQM <ul data-role="listview"> list. I can add the attribute via Jquery, but when I call $('.menuList').listview('refresh'); I get the following error: cannot call methods on listview prior to initialization; attempted to call method 'refresh' Any clues as to what I'm doing wrong? Thanks in advance. Frequent HTML: <ul class="menuList"> <li>
Enhancements not applied to slider inputs
Hi guys, I'm dynamically generating a set of slider controls. These render as expected the first time they are built, in a $(document).ready() handler. However when I call the same build function as a result of the user clicking on a button, they are rendered without any jquery mobile enhancements. I've tried calling the .page() function on the containing page, calling the .input() function on the input and various other things to no avail. Any ideas? Code below... Thanks - Martin <!DOCTYPE html>
How to display the content with animation ?
HI, i have a <div> control whose content is changed asynchronously through a ASP.NET AJAX Request. How can i show the display of content with animation , e.g., when the content is added in that div , it should display with sliding down animation , and if contents are disappearing then a sliding up behavior should come . How can i implement this behavior ? Thanks
prepend(): how to insert "\" before a text?
I want to insert "\" before "*" in jQuery because I cannot do it in javascript. <html> <head> <script src="http://code.jquery.com/jquery-1.5.js"></script> </head> <body> <script> $(function(){ $("span:contains('*')").prepend('<span>\</span>'); }); </script> <script> var rename = 1; for (rename=1;rename<=3;rename++) { document.write('<span>' + 'a\*file' + '</span>' + rename + '<br />'); } </script> </body> </html> Is there wrong with my javascript code? It does not recognise the
page disapears with navigation
I have a page with multiple page's inside of it (2 for now). I then have a single nav list that I replicate inside of each page view. so the results are two pages with the same nav at the start of each. The problem is that if you click the home link when the page first loads the whole page disappears. I would like to replicate a single bit of navigation to make the page easy to maintain, but the only solution I see is to try and disable the nav for the "current" page. Am I missing something obvious?
Id selector problem on tags with mutliple ids
Hi all i have this selector in my script: var submiter = $this.find('#submiter'); then html goes like <button id="someID submiter">.... With this markup submiter comes back empty, but i change html to <button id="submiter">.... Then it works.. What is going on? Am i doing somthine wrong ?
hi all... i have a problem in jquery while checking the returned data from server.. pls anybody can resolve it?
this is my login jsp i am checking the data that is returned from controller... if it is false then i have to display error page in jsp.. But eventhough if am getting true value from controller its printing the error message... that is the if part is not executing eventhough if i give correct login details...but when i put alert(data) inside post its showing true or false according to the login details entered... what is wrong in this? why if condition is not executing eventhough the content of data
show/hide UI won't submit data to the server
Dear Friends, I am a newbie to JQuery and would greatly appreciate if anyone can help me about this confusing problem: I have a drop-down menu/single select wrapped into a div, which is controlled by jQuery hide/show. this div is dynamically generated by a JSTL tag and is in a form. the show/hide effect is controlled by another selection's choice. However, no matter what I do, the value of the select within the hide/show div won't submit to the server at all! (for example, I pre-select some un-null
Problem with AJAX & Delegates.
Hey! I actually have the problem, which is discribed in the F.A.Q of JQuery - http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F So I tried delagates. The problem now is, that the hover effect i wanted to create over a table, does only work every second time I click a link. That's rather strange. What am I doing wrong? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
Accordian height animation problem
I'm having some kind of animation problem with my accordian. For one of the panels I have set a fixed height. This naturally changed the height of the other panels. So I changed the autoHeight property, but this seems to cause some animation problems. When I switch from the large panel to the other ones I get some bad jerky animation which seems to fly around the page until it settles. Any ideas how to fix this? In my .js file I have $(function(){ $("#accordion ").accordion({ autoHeight:
Next Page