Tabs inside accordion issue
Hello! I am trying to create an accordion with tabs inside each section and I am running into an issue. In the Jquery css I added an image that was intended for the accordion only. The following is this css (added images in red) jquery-ui-1.9.1.custom.css: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { height:150px; width:700px; border: 1px solid #dcd9de; background: #dcd9de url(images/SmiteBanner.jpg) 50% 50% repeat-x; font-weight: bold; color: #665874;
Updating a list
I've written some JQuery code to continuously poll my server for a list of items. When the server responds, I remove all the items from the list on my page and add the new ones from the server in. This causes a few problems with the user interface. When the list is updated, the scrollbars move back up. Also, if you click and hold one of the list items, the button state resets when the list is updated. Does JQuery / JQuery mobile provide something to help with this? My server doesn't support sessions,
Banner and Rerun links don't work when loading file directly
This may be just an IE issue. I haven't tried this with other browsers. Create an html file such as MyTests.htm. Run it by going to the command line and simply use: MyTests.htm<CR>. Do this instead of using something like http://localhost/MyTests.htm. IE will bring up the tests and they run fine. However, clicks on Rerun or the Banner are ignored. I debugged thus and found the bug. It appears that the code to create the URL only understands HTTP://. Not FILE://. I created a work around in our code.
Intercept jQuery Mobile Ajax load before pages are extracted
I have some data that (for complex reasons) is only available to the decorator that wraps around the <body> tag. I'm currently adding that to the <body> tag as a data attribute. I need to copy that data to the individual page divs, and I can't figure out the best way to do that. One thought was to intercept the AJAX load before page div(s) are extracted, and manipulate the DOM to copy the data attribute from the <body> to the page divs. Is this possible? Can anyone suggest the best way to do this?
Hyperlink in selectmenu-plugin.
Im using the selctmenu-plugin with custom formatting. I want to use a hyperlink for details as shown in picture below. Could this be done? Cheers! Axl
how to create a function to read just the CMS pages in jQuery??
how to create a function to read just the CMS pages in jQuery??
Collapsible Autodividers
Good day all. I am pretty new to jQuery/Mobile and did not see this mentioned anywhere. Is it possible to collapse with autodividers? Or do I need to create this manually? Thanks in advance for any information.
Hide text when div is visible
Hi all, I got this function: <script type="text/javascript"> $(document).ready(function(){ $(".slidingDiv").hide(); $("#testshow").show(); $('#testshow').click(function(){ $(".slidingDiv").slideToggle(); }); }); </script> and: <a href="#" class="show_hide" id="testshow">Show</a> <div class="slidingDiv"> Div is open <a href="#" id="testhide">hide</a></div> How can i hide the text "Show" from the a href when the slidingDiv is open? Thanks! Bart
Elements on page flicker in SIZE between page loads
When I say flicker I'm not talking about the typical white page flash between two pages...this is different. When switching from one page to another while testing on an iPad 2, the entire page (all elements, images, etc) flicker to a large size for about .1 second then go back to the normal state. This isn't a temporary quirk, it happens on every page between every load. I can't actually show any code at this time (without getting in trouble), but I'm hoping some people have ideas. Anyone have some
Probelm With Jquery
Hi guys i'm mark and i started writing in jquery. I'm totally noob on this argument but i starting study on book,tutorial on internet etc. I have this problem i create a modal to delete user into my personal db but the delete link appear only in the first row of the table of user,i try everything but i can't find the right way :( i hope somebody can tell me how is the best way to resolve my problem... Thank you for taking the time to me. greetings mark
Jqm high res icon support on iPhone 4s
I'm building a web app using jQueryMobile (primarily) - exclusively for the iPhone 4s, and I'm having the following issue: The icons that are included with jQueryMobile are not displaying properly (not displaying in High Resolution) on an iPhone 4s with retina display. All the custom icons I've used do display properly in high resolution format, but the default icons are not loading in high-res. I've verified that this is not just my imagination, as I can see that the file that is getting loaded
New plugin system
I have followed all the steps at the plugins.jquery.com repo on github to be ready to add my plugin to the new system, I have a plugin called Tweetslider in the old repository, but I am confused. I have set up the local jquery sites using /etc/hosts to route it to my ip, and set up all the node functionality. I assumed that publishing a plugin would be done via the wp-admin of the local site, but it seems this is not the case. The more I read, the more it seems that I simply add a jquery.json manifest
IS there any solution to back button issue?
I have a simple page setup with links to a second page. It is using window.location=page.php, to move to the new page. First time the link is click, it goes to the second page. Everything works correctly. When I click on the back button, it returns to the prior page as expected. Everything looks OK. When I click on any link, the correct page loads and displays for about 2 second. Then the content of the calling page is displayed. The URL in the address bar still shows that page that was called. Starting
About add content from php file response !
Hi, greetings to all. I'm sorry for my english. I have a problem I could not solve. The problem is the following: I build dynamic objects from a php page response and I cant capture the event from this dynamic object. In the index.php page: <script type="text/javascript"> $(document).ready(function () { #("#bt").click(function() { loadTable(1); }); $("a").click(function() { alert('yes');
Looking for a way to filter images
Hi all, This is my first post on this forum and it's good to be here. basically I want to to this : So basically if you click on logo , only logo is visible and the other photo's are lowered in opacity. I made a class to change the opacity of the images. And created this awfully wrong jquery: $(document).ready(function(){ $(".1").click(function(event){ $('img.2').addClass("white"); $('img.3').addClass("white"); $('img.4').addClass("white"); $('img.5').addClass("white");
Styling Dynamically Added Content
So I've looked online in this issue, but can't seem to find the answer. Let me explain my problem fully. I'm trying to dynamically add content to an <ul> and have it all formatted correctly. What I'm inserting to is this: <ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d"> </ul> I have a list item somewhere else that is clicked and loads this up with data, and I am doing that with the following code: $("#localStores").click(function() { Customer.getLocalStores(13,
Add a class "active" to menu item when clicked. Have it shut off when another menu item is clicked.
No matter what I try I cannot manage to get the li in my single page portfolio to switch/append the class "active" when I click it. I tried using a couple suggestions that I found in the forum but none of them seem to work. Can somebody help me out?? Here's the url to my portfolio: http://alexseabrook.com/test.html I thought that maybe this would work but no matter how many different ways I tried to implement it, it just didn't cooperate (I am a newbie): <script> $(document).ready($(function () {
Load page source into div
Hi. I am trying to figure out how I can grab the source code of a specfic URL and pop it into a div. I have successfully managed to get the current pages source by using: var source = $('HTML').html(); $('#test').text(source); I did think I could use .load() but have not been able to find a solution. Can anyone show me how this can achieved?
Slide-out/in textboxes by mouseover
I want to make a slide-out/in effect with text boxes using Jquery at my Wordpress site, but I desperately need help, please! In the first position I want to show a small box (perhaps with a button with a single word). In the second position ( by mouse-over) a textbox should slide out containing a fair amount of text (ex. 100 words). I have heard that some kind of hover-toggle effect should be possible using Jquery. Is that true? I submit a link to my website: http://hedningen.dk/teatertelegrammet/.
How do I fade images in and out
Im new to jQuery. I want to make a small gallery with some small images. I want the small images to fade out when i click at them and at new bigger images fade in - show up. When a big image is visible the small image has to fade out. Maybe someone has a tutorial? /Janis
problem with $().mouseover
Its my first simple JQUERY experience. I try to implement something like this Here is my HTML code: <html> <head> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery-1.7.1.js"></script> <script type="text/javascript" src="myJava.js"></script> </head> <body> <div id="main-menu"> <a href="#">link</a> </div> </body> </html> And here is "myJava.js" code
MultiFile upload disables the upload button.
I am using MultiFile upload with ASP.Net. I have a CustomValidator control which calls a JavaScript function. However, after the functions is done executing, the upload button gets disabled. I am putting the code on pastebin, because it looks more readable there http://pastebin.com/wPeGgWZk I'd appreciate any help I can get.
showing and hiding a text field based on radio selection - not quite working
Hi, I have the following jQuery, to show or hide a text field depending upon whether the user click on a yes or no radio button Its fine to start with, the field is hidden, clicking the "yes" radio shows it, however it doesnt hide again when clicking the "No" button. any help muxh appreciated Thanks Mark //Hide the field initially $("#hide1").hide(); //Show the text field only when the third option is chosen - this doesn't $('#NHScommssioned input[type=radio]').click(function()
Display of two labels, two text boxes and one button in single line
I want to display two labels two text boxes and one button in a single line.Is this possible in Jquery mobile. Will the alignment be proper while viewing on Mobile devices. Kindly advise with a sample code
Color newbie problem
Hi there My friend and i recently are working on a project so here is the deal I want to pick a color from the pallete ( jquerry ) and i want to make a div in wich the color will be described after picking it example here http://www.pruszynski.com.pl/dach_twoich_marzen/dach_pl.html You pick the colour ( left menu ) and after it colorized the "object"- value of the color WITH DESCRIPTION is displayed bellow the image For me the most important thing is the description of the colour HOW DO I MAKE IT
php in js file
Java script should be in an external js file otherwise wont be valid html. I have lots of dynamic values in my javascript that I generate with php. What is the best way to use php in .js file? Thanks
making the site/app ui unscrollable
Hi I am experimenting with fluid grids in dw in order to make my app-to-be look good at different resolutions. THere is however one issue I have come across. the app consists of two pages, or actually one big with a bookmark to where the second part starts. I need them to be one page because the settings that are made on "page one" are used on "page two". <p><a href="#page2">Ready.</a></p> There is a problem however with minute resolutions, like 240*400, because either some part of "page one" stays
how to submit a document in Chinese?
hello,I am from China ,I Like jquery mobile ,so I translate the document into Chinese,but it is 1.0.1 ; I want to contribute it ,then how can i contribute it to the community?
adavanced level css
i am trying to style my red button , a separate image with label on it and grey stripes i am attaching a a screenshot https://docs.google.com/open?id=0B3IBJKENGE7RS1lwZzhYbTNRbkk is it possible to achieve using css http://jsfiddle.net/rxdRa/1/ providing my code below
Combine Multiple Ajax Call Responses Using Deferred Objects in Backbone?
How can I load in the responses for each request? What I have below doesn't work. I think only .then will display success and error callbacks but I'm not sure how to pass in the actual responses. How can I do this? $.when(CountryCollection.deferred, StatesCollection.deferred) .then(function (resp1, resp2) { console.log(resp1); console.log(resp2); //this callback will be fired once all ajax calls have finished. });
Jquery Datepicker date range
Good nights from Santo Domingo Please can you tell me how can I restring "#to" to start the next date of the selected in "#from" ?, for example: if I select January 11 in #From, in #to start from January 12 and not from January 11 again as this code : <script> $(function() { $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) { $( "#to" ).datepicker(
.html() method performance question on multiple inserts
If I have a div container that has an id, and within that container there is multiple span tags that all have ids. Would it be faster to replace the inner html of the div container or replace the inner html of the three span tags individually? Option 1 would be 1 call to innerhtml and option 2 would be 3 separate calls to innerhtml but with less data at a time. I am downloading data from the server via ajax, and I want to know which is the best method. Having to update just the div containers
calling a function w/ parameters inside an appended onFocus...
hints are displayed onFocus, and emptied onBlur, which works. However, when I add the second set of field inputs, they don't display the hints. I've narrowed the problem to the function call in the onFocus line: $('.inner').append('<input type="text" name="fieldName[]" value="Field Name" class="long" onFocus="'+desc(showDesc("fieldName"))+'"/> '); using onFocus="desc(showDesc("fieldName"));" throws a "missing ) line 1 row 14" error Take a look for yourself: http://jsfiddle.net/visevo/nMwMw/ Any ideas?
Touch grab and drag
I have a webpage with a crop box to edit an image. On a normal webpage, you can grab a corner or edge of the crop box with the mouse cursor and drag it around. However, on mobile devices (e.g., Iphone, Ipad), I am unable to grab the crop box as the screen only accepts taps (akin to mouse click) and the touch and slide resizes the webpage instead of dragging the crop box. Is there a way to code this programmatically so that the crop box (border or corner) can be grabbed with a fingertip and dragged
Photo Swipe
Hi everyone, I'm was looking for a widely supported mobile & tablet gallery plugin and I found Photo Swipe ( http://www.photoswipe.com/ ). It seems very nice but in the demo, when you zoom in and try to pan the image it jumps to the next image. Try it out at : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html#Gallery1 Is there a fix for that? Or can anyone recommend a good solid plugin? Thanks for any help, ideas, tips!
Tag Manager draft specification
http://tagmanager-tomanderson.rhcloud.com I will be creating this tag manager based on this specification soon.
prepend and append
Below is the :success portion of an AJAX request. The problem is I want to affix the tblEnd string (</table> ) to the end of the #response div, after the last tr, and it is not doing that. I got the tblHdr ( <table>) string added above the first <tr> but for some reason I can't get the closing </table> tag added to the end of the #response div? Is the prob the selector? thanks, success: function(data) { var checkbx ='<input type="checkbox" class="checkall">'; var tblHdr = '<table class="table">';
Validating all form fields and know all is valid before submitting
I normally do my validation onsubmit but this time I was going to use jquery to speed things up. I added the validation to each input onblur when loading and it works fine but I don't know how to determine if all inputs are valid before submitting when doing it this way. I know HTML 5 supports this but I'm not looking to use HTML5 fully. There has to be a better way to do this or is there a way to make this work with what I have? Thanks $('.input').blur(function() { val = $(this).val();
uniform.js form submission - needs double click in ie
I am using the latest version of uniform.js with jquery. In internet explorer when I try and submit the form it doesn't work the first time and have to click again If I dont include the uniform library it works ok (ie one click on submit) but as soon as the library is added in IE a double click is required here is an example http://demo.stg.brightonconsulting.net.au/templates/tests/addArticlePopup/index.html thanks
Android Help - What's realistic/How to test
Hey Everyone. JQM grades Android 2.1-2.3, 3.2, 4.0, and 4.1 at an A level. But, don't the devices have a huge impact on that? I have my application working well with iPhone 4 hardware and higher (any OS 4 and higher). But, as I start to get my hands on some Android devices I'm seeing alot of things not working. HTC (Verizon on Wifi - Sense 2.1, Android 2.3.4) The click delay doesn't seem to work so scrolling the window activates everything (I give the device a 6 out of 10 on scrolling capability
Next Page