Button to Toggle Footer?
Is there a way to use a button to toggle the footer to show or hide? I know there's a function $("[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" }); But I'm not really sure how to use it... Any help would be greatly appreciated.
Conceptual question about sliding divs
please refer to this url for my question: http://www.adidasdesignstudios.com/ as you navigate through the 6 sections of this site, you slide up and down. while i'm not sure this site even uses jquery, i've used jquery to do this on some of my other sites in the past. my question is this: all of the sections are on a single page (a single url) and the script just slides them in and out of view. is it possible to maintain this effect but have each section its own url? so if you were to paste the url
General Question
What's the best way to generate html code along with dynamic data (from one or more JSON objects) and add it to a page? Is "document.write()" better than using some of the JQuery methods like prepend, append, etc., for such purposes?
Horizontal Accordion text position problem
I am working on a horizontal accordion and the caption text drops below the image when the accordion folds. Oddly enough it works fine in IE, but not in chrome or Firefox. I assume I am just missing something silly in the CSS but I cant seem to pin it down. Thanks <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script> <style
geting data-id from a clicked link using on()
Hi, If I have: $(document).on("click", ".topReply", function (evt) { evt.preventDefault(); console.log("On dynamic reply click: " + $(this).data("id")); $("#btnJqueryReply").data("mode", "Follow"); $("#btnJqueryReply").data("id", $(this).data("id")); $("#dialog-form").dialog("open"); }); and I have data-id on the link being clicked, is $(this) the correct scope to get at the id? $(this).data("id")
Internet Explorer doesn't seem to get anything in my script..
Hello! For some time now i've been trying to fix my site for Internet Explorer, so that it'll work in at least IE8. I'm using a custom jQuery script to "handle" my whole site, but IE isn't playing along at all. To start things of, it seems to ignore some commands - resulting in all my projects showing from the start. If I try to navigate my menu, I get some cryptic error telling me "Invalid procedure call or argument" in the jQuery file itself. If someone out there knows what's going on here, I would
Don't know how to make Yoxview plugin work
I think my code is ok, but the yoxview plugin doesn't function at all. Here's the code <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home</title> <link href="../yoxview/yoxview.css" rel="stylesheet" type="text/css" /> <link href="../css/cssdosite.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../yoxview/yoxview-init.js"></script> <script type="text/javascript"> $(document).ready(function()
Weird POST issue in form, but works with GET?
Hi, I've got a REALLY bizarre issue here :/ I have a form: <form action="post" method="/cgi-bin/script.cgi"> .some form stuff </form> Then just a basic script on that page: $(document).ready( function() { alert("HERE"); } ); Now, this works fine on the first page... then submit the form (and return to the same page, but with an error message telling them they didn't enter something right)... it works fine then, try submitting it again and then click back and it won't run the alert() or any code
How can I send multiple value for a form element when posting data through ajax ?
I am creating a search form using ajax, I've a field for Bedrooms and I've used radio buttons as Double, Single and Both. The only problems lies with selection 'Both' which gives no positive result. The 'Both' actually is not a value but I want to fetch Bedrooms of both Double and Single Type. I wrote following code on change event of radio button. var $form = $("#frm1"); url = $form.attr( 'action' ); formdata = $form.serialize(); formdata
Video object locking up IE9 when called.
So I'm building this nice animated page to open with some music and a splash video. http://www.pbrfragrance.com/ All seems purdy sweet till you try it in IE. For now I will just skip over the fact that nether the video or the audio elements actually play. The part that piss me off is that for a moment , in IE9, the Jquery actually followed thou and the iframe went ahead and came up and I called it graceful degradation. Well not 5 minuets later (after adding a volume .5 to the script) IE locks up
BlackBerry paging issue
For whatever reason my posts keep getting flagged as Spam. Very annoying. We have an application nearing the end of development. It was working fine on our BlackBerry 9800 (default browser) but all of a sudden the paging stopped working. We were linking to the latest versions 1.1.1 hosted on jquery.com We have done loads of testing and rolling back versions but having no luck. We tried to make a demo page, so used this page http://jquerymobile.com/demos/1.1.1/docs/pages/multipage-template.html This
handling if an element doesnt exist?
var d = $(document.createElement('div')); d.html($("#blog_reply_template_holder").html()); $('.blog_comment_reply_holder:first').before(d); Above is a cut down version of my code. I am dynamically adding blog comments to the dom. This works fine when I have comments on the page already, but when this is the first comment I have a problem as there is no : .blog_comment_reply_holder:first What would be a better way to handle this to ensure that my new div still
Images overlap on loading posts upon page scroll
I am using the jquery masonry for displaying the posts in my site in formatted way. http://masonry.desandro.com/ The masonry plugins formats the content to be displayed properly. When the page is scrolled i am fetching the additional posts and appending it to the parent container div and then reloading masonry to format the posts displayed again.It is working fine. <div style="margin: 0px auto; position: relative; height: 9342px;" id="message-network" class="masonry"> <!--parent container div-->
Events fired on dynamic changes
Hi there, I have a problem while working with jQuery mobile. I dynamically add form elements to my page before JQM is loaded. This works great and all form elements are transferred correctly to JQM elements. After loading JQM I try to bind events to my form elements (I use toggle switches, sliders and select menus). I do it that way for a slider: object = $('#' + objectId); object.live("slidercreate", function(){ object.live("change", function(event, ui){ ... }); }); The event
Changing the tab should submit the form
We have a 6 step form wizard where we ask user to input some valid data and complete all the 6 steps which works fine. But the problem is, if user wants to change some data which he already entered in one of the steps. For that he needs to run the wizard which is not user friendly. Now we have decided to use the Jquery Tabs where user can just click on the tab and change the values. I have added the tab code in one of the header file <div id="main" class="main"> <div id="tabs">
Dynamic button click not working.
In simple terms, I have a hidden template that contains some text and a button. <div id="itemContainer" class="itemColumn"> <div class="itemDiv" id="items"> <ul /> </div> </div> <ul class="hiddenTemplate"> <li id="TemplateListItem" class="release"> <div class="releaseDetailDev"> <p class="title">Title: </p> <p class="itemTitle"></p> <div class="buttons"> <button type="button" class="editButton">Edit</button> </div>
How to use cache.manifest to cache the image files used in JQM
Hi. I have extended my web mobile app to use cache.manifest. All my js files are located in one dir. and all my images are located in another dir. I have no problem with caching all the js files and all my own images, but I'm not able to cache the images that are used by JQM :-( Anyone knows how to do this? I'm thinking of the icons and the ajax-loader image. Here is my page: http://www.gosushi.dk/Mobile/default3.aspx Hope someone can help me. Kindly regards Ruffio
How to Use submit to accomplish two goals?
RE: . How do I accomplish two objectives: submit data to MySQL database table and replace content area with a second form? The first form worked fine until I added a second form to replace it. Then upon hitting submit on the first form no data was sent to the database; however, the second form replaced the first from just as it should.
set focus to textfield is not working in jquery mobile
Set focus to textfield is not working in jquery mobile. When the close the alert box it should focus to the text field but it is not getting focused. $("#nyTxn1").live("vmouseup", function(event, ui) { $('#nderNum').focus(); });
Hopefully Quick Fix with Cycle Plugin
I'm attempting to make a scrolling slide with navigation. I've figured everything out except for how to get the prev/next buttons to show. I'm trying to use this: http://jquery.malsup.com/cycle/scrollhv.html, but I can't figure how where to add it in my code. Here's a preview of what I have so far: http://christi14.blogspot.com/ <!doctype html> <style type="text/css"> .slideshow { height: 232px; width: 232px; margin: auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color:
validation 1.9.0: remote error appears, even if input is valid
Hello, im using the validation plugin 1.9.0 and jquery 1.8.0. When im using the remote option to validate input and the validation fails, the error message is still alive even the callback of remote ist true. The validation without remote is working fine. The php script is sends json true or false back if( $slc == "v.menge" && $arr["menge"] != $_POST["menge"] ) echo json_encode(true); elseif($slc == "a.artikelnr" && $arr["artikelnr"] == $artikel) echo json_encode(true);
Width of div using css('width')
Trying to get width, for simgwd (line #5), but keep getting NaN. I believe something has changed w/ jquery 1.8. Can someone explain how I'm supposed to write this. $('[id^="order"]').each(function() { var simginitdisp = $(this).filter('[class^="searcher_stack-its_img"]').css('width'); var simgwd = parseFloat(simginitdisp); console.log('Search Img Width: ' + simgwd); if (simgwd > 0) { console.log('Search Img Present'); var contwd = $(this).next('[class^="searcher_stack-its_stacks"]').outerWidth(true);
how to use beforeSend() for POST method in jquery to send header information to my web service(Apache CXF )
when i use @POST method in my web service ,it is not working but if i change '@POST' to '@OPTIONS' it's working fine but not able to send data from client to server, i struggling a lot for this past one week but not able to complete, how to use beforeSend() for 'POST' type , Thanks in advance
iOS 6 problem?
I just updated to iOS 6 from 5.1 and tested my web site (built with jqm). The main page displays fine. If I enter a value into a value into a text box and press my SEARCH button, I get my Ajax spinner and then the new page displays only the word "undefined" at the top. Anyone else see anything like this yet? EDIT: It appears to be all pages that respond to form input (I am trapping the onsubmit and validating the fields)
Hover button arrow
Hi all, m.ideebv.com has a menu generated with wayfinder. You see that the menutext is white when hovered. But the black arrow on the right side disappears. I made a white version of this and I tried a several things to make a hover for the arrow too. In jquery.mobile-1.0min.css I add the following line: .ui-icon,.ui-icon-searchfield:hover:after{background-image:url(images/icons-18-white.png);background-repeat:no-repeat;} or .ui-icon,.ui-icon-searchfield:hover{background-image:url(images/icons-18-white.png);background-repeat:no-repeat;}
CSS problem
Hi, I'm having a problem changing page elements with JS. I'm trying to change my main page footer and header by using document.getElementById("mainheader").innerHTML = header ; the element changes but the CSS doesn't. what am i doing wrong? is there a way to refresh the CSS design? thank you, Guy
Generating Dynamic table in jQuery, and on each dynamic row create another dynamic table
Dear Reader, This is what I am trying. I will be calling a RESTful web service, and the response will be in jSON. I will be parsing this jSON object to get the key value pairs which will be divided to display in a tabular format like Key Value Key Value Key Value Till this I am clear on how to do this. Now how to display this dynamic data in a table using jQuery. I also need to display another table whenever row in a dynamic table is clicked. Here is how it will work. 1. call webservice 2. get data
Link within a clickable div.
Hi guys, I have a clickable div. Within this div is some text. I made a link at the and "- read more -" which shows extra text and hides the previous text. When this link, which is inside the div, is clicked I dont want the div to respond to the click. I used "event.stopPropagation();" for that. So far so good. However after you clicked on the link and the extra text is shown I dont want the div to react to clicks anymore. Since this would trigger the original text to be shown. I hope you understand
.load() method with external pages
Hello, I'm trying to include a page with load() method, but it doesn't work. The page I try to load is on a remote server (script on http://www.miosito.it, page on http://www.miosito.com). This is my code: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").load('http://www.miosito.it/jsprova/remoto.php'); }); }); </script> </head> <body>
Localhost CSS doesnt work well
Hallo, I have just started Jquery Mobile and am really impressed by it. Now I have a question regarding one of the files that the mobile web app connects online i.e jquery.mobile-1.1.1.min.css. If I put this link in the header section(<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> ) When I preview the app it shows the right arrow for all items in my list. But when I interchange the above link with my downloaded css such as <link rel="stylesheet"
link to external pages so i can still use transitions
I have a lot of seperate html pages in different folders and I want to know the best way to link to these external pages so i can still use transitions In my index.html page I have am using this script below to load them into the dom which seems to work ok but I was wondering if this was remotely correct or there was a better way to do this. <script> $.mobile.loadPage( "River/index.html" ); $.mobile.loadPage( "Heritage/index.html" ); $.mobile.loadPage( "Nature/index.html"
Generating Dynamic table in jQuery, and on each dynamic row create another dynamic table
Dear Reader, This is what I am trying. I will be calling a RESTful web service, and the response will be in jSON. I will be parsing this jSON object to get the key value pairs which will be divided to display in a tabular format like Key Value Key Value Key Value Till this I am clear on how to do this. Now how to display this dynamic data in a table using jQuery. I also need to display another table whenever row in a dynamic table is clicked. Here is how it will work. 1. call webservice 2. get data
click dont work in ubuntu chrome
hi . why this code dont work in chrome? $("." + periodo2 + " > a").live("click",function(event){ event.stopImmediatePropagation(); window.location = $(".updater").attr("href"); });
Button event speed
The event used to handle normal transition button taps in jQuery Mobile seems slow to me in Mobile Safari. It looks like jQuery Mobile is just using the default 'click' event, which has a big delay built in on iOS. I'm talking about buttons like this: <a href="#nextpage" data-role="button" class="imabutton">Next Page</a> If I set href="#" and bind the 'tap' event instead, it seems much faster: $('.imabutton').bind('tap', function() { window.location = "#nextpage"; }); This seems kind of sketchy
how to add runtime elements in htrml using jquery???
how to add runtime elements in htrml using jquery???
how to solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method
please tell me the right solution to solve the solve cross domain problem form jquery to WebService for setRequestHeader in beforeSend() method, Already i posted more than two time regarding the cross domain issue still no one reply so please help , i struck for this past one week, how to do. Thanks
How Can I Achieve Instananeous Touchstart on iOS?
Can you point me to an example or demo of an immediate, instantaneous page change in a jQuery Mobile app? I want to be able to tap a link in jQuery Mobile and immediately show the next page. I know this is possible in iOS because: 1. Lightning Touch is able to do it without jQuery. 2. JoApp immediately begins to transition on touch end. The issue isn't the transition speed or length. The issue isn't necessarily relating to the taphold 300ms delay - but may be in part. I suspect in part that the issue
I can't get the back button on header
Hi everyone, I tried lots of times but I can't get the back button on the page's header. Can someone help me how to get it?
Question about syntax - using css inside jquery
I'm helping a friend build a Shopify site, so working with a CMS. They would like the names of the items to have one letter that has a custom look to match the way the wording is on the package of the products. Basically, the items all contain the abbreviation "No.", and they would like the O in that to be kind of superscripted and underlined. In the product descriptions, this is no problem, using a <span style> to control the styling of the O exactly like I want it to be. The names of the items,
Slider update page on slide
Hello; I use a technique to update div without page reloads like this sample where it says:type destination or hotelname here. My code updates the div like this: function hotels() { $.post('reloads/sep_list_refresh_jquery.php', { city: document.form.city.value, altFormat: document.form.altFormat.value, nights: document.form.nights.value},function(output){$('#hotels').html(output).show();}); } Now I need a similar but different functionality. I want to
Next Page