How can I get the value of "optgroup label"?
I have this select item and javescript to retrieve the values of <optgroup label> and <option value>. <html> <select name="Names" id="select" style="display:none" > <optgroup label="2005"> <option value="0">Septiembre</option> <option value="1">Octubre</option> <option value="2">Noviembre</option> <option value="3">Diciembre</option> </optgroup> <optgroup label="2006"> <option value="0">Enero</option> <option value="1">Febrero</option>
Date and Time Picker plugin for jQueryMobile not working in Android Emulator
I am newbie to JQueryMobile, When I test at jsfiddle its work fine, but when i run at Android Emulator, it become like this The date and time picker is missing Below is my sample code, <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <link rel="stylesheet"
jquery mobile page scrolling
hi I am using jquery mobile for my application. I want to make page in wich data-role= content div shold be scroll when it is overflow and header footer div's should be fixed. means only content should be scroll.I have aleredy seen the cubiq-iscroll plugin.this plugin is good but not working in all platforms its only working in i-phone . can any one help to make page like this
JQM 1.2 dialogs slow to open
Hey Guys. I've started experimenting a bunch with the 1.2 dialogs and popups. On my iPhone 4 running 5.1, it takes about 1.5 seconds on average to open dialogs. This is pretty consistent with any dialog no matter how much UI it contains. Also, I get the same behavior whether it's a button with data-rel="popup" and the anchor pointing to the popupid or just a $('#mypopup').popup('open'). I always turn off the transition and almost always have postionTo set to window. I haven't done really ANY digging
JQuery Colorbox??
I'm not to sure if anyone can help me with this, or can refer something better then Colorbox, but hopefully someone can. I'm attempting to install Colorbox onto my website. I'm trying to have a image thumbnail expand into a bigger image, but the bigger image will be a slideshow, showing other images. I was told that Colorbox would be the best for this. It's currently on my site, however I've run into an issue I can't seem to solve. After installing all the needed files and images, when I click on
FullCalander in Android Simulator
I am new to mobile development. My goal is to include a FullCalendar into JQueryMobile. I have followed this guide but when I run it with the Android Emulator, it loads the event dialog page with input text "title" and "color" like the image below. How can I make it load a full calendar view first instead of an event dialog? I have copied all js & css. Here is my index.html code <html> <head> <link rel='stylesheet' type='text/css' href='resources/css/jquery-ui-1.8.13.custom.css'/>
Highlighted collapsible set in jquery mobile
Dear Gurus, how can I change the theme of selected (expanded) header of collapsible set. Also: all the collapsible headers are grey, but then when they are opened, they should turn blue (also highlighted). If I get an examplar, I would be very glad. (I apologize for my English) Best regard: Andreas
Save classes added with .addClass() with HTML 5 storage or cookies?
For a school project I need to make a booking system for a cinema, so people can select seats where they want to sit. One requirement is that if someone booked a chair, someone ele shouldn't be able to book it anymore. My idea was to add a class to the selected chairs when you click "Buy tickets" on the bottom of the page, but how can I save these classes, my professors say I should use HTML 5 storage, but they refuse to help me any further. This is a part of what I already have now: <script> var
how to sort images in image date taken ?
hai everybody, I need help, images arrange in two ways images arrange in random order and arrange images in image datetaken datetaken =responseJSON.imagetakendate anybody plz help me. var c; var pCrop; var crop_api; var rotate = false; var temp; var tempZIndex; var fileSizeOption = ""; var filecount=new Array(); var imgCount = 0; var imgList = new Array(); filecount =0; $(document).ready(function() { var uploader = new qq.FileUploader(
Is there any alternate for wysiwyg for mobiles???
I need suggestion for using wysiwyg editor in JqueryMobile. I'm trying but the editors are not supporting in Mobile/tab Browsers. Can anyone suggest me for the best alternative.........
set controlgroup to full width in content?
I'm trying to make my controlgroup buttons expand to 100% width. I've researched the internet and found: .ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; } This increased the controlgroup controls div to full width but the buttons don't expand. See my example here: http://jsfiddle.net/PwNnq/ The Yes/No buttons should expand to full size and, ideally, align to the bottom of the content div. Can anyone help me with this? Regards and thanks in advance
JQM app significantaly slower on iPhone 4
I have made a JQM app and when I test this app on an iPad 2 it runs very smooth and fast. When I test the same app on an iPhone 4, it is significantaly slower. The page transitions are very slow. One of the things I noticed on the iPhone 4 when opening my app is that the progress indicator is continuous visible without stopping. On the iPad 2 it stops after 2 seconds when the app is started and only is visible a half second when navigating through different pages. The other thing I noticed on the
Multi Page navigation url going back to #page1
I am working with a multi page layout, and am using swipe to navigate back and forth. Currently my page has 3 "pages", defined with 3 <div> sections with data-role="page" and each is named with id="page1", id="page2", id="page3" Within each "page", I have a primary block of content included in a <div> tag with the appropriate ID set to "body1", "body2" and "body3". I have swipe events set on these to navigate from page to page as follows: <script type="text/javascript"> $("#body1").swipeleft(function
vertical navigation, submenu should overlap div container
I have this sidepanel vertical navigation wherein sub-menus are displayed when hovered on a menu. My problem is that the sub-menus and children of the sub-menus are not being showing due to the div container. Since the div container [side-panel-links] has a width of 240px, it is cutting it off. If you extend the width of the div container, then you'll see the sub-menus being displayed. How could I possibly let the sub-menus overlap the div container to show these submenus? Here's the demo : http://jsfiddle.net/xkBZE/5/
Changing background image of an element
I know I can do it with addClass, but I wonder if it's possible to make it with a fade-in effect. Thanks in advance.
LARGE GRID LAYOUT
How to create a multi-line grid layout with more than 5 colums? I have an app designed specifically with tablets in mind, so I'd need a grid with 10 columns or so. how to do it?? What should I customize or copy-and-enhance?
Forms advice for JQM beginner please?
REPOSTING in the right forum:Hi, I have built a simple form with a few data fields but I now want to: intercept the Submit button to run some JavaScript to write the values to LocalStorage variables instead of posting to a server. Clear the fields and ready the form for another data entry. Can you advise the right techniques for doing this with JQueryMobile? Thanks
Need help on picklist
Hi I am fairly new to jQuery and have been trying out some stuff and now I am stuck with an issue. I am using jQuery in Salesforce standard page which I cannot edit, but I can run jQuery on that page. The requirement is to convert a field which is of type input text to picklist. I am able to change the input text to picklist, but when I submit the page the selected value in the picklist is not getting stored in the input text field. This is what I have now: <script src="/resource/jQueryLatest" type="text/javascript"></script>
Comapre and validate
Is there any better way to compare and highlight the textbox. currently i have three textboxes and anyone entering the text in the box should validate if the data is present on the other two textboxes and validate it.. as of now i have written in the following way for all the three textboxes..hope there should be a very simple way and would like to explore the same. $('#TCAchievements1_txtClearCodeFirst').focusout(function () { if ($('#TCAchievements1_txtClearCodeFirst').val() == $('#TCAchievements1_txtClearCodeSecond').val()
How to validate a file in a javascript
Hello! I am trying to show the errors that can occur by uploading a file (file extension, size). I am using an adapted version of Jquery Fiel Upload for Ruby on Rails I need to validate a file (ending of a file, size of the file) before uploading and as nobody has an idea how to do it with JSON I want to ask if somebody knows how to do it in a following javascript: <script type="text/javascript" charset="utf-8"> $(function () { // Initialize the jQuery File
.focus() &.blur() issue
Hi, i want to display a div upon focusing on a drop-down and blur upon leaving the drop-down... my code works but focus/blur doesn't get executed perfectly. http://jsfiddle.net/timur/kRCKu/ Is there a better way to do it? I noticed that when executing this inline code, my results are much more consistent: onfocus="document.getElementById('hide').style.display='block';" onblur="document.getElementById('hide').style.display='none';"
Problem with offline (AppCache) and JQM images
I am building a JQM webapp on iOS6 and using the appcache to get it to work offline. It seems to work OK until I add the images/*.png files and ajax-load.gif - then the offline caching seems to fail. I am catching data from a form. I have added data-ajax=”false” to the form to try to simplify the way it works. Any thoughts? This is what is in the appcache file... CACHE MANIFEST # 2012-10-28:v3 mainpage.html jquery.mobile-1.2.0.min.css jquery-1.8.2.min.js jquery.mobile-1.2.0.min.js images/ajax-load.gif
draggable pictures revert back to bottom of pile
hi every I'm new to jquery, so I do apologise if I don't see the obvious in what I am trying to achieve. I have added 6 images and arranged them one on top of the other. What i would like to happen is when a user drags the top image away, it reverts back to the stack but at the bottom of the pile. this is what I have to far: <div id=”pinboard”> <ul> <li><img src="images/chalet.jpg" /></li> <li><img src="images/girl.jpg" /></li> <li><img src="images/iceland.jpg" /></li> <li><img src="images/ice.jpg"
having trouble with fancymoves slider plugin
I've been messing with this plugin for a couple days now and can't figure out how to customize it. http://webdesignandsuch.com/fancymoves-jquery-product-slider-2/ I just started learning javascript and jQuery about a week ago and was able to follow along with the tutorials for installing the apps they used.. but I can't get this one to work right. The left arrow isn't present... then I want to size it down to 480px width... but can't figure it out.. I went through all 3 CSS files sourced into it
jquery
hi friend, I am working to develop a website as my project , i am not able to complete it because i want to add one functionality to the header text that when any one roll mouse over that text with out clicking over their a drop down window slides and when user remove the mouse from that text the slided window just disappears. kindly help me this regards and you can email me the answer at abhinav.octane@gmail.com i will be very thankful to you. below is the screen shot of functionality which i want.
Newbie (seeks Black-Hat) re issues with jqgrid row editing (datepicker) and examples towards my overall design model
Hi all... Firstly, I'm experiencing the below when implementing the simple example (per: http://www.trirand.com/blog/jqgrid/jqgrid.html) TypeError: $.ui is undefined @ http://localhost:3000/javascripts/jquery-ui/ui/jquery.ui.datepicker.js:1608 This occurs when I click focus to the date column to edit. All js,css loaded 200/OK, e.g. GET http://localhost:3000/javascripts/jquery-min.js [HTTP/1.0 200 OK 3ms] GET http://localhost:3000/javascripts/jqGrid/js/jquery.jqGrid.min.js [HTTP/1.0 200 OK 7ms] GET
A issue related to jquery.
Now we have already completed the hack for the native HTML5 audio mode, but now we need someone to complete it for the flash failback mode (if you test our version now in Chrome it will play M4a files because Chrome support HTML5 audio playback for M4a files, but if you test in Firefox, it will not work b/c Firefox does not support M4a files). jPlayer is all open source (including the flash fail-back part). To get the source files, go to http://www.jplayer.org/download/ and scroll down and download
Moving Div(links for articles, about mental illness), stop when parrent div ends.
Hi, Got a problem here i know how to make a floating div. <style type="text/css"> #banner { position: fixed; width: 600px; height: 80px; bottom: 10px; left: 50%; margin-left: -300px; background: red; } </style> <div id="banner"></div> <div style="height:2500px;width:100px;background:yellow">Højt indhold</div>But my problem is that i want to make this div stop when hitting my fotter div, so the links for some articles about mental illness, we want to focus on, dont go down
submit only changed fields?
I have a form where about 90% of the fields are text fields where I do not want to submit all of them, only the changed ones. (But I want to submit the other fields, no matter if changed or not.) The solution with IE8 was easy. Basically a one-liner. Don't use a name attribute and provide a name on the change event, e.g. $(this).attr({ name: 'content['+someidentifier+']' }); Only the named attributes get submitted. Just what I want. Unfortunately, this very simple solution doesn't work with higher IE
JqueryMobile Not Working Online
My jQuery mobile website works great when previewed in Dreamweaver. However, when I upload it to my server and view it online, nothing works, nothing is aligned...everything is just off badly. I'm posting a link to the files if anyone wants to help ( www.2slickcoders.com/mobileMakers.rar ) But here's the code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
JQM 1.2.0 and popup problem
I can't get the popup working. I'm using Jquery 1.8.2 and JQM 1.2.0. When I add an popup to my project I don't see the popup when pressing the button. The popup appears only when I click a button to go to another page. The page disappears, the popup shows for half a second and the the new page. Below a simple test for the popup. Clicking the button doesn't show the popup. What to do? <!DOCTYPE html> <html> <head> <title>Test</title> <link rel="stylesheet" href="jquery.mobile.css" />
extra white space in the bottom after scrolling down jquery
how to remove the space below the red button when i scroll down... working code http://jsfiddle.net/SSMX4/82/ but a pop up should display when I click the red button with links in it...this is achieved... providing my js code below
Posting a Dialog Form with AJAX, no page refresh, close dialog after Post
I have searched and tried but cannot find a way to post a form from a Popup (JQM 1.2.0). I want to show any form errors in the popup, and close the popup on success. Does anyone know a tutorial for this? The official JQM 2.0 Docs don't mention anything about this.
Automatic update of browser for all users
I was wondering what jquery function I should use in order to do the following... when an update is made to the database; update the information on ALL user's screens with the new information. Like for instance, person A updates their information, and they hit the submit button. Person B is just looking at their screen, and when Person A clicks to update their info, Person B will automatically see it without having to refresh their screen. It's an automatic push of the information. I have been doing
Can't Use External Jquery
For some reason, If I go online and get a JQuery code and stuff, the external script will work. But whenever I put in my own code, even just a simple .hide, it won't work no matter what. Why is this? $('#next').click(function () { $('#next').hide(); }); That is literally the only code I use and it wont work, what am I doing wrong?
Get Current Year
How can I get the current year using jQuery? I would like to have the year in the footer update automatically each year. Thanks - Brandt
LINK color in Footer link
I've a problem with links in footer. They are "colored" with rgb(124, 196, 231) but in my css I've color: #7cc4e7 If I check my css: .ui-bar-a a.ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; } If I check, in firefox, with firebug: .ui-bar-a a.ui-link { color: rgb(124, 196, 231); font-weight: bold; } I searched in file for "124, 196, 231" in every css, but there's no clue about this color. How's possible that it's showd with this color, and not with my color?
Build a jQuery Slideshow
I would like to build a jQuery slideshow like this one http://amirkhanworld.com/ Can anyone help me out? Thanks a lot.
jquery Uncaught SyntaxError: Unexpected token )
I am getting a jquery error in my code... can you guys tell me whats the reason for this when you click the united states red color button in this link you will see this error http://jsfiddle.net/SSMX4/88/embedded/result/
twitter feed
hello all, im after a twitter feed to be displayed on my web site that i can customize. However the ones ive found dont do what im after... I want to be able to display 2 or 3 tweets max within a box, i want the size of it to be fixed .. any suggestions / help would be greatly appreciated.. cheers
Next Page