auto back button icon showing left arrow
I can't seem to get the icon on the auto back button to show the correct "back" icon - it always shows the left arrow. Based on my head section and an example page below, any one have an idea of what I'm missing? <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>SV/AM Coach Guide</title> <link href="jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/> <link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"/>
Does jquery mobile provide access to "KeyboardDisplayRequiresUserAction" parm in iOS6
Has anyone been successful in setting the new "KeyboardDisplayRequiresUserAction" in iOS6 to allow jquery mobile to programatically pop the keyboard on a focus event? Thanks, David
Off Canvas menu with browser fallbacks
Hi guys, I think I have an interesting problem that could be usefull to a lot of developers out there looking to create off-canvas menus (similar to facebook) on smaller screen sizes. After searching high and low and reading through many options, I found this great solution for off canvas navigation http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/. I tested it in IE7 and it still works, even if the animation isn't there, it still has the function. The problem I have is as follows:
how is this done? (drop down nav)
how is the main "sections" nav done here??? all I see in the markup is the ul li for the main links in the top-level nav.. for example <li class="business" data-section="business"> the data is here (.jpt extension) what is this? I thought because it uses stuff like "data-...." attribute in menu markup this was maybe done with jQuery? with what is described here? thank you.... PS: there are so many methods for doing dropdowns.. it's mind-boggling.. www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
draggable: change parent containment when using array
Hi, why is there no option to change containment parent for arrays? I have a specific case where I want to limit the movement inside the parent element. If you could change the implicit "window" parent to something else, it would help a lot. Currently I create a div with the desired width (height 0) and use this as a parent, but it looks dirty to me. I would prefer to set the boundaries directly.
JSON result of .ajax() is UTF8 but not always seen as UTF8 ?!?
Hello, I have an ajax function that receives form data serialized and returns a JSON object. The odd thing is that sometimes the answer is correctly seen as UTF-8 but most of the times, it is seen as something else (latin1 ?) and I don't see "Ce nom est déjà pris" but "Ce nom est déjà pris" (UTF-8 re-encoding). The ajax function is called like this : $.ajax({ url: "/ajax/validateUserForm.html", dataType: "json", data: $("form#userform").serialize(),
Having to press submit button twice
I am developing an ASP.Net MVC application and I have form containing a file upload HTML element and a submit button. When the user first goes to the view, I have javascript code automatically triggering the click event on the file upload HTML element so the user does not have to press the button themselves. This is for convenience and the way I want it to be, but when I trigger the button click automatically it is causing the following issue: I have to press the Submit button twice in order to submit
Please provide also HTTPS download from jquery !
when using Jquery with google Chrome I ran into following problem: [blo cked] The page at https ://whatever ran insecure content from http: //code.jquery.com/jquery-1.8.3.min.js . The Problem: Chrome does not allow mixing https and http. So it would be nice, if there will be beside: http: //code.jquery.com/jquery-1.8.3.min.js also https: //code.jquery.com/jquery-1.8.3.min.js so I then I may modify the following code: function addJQuery(callback) { var script script = document.createElement("script");
icon in safari
does anybody know how to get rid of the bottom border around icons in safari browsers?
Dialog box problem changing left icon
Hello, I created a dialog box with a header. In the header, by default, I have a icon on the left. When I click on this icon, it closes the dialog box. I would like to change the icon. Do you have a solution ? Thank you <div data-role="dialog" id="dialog"> <div data-role="header" data-theme="b"> <h1>Détails congé</h1> </div> <div data-role="content" id="text"></div> </div>
Checkbox malformed
Hi, On my project (jquery 1.9.1, JQM 1.3.0) I'm having the checkbox shown like this: checked - unchecked - and the code is very basic: <label><input type='checkbox' id='chkSendByEmail' data-mini='true' checked='checked' />This member is offline, send message also by email</label> Now, when testing on a different project, dedicated for the checkbox it looks 100% as it should. Only in my original project it looks like the above. Any idea what can cause such malformed style? Thanks,
jquery ui menu links are not working when user press enter key
Hi, I create a menu and try to make it working by using keyboard. I can use tab key to navigate through the menu from top level to submenu, but when I press enter key, the submenu disapeared and the link is not working (when I use mouse to click the link, it worked well). And I also create a UL list, and the links are working by pressing enter keycode. Thanks, Ying
What does $([]) do?
I see it at here: http://jqueryui.com/dialog/#modal-form allFields = $( [] ).add( name ).add( email ).add( password ), What does it do? Thanks.
slide shwo not working!
Hello; Why doesnt this slideshow work? Thanks
Datepicker: changeMonth + changeYear + yearRange causes flash
I'm using jquery 1.9.1 and ui 1.10.2, and Chrome on win8. I found this bug, http://bugs.jqueryui.com/ticket/5493 it's similar, except it's not a full page redraw, only the select list redraws, and you are unable to pick your selection. You are only able to pick if you pick it before the redraw goes. Here's my code, nothing fancy. <label for="dbayPicker">Birthday</label> <div><input type="text" id="dbayPicker" name="dbayPicker" /></div> $("#dbayPicker").datepicker({changeMonth: true, changeYear:
Probleme with position : fixed when keybord up iOS
Helle ! I have a button on my web site who follow the scrolling. When the user click on a input fo exemple, the iOS keybord up and if the users scroll down (or complete the fields) the btn stay on this place.. Look this it's an exemple of the situation : I whant to fix that, maybe it's possible to do vanish the buton ? I try this http://jsfiddle.net/PtYbs/ but it's doesn't work on the iOS Simulator...
Question about the validation plug-in
Hallo, I start using validation plugin and have a question. I would like to make the list of checkboxes (please see below). [] [] [] [] [] [] [] The person that decides to check, for instance 4, has to check before all previous checkboxes. It means that someone choosing to check 7 must have checked previously all the checkboxes from 1 to 6. I have tried something similar that I have put below, but it doesn't work (please see the part in green). I would be grateful for any advice. Thanks in advance
Listview doubleclick and scroll problem
Hi all, I have some problem in listview with more items after double click on item are opened 2 pages. In listview with more items (must be shown scroll bar) and you scroll down and double click on some item on bottom. After double click is opened first page and second page which responds on second click (typicaly is item on the top lisview). You can demonstrate this problem in this jquerymobile page (listviews). Scroll down on this page you must see on browser top for example last 4 items ("Inset
Toggle switch slider to the right of the Label
I am trying to put label to the left and toggle switch slider to the right. But my slider keeps on going down the label. Is anybody experiencing the same issue?? I read Fieldcontain should fix this issue but this doesn't seem to be working. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
jquery cycle slideshow dots on slides
hello - i try now for days to success - but it don't works ;-( i use the danland theme from drupal and have configured a slideshow… i only want to the dots on slideshow images (middle / bottom) so people can click through the slideshow… so far i tried mostly every example that i found on google… pager, pagination, etc… maybe you guys could advise me or help to get these "dots, bullets" please??? below you will find my script, html and css… Script: jQuery(document).ready(function($) { $('.slideshow').cycle({
Problem: Autocomplete and special char
Dear all, i use Autocomplete with asp script to read a database. When in the record passed by the asp script there are special char like à the results are not displayed. This is the code: <script> $(function() { $( "#birds" ).autocomplete({ source: "searcher.asp?cosa=articoli", minLength: 2, select: function( event, ui ) { $('#valore').val(ui.item.id); } }); }); </script> This is the asp script: <!--#include virtual="/setup.asp" --> <% Response.AddHeader "Content-Type",
starting path to learn java script/jquery.
hi i am new to web design area. I am learning web designing principles at present. In order to create a impressive design i have came across java script and jquery & css3 as well. as far as i know css3 and java script or js both may help in creating interactive websites. But I am struck in between which technology one should use to design attractive and interactive websites. On which technology one should focus more to design more attractive websites Thank you!
JqueryUi Accordion menu (Need to add a menu to a page)
I am working on building a website with software my hosting company provided me with called Webbuilder. Anyway, I want to use the accordion menu, however I am really lost. I downloaded the jqueryui from this site. The download gave me tons of files. Now what to do with them? How do I add this to my page? Where does the code go and which files is my link to the library? I download all the widgets not just the accordion, but the accordion is the only one I want to use at this point. I tried to upload
Iframe complement my addresbar with gallery[0]/4/.How close iframe and get original address without reload site.
Hi everyone... When I click in my button Jobs I load an Iframe that contains a page with images form. This Iframe is loaded over the site and the effects is cool. I use a LightBox as complement. But in my address bar, the result is like www.mysite.com/gallery[0]/4/, for exemple, when I view an image. I have a button that close this iframe, not close, only hidden. How can I to make something similar to that and back to www.mysite.com . If I put an load site when close the Jobs Iframe, this function
Need Help Simplifying This Script
Hi, I have created avery basic show/hide div slider and need help simplifying the script. I have posted a demo here: http://jsfiddle.net/yKuPr/ I would like to simplify/shorten the script but maintain functionality. Any help would be greatly appreciated. Thank you.
Gridview resize parts
Hi, I am using the responsive grids to split pages depending on the size of the screen. This is splitting fine, but I want sections to take the full screen width with smaller screens, but not with bigger screen (see JPG attached). Here is the code I am using, it seems that the "padding" attributes are not seen, while the "width" attribute is seen. Is this normal ? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" charset="iso-8859-1"/> <link
Superfish - submenu items disappear beneath the bottom border of the window
I have a 3 level menu and the last of the level 2 items is the parent of a set of additional level 3 items. Most of the level 3 items beneath that last level 2 item are not visible because they appear beneath the bottom of the browser window. Is there some way to make a set of sub-items appear above and to the right of the parent item when this situation occurs?
How can I set a cookie value when a user leave the page?
Hi I have a seconds counter in my page and I want to keep the counter when a user jump between pages. So I though I can save the total seconds in cookies variable when the user leave the page and then retrieve it when ever they come back to the page. this is what I have currently but I want to trigger this even when the user navigate out the active page var currentCount = $.jCookie('callTimer'); $.jCookie('callTimer', Number(currentCount) + 1000 ); }, 1000); also how can I check if the cookies
tapHold: how to prevent browser default (on a link ?)
If I've a Link with taphold event binded, the browser still ask show me a default action popup for link taphold. I need to stop this ! I already tryied preventDefault(), but without success !
Problem with dynamic site works in IE8 and does not work in 9
Hello friends. I have problems with dynamic site works in IE8 and does not work in 9. Works well the "Tab One" (-menu upper-) by default (shows section "column" and "content" internal), but when I go out and I click on another tab and then return to "Tab One" only shows "content". I need to show on the first tab "column" and "content", as it is by default. See example with default: http://jquerytest.zxq.net/ Files: http://www.mediafire.com/download.php?zotek8b4vwr4b40 jquery: load : function(url)
jQuery 1.9.1 Error - Occurs with IE but not Chrome
I've posted a question on StackOverflow about a jQuery error I'm getting in IE but not in Chrome. Instead of repeating the question again here, the link to the question is here: http://stackoverflow.com/questions/15869586/jquery-1-9-1-error-occurs-with-ie-but-not-chrome For now I have a work-around, described in the question, that seems to get around the problem, but I don't know if it's the best approach. By the way, in the MVC View where this error is occurring, I'm not passing any JSON data to
hide() and show() on mouseleave or mouseout
I am using hint.css and would like to have the tip hide when the div/class is clicked and turned on when the use mouses out of the div/class. I thought what I have here was pretty straight forward. I am surprised it didn't work, what am I missing? Thanks! <div class="promo"> <div class="offer hint--top hint--info hint--rounded hint--info" data-hint="PUT SOME COOL COPY, TO GET PEOPLE TO CLICK!!!"></div> </div> $(document).ready(function() { $( '.promo' ).on('click','.offer', function(){ $(this).hide();
Please provide some websites of the use jquery-ui ?
Please provide some websites of the use jquery-ui ,thanks!!!
Needing to extend the functions of a simple jQuery gallery?
I found a simple jQuery gallery to implement on my site. However, I have 1 problem. I need to be able to revert back to the original picture, while you've clicked on a different image. For example, when you load the gallery, you'll see image 1, then you can click on the thumbnails to view the other images. The problem I'm having is that I don't have image 1 as a thumbnail and therefore can't view it once you've click on a different thumbnail. So I'm trying to figure out, how I can extend the code
jquery frontend with php on server side
Why use jquery on the frontend ? A friend wants me to use a template he bought to build a web site for him. Its a WP template. However, the web site example he gave me turns out to be jquery. PS newbie here
hide log off div on load based on query string
Hi I am trying to hide a div on load such that if the query string html?name=showme Then i need to hide the div id=logoff else show the logoff div. can some one help me how to write it. cheers, vinay
Checking if radio is selected causes false returned
Hi. I have written a little validation script to check a few fields in a recent project. The last part, which checks if a radio input group has a checked element is failing. For some reason it is returning false after it has run once. if (!$("input[name='print-options']").is(':checked')) { $('.prompt-radio').show(); required = false; } else { $('.prompt-radio').hide(); } Can anyone see what the mistake is? Here is the full script. $('form').submit(function(e)
jQuery Form Plugin gets status code 0 though request succeeded
I'm running jQuery 1.7 and have the following piece of code using the jQuery Form Plugin's "ajaxSubmit" method: form.ajaxSubmit({ url: "my/url", type: "post", dataType: "text", success: function (data, status, xhr, form) { if (xhr.status === 0) { //Handle odd case } else { success(data); } }, cache: false, contentType: false, processData: false }); This request works perfectly in all browsers - it successfully hits my endpoint w/ the
Change arrows.
Hi, I'm trying to change image for my button when class .slide is up or down. This is the code: $(document).ready(function() { var $panel = $('.slide'); var $panelBut = $('.button'); $panel.slideUp('fast'); $panelBut.click(function() { $panel.slideToggle('fast').css('background-image', 'url(../img/up.jpg)'); }); });
Jquery. load Naviagiton Problem
Need some help, had some help before but have come stuck again.. so any advice or any pointers in the right direction would be great.. i have a main index page which loads separate external php pages into a content div.. my problem is i have the navigation section inside each individual external page.. Navigation Section - in each individual external page <nav> <a class="brand" href="#">Logo</a> <ul> <li><a href="index">Home</a></li> <li><a href="work">Work</a></li> <li><a
Next Page