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"
jQuery plug in popup
Hi All, I current used jquery plug in SImple Model (http://www.ericmmartin.com/projects/simplemodal/) to do a popup windows, where it is iframe from an .NET aspx page. inside the popup windows, I have few checkbox controls and have validation on buttons click. however I encounter 1 issue where if the user close the popup windows, there is no validation take place. is there possible to make the validation on windows close? else a simple confirmation notification to inform user that their data is not
jquery and php problem
hello everybody, sorry but i'm spanish and i don't speak english a lot, i have a little knowledge in web development´ i'm working in a web application with jquery but i have a problem in a part of my application the admin of the web can delete a member wich is registered in the application, for each member of the list has a buton that if te admin clicks delete a member(using $.ajax) wich is save in a DB the code is the next: <?php for($n = 0; $n < $nMiembros; $n++){ ?> <div id="member"> <table
Clear cache on external link
Hello, Im currently working on a iphone + phonegap + jqmobile app. This app has external links to files like pdf. The problem i have is that if i press the pdf file it will load the file in a new windows. When i close the app and restart it again it will show the pdf again. Is there a way to clear the cache of jquery mobile? or is there a way to restart app when openening again? Thank you.
In the jquery mobile alpha 1.0a4.1, HTML 5 tags are not working in android
Hi, I am using JQM 1.0a4.1 to develop android application. here i am using HTML 5 tags. In the web environment its working fine. In the android mobile, the validations are not working and <input type="file">, it shows Uploads disabled. I have 6 forms in my application. Please any body help me to use HTML 5 tags... .
Open dialog in other frame
Hi, I'm a new user (of this forum and JQuery). I would like to know if it is possible to open a dialog window (JQueryUI) in another frame. I have a toolbar on a (header) frame and I need to open the window on the center (main) frame. Really thanks.
How do I change the href of a link?
Hi, I am new to jquery and I am trying to create an image gallery from the 20 last images in posts in a Wordpress blog. So far my code works nicely to collect the images from the posts and make the external image gallery script work with them. What I want to do now is to get the permalinks for each post and wrap them around the image from that post. The way the page is coded in Wordpress now, the images are wrapped around a link to see the full size image and that is the way I want it to be in the
Datepicker in fixed DIV on the bottom of the page pops up out of the visible area of the page
Hello! i have a Datepicker on an input field in fixed DIV on the bottom of the page. This pops up out of the visible area of the page when I have scrolled to the end of the page. How can I influence the positioning of the calendar? In the middle of the content: WORKS! When the page is at is end: DOESN'T WORK!! Can anyone help? Thank you
content dependant on url hash
I have a page with a few links. when a link is clicked a div is populated with the relative content. what i need is if the url has a hash tag then the div will be populated with the relevant content on load. Is there anyway to do this?
Slider with multiple date range in one slider
Hello, im trying to do something like employees vacation arrangement. There is 120+ employees vertically listed and i want to put slider near them for a year and mark their vacation times on that year with slider range. So i need more than 1 date range in 1 slider because there is vacation ranges in year more than 1 also that ranges can be moved with drag and drop middle of it. I can show the dates with tooltip while moving start and end position of slides. I know currently there is no function like
Changing a select menu with Jquery when radio is checked
Hi i seem to be having a little problem with my code and was wondering is someone could point me in the right direction with it. What i am doing is if a radio button is selected it will show a different set of city names. My Jquery code is as follows : $(function() { $( "#accordion" ).accordion({ collapsible: true }); $( "#citta_az" ).buttonset(); //Hide Monza e Brianza when page loads $("#MB_DIV").css("display","none"); // Click Function $("#citta_az_mb").click(function(){ // If
Persistant Footer in Alpha 4
Hi Guys, Currently I'm struggling with some issues on an persistant footer. I rewrote some of the css of jQuery mobile to implement a two column page for tablets. Works fine so far, but when i add data-id to my pages to make the footer persistant, i starts after the first page transition to add the style Top:0px. Can anybody tell me where to find this line of code? TIA cheers, Yoggl
slideUp() Problem in Safari Browser
Hi, after domready i'm wraping some Elements and then i want to slide it up. But in Safari it doesn't work at this point (domready). It only works if hide() or if i'm not using the wrapped element. But in all other browsers (firefox, IE, etc.) it works. Yeah it also works in IE ;-) here's the code snippet $(el).find(config.crop.cropTag).wrapAll('<span class="' + config.crop.hiddenClass + '"></span>'); // the alerts works fine, so it will be found in safari but slideUp doesn't work // alert($(el).find('span.'
i need a combo box with images in it
i need to show a list of items and its icon by the side .can i get a combobox wid images
jquery datepicker - disable weekends and specific dates
I've been trying to follow similar posts and the solutions do not seem to work for me. Any help would be appreciated. I'm trying to disable weekends and specific dates. I can't seem to get the beforeShowDay working. In the example below I can get either the weekends or the specific dates disabled by calling either onDate: $.datepick.noWeekends or onDate:nationalDays (respectively) I'm using jQuery 1.4.4 Datepicker extensions for jQuery v4.0.5 var natDays = [[4, 15],[4, 28] ]; $(function() {
Input adder
Hi, I need some help with creating a script that adds the fields byclicking on the add link. My html code looks like this <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><font><b>Product name</b></font></td> <td valign="top"><font><b>Amount</b></font></td> <td valign="top"><font><b>Price</b></font></td> </tr> <tr> <td valign="top"><input type="text" name="input[1]name" size="45"></td> <td valign="top"><input type="text" name="input[1]amount"
Is there a way to show the overflowed text on button press using jquery or any other way?
Currently on the forum end of one of my sites, users like to create huge signatures. I would like them to have this option so I have used overflow to hide everything 150px and greater. On mousing over, the rest of the signature is displayed. This seems to annoy a lot of my members thou. Is there a way to show the overflowed text on button press using jquery or any other way? Edit: Another way to ask, a show/hide script that shows a max-height of 150px but on click shows the rest of the content.
Please help me stopping my menu from flashing on mouse over!
Hello, I have recently started with wordpress. Knowing next to nothing about javascript and/ jquery, I have downloaded a theme that makes excellent use of these. However, recently my menu started flashing like crazy when mouse over. I'm sorry, I really am a newbie at this. The URL to my site is www.surreal-exposure.com And here is the specific code for that menu: function menu() { $('ul.menu li').hover(function() { $(this).not('ul.sub-menu li').find('a:eq(0)').stop().animate({ paddingLeft: '20px'},
fadein and out using delay for list of links
I have this code <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="rnd-prd"> <a href="#link"><img src="IMG" border="0" /></a> <a href="#link"><img src="IMG" border="0" /></a> <a href="#link"><img src="IMG" border="0" /></a> </td> <td class="rnd-prd"> <a href="#link"><img src="IMG" border="0" /></a> <a href="#link"><img src="IMG" border="0" /></a> <a href="#link"><img src="IMG"
Desperate newbie needs a little help with GallerificPlus
I've downloaded script from: http://www.mattgifford.co.uk/downloads/gallerificPlusV0.4.zip and I just want to make it little simpler.. The thing is that I want to call lightbox straight from the thumbnail, not from the bigger image on the right.. Thats it! Please, I hope someone can help me with that, as I'm getting really desperate..
3 dropdown menus
Okay. I got a little question about jquery. At this moment i am sitting on a recrutment-form for my world of warcraft guild. So, what i like to have is this: there are 3 selcte-menus. 1. class 2. primspec 3. secspec the first is enabled by default, so you can select your class. Number 2 and 3 are disabled at startup. So if a user had selected a class, the menu 2 and 3 are showing the talents for the selected class. example: 1. class => Mage 2. primspec => Fire, Frost, Arcane 3. secspec => Fire, Frost,
Why does my swipe code not trigger on Android 2.1?
Hello, I am fairly new to jQuery Mobile. I have what I think is reasonable code for doing a "swipe" change on a page. It works on iPhone and on Android 2.2 ..... But for the life of me I cannot get this to trigger on 2.1 I can get the alert for the binds and such .. but no swipe alert........or rather....if I reload and swipe 10 times... it will work 10% of the time. Can anyone tell me why please? Thank you. <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="user-scalable=no, width=device-width,
How to make fade in/out keep looping
I have this code to fade in a button on hover and fade out . It works on the first hover but it stops and wont do it on a repeat hover. How can I make it continuous? here's the html: <a href="#" class="offerbutton"><span></span></a> here's the jquery: $(function() { $(".offerbutton") .find("span") .hide() .end() .hover(function() { $(this).find("span").stop().fadeIn(2000); }, function() { $(this).find("span").stop().fadeOut(2000); }); });
Already a Problem: Can't download JQuery 1.5.2
Hi, This is my first post. I am on a Mac (OSX) and am having trouble downloading the jQuery Core download - it goes to a page and shows up in a script. I tried going in UI and downloaded (I think) the Core 1.5.1 not .2 and the UI of 1.8. How can I download 1.5.2? Thanks, NJ
Refresh div contents on click
Hi all. I'm new of course. What my little page does here is show a random image in a specific div when a link is clicked. Now I want to have the contents of the revealed divs to refresh when I click on them so that a new random image populates. For example the "a" tag that you see in the whiteDie div would be clicked to refresh its content. I have no idea where to start. I know i'm i over my head here; i've been researching all day just to get as far as i have. Thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD
Refused to execute a JavaScript script. Source code of script found within request - JSONP
Hi there, Could someone help me with the folllowing? This script works in Firefox but not Safari or Chrome. I believe it has something to do with the .append function. I get this message upon running the script: "Refused to execute a JavaScript script. Source code of script found within request " (jq14 = $) jq14.getJSON("http://area.crosbiedesign.co.nz/media/client/external/php/get_to_post.php?callback=?", { sendTo: "http://area.crosbiedesign.co.nz/area/brands/external",
How can I put ICON's on my tab's
I have used various icons on buttons - kind of like a visual cue as to what the button will display in the tab-set below. Tab are created on the fly as buttons are clicked. I would like the tab label itself to have the same icon as the button that "created" it. But apparently the tab labels are too small for the icon causing the icon and the text of the tab to not align. Is there are tried-and-trued way of accomplishing this? I've attached what I tried to do and what it looks like.
JQuery HTML5 Local Storage
Hi, Sorry to retread old ground, but are there any plans to make HTML5 Local Storage a part of the main JQuery library? I know there are some plugins people have made, but this seems like something that should be part of the main branch. Also, if there are no plans, what is the best plugin people have found to use?
Multiply two text box with jquery??
Hello, I want to multiply two textbox value and put the result in third textbox. All the events are done on keyup event. Please help
Next Page