How can I have the data-role="content" always displayed to the data-role="footer"
Dear All, I am displaying a googlemap to a div <div id="map"></map> It work fine excepted that <div data-role="content"> is not heigher than 1px. I would like to have always the eigher the height of <div data-role="content"> or <div id="map">, heigh up to the <div data-role="footer"> In CSS if I use height=100%, the 100% does not work. In that way, google map will always be displayed in all the screen of the smartphone Many thankf for your help Cheers
Carousel Question
Im new to jQuery Mobile. Still researching it. Does jQuery Mobile come with a "built in" carousel function? I cant find one in the docs ...
problem with show/hide feature.
http://optiq-customtees.zxq.net/store04.html if you go to the link and click the "men" button... you'll see my image gallery pops up at the bottom.... so it shows the scripts works... but it's for some reasoning opening at the top of the div I have it in and I only see the back n forward buttons with the little dots on the bottom... without the JS in there it shows up perfectly in the div... what am I doing wrong here?... a quick run down of the method I'm using is this... the button for showing
Don't hide other projects on website
On jQuery UI new website, there is a link in topbar to see other projects like sizzle and Qunit. But these projects are hidden by default. I think (IMHO), it's not a good idea. Because these projects are not well known by the public and hiding them behind a link don't encourage to discover them. Mathieu jQuery, jQuery UI, jQuery Mobile and QUnit chronicler in French
Double transition the page
Hi all! I have such a problem, a link with href to another page with data-transition (no matter what kind of transition I use) and also changePage() with transition too...So, the pages in both cases, when link is clicked or changePage called, apear for a second, then desapear and then load normally. Why can it be?
Loading a page into a dialog with ui buttons
Hi, I am loading a page inside a dialog which has ui buttons. But it seems as that the javascript gets deleted and therefore the buttons are not displayed correctly. This is a shortened example: $(function(){ $('.edit_module').click(function(){ DialogBox(); //creates the dialog var module_id = $(this).parents().find('.mod_id').val() $('#dialog') .load('test.php', { 'p_module_id': module_id } ) .dialog('open'); return
Ajaxcomplete what selector to use
I am trying to figure out the correct selector to use with this event. After someone uploads a file, I want to run a function. I have tried the div that receives the updated file link and the form id, but neither works. Example code SCRIPT START $("#divthatgetsupdated").ajaxcomplete(function { alert () }) ); SCRIPT ENDS
jQuery Mega Drop Down Menu using JSON.
Hi, I like jQuery Mega Drop Down Menu plugin and using in project. I have menu data in database and looking for developing menu using JSON data like JQWidgets menu. Currently mega menu creating menu using html elements ui and li etc. Is there any way create jQuery Mega Drop Down Menu using JSON. Any idea? [CODE] CREATE TABLE "SYSTEM"."JSON_DATA" ( "ID" NUMBER NOT NULL ENABLE, "PARENTID" NUMBER, "TITLE" VARCHAR2(255 BYTE), "HAS_CHILD" NUMBER ) Insert into JSON_DATA
Changing Message displayed within JQuery method
This might be a high-level question but, I want to change the message that's displayed within my webpage, in the defaultMessage method/procedure. This is so that it can be more user-friendly to the client.I have replaced the text that was assigned to $.validator.messages[method], from: $.validator.messages[method], "<strong>Warning: No message defined for " + element.name + "</strong>" ); }, to having a different message assigned to the $.validator.messages[method], I have rebuilt the solution
size attribut on a jQuery input object
Hi all, I'm currently trying to use javascript as an object language and so I'm doing something like this : _inputNameExp = jQuery('<input/>', {'type': 'text', 'size': '25}); $('body').append(_inputNameExp); This partially works : input is created and inserted in the body but there is no "size" attribute... A workaround is : _inputNameExp.attr('size', '25');And now this is working but I don't like it... Am I doing something wrong during the input creation ? Is this a jQuery bug ? Thanks ! Also I
issue with Cross domain
I just started using jQuery and am trying to learn as I go, but I have hit a road block. I have a requirement on creating tab and bring external site to the tab i was able to create tabs using Css but dont know how to use Jquery to display external website within an tab.. The following are the files which i am using The tabs-no-images.css file /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; } /* single
Unable to get jqgrid
Hello people, I am new to this. how to obtain the jqgrid in jquery mobile environment in a jsp.
how do I update an internal plugin of a plugin?
I'm using a plugin called fancymoves which is an image slider app that uses the fancybox app to function... I ran into a problem with getting the back and forth buttons to work and someone suggested I update the fancybox to the newest version..... I haven't been doing javascript that long and JUST figured out how to install the app in my coding and customize it to work the way I need it to.... how do I take the old version of fancybox out of the fancymoves app and put the newer version in?....
How do i select this element?
Hi all, Below is part of my HTML. What i want to do is when i click on a menu item e.g Home, Portfolio etc. I would like for the the contents of the "#slideshow" div to either hide or animate the opacity to 0, I have left it at fadeout for the minute to keep it simple. <div class="container_12 .grid_10" id="header"><img src="images/logo.png" name="logo" width="460" id="logo" /> <ul class="dropdown_menu"> <li><a>Home</a></li> <li><a>Portfolio</a></li> <li><a>About
Setting Value for <Select> object
Hello: I'm trying to populate a <Select> object with the value from a user's record. Following is my current attempt: var var_ClientType = <? echo json_encode($ClientType)?>; $(document).ready(function() { //===================== POPULATE Drop down List ================= $.getJSON('select_orgtype.php', function(data) { var select = $('#orgType'); console.log("Var ClientType: " + var_ClientType); $("#orgType option:text=" + var_ClientType +"").attr("selected", "selected");
getting current element with id
Hi There Im using this kind of jsp script together with jquery. I would like to retrieve the value of a current element with id. Can any one help me to solve this. Below is my code: Functionality of my code: 1. Onload displays two phone numbers. - I got it 2. Then I want to update DB for the selected phone. - I got it 3. But for this update an authorization step is required which is the inline content. Once authorized the id of the selected phone will be carried to action class (which gives me wrong,
Error using appendTo
I'm trying to use appendTo with some PHP so I can move a ul to the bottom. Here is my code: <?php $currentPath = $this->getCurrentPath(); $currentCategory = Mage::registry('current_category'); ?> <script type="text/Javascript"> jQuery(document).ready(function(){ $(".childnav").appendTo(".catalognav"); }); </script> <ul class="catalognav"> <?php foreach ($this->getCategories() as $category): ?> <li> <a<?php if ($currentCategory->getId() == $category->getId()): ?> class="selected" <?php endif
jquerytools & overlay (ajax)
Hello, sorry for my poor english... i'm using jquerytools and overlay. I have a page call overlay width : <a href="javascript:void(0);" rel="#fiche" class="individu">... $("a[rel]").overlay({ mask: '#676158', oneInstance: true }); when people click on line with "class individu", i show identity of this person. I read width ajax the identity of this person, and i show all on overlay part. All is ok there. in another part of this page, i use ajax to add new lines, same of before
Trying to wrap a function in ".find"
I have a jQuery accordion on my site which is loaded into a div by AJAX after the main page has loaded. The jQuery library is loaded when the main page is loaded and unless I include the library again just above the code I've shown below, the accordion does not work. The code below is loaded with the AJAX content and is situated below the accordions' HTML. I believe that when the library is loaded and the document is ready, a "find" is initiated automatically, but I don't want the extra overhead
slideToggle on mouseout
Hello, I have a div that collapse on mouseout. It works, but not as intended. The basic structure is: <h3 class="myHeader">header</h3> <div class="myCollapse"> <form><input><input></form> </div> <script> ... $(".myCollapse ").bind('mouseout', function(){ $(".myCollapse ").slideToggle(1000); }); ... </script> When the mouse hover over the form-elements, then jQuery triggers the mouseout-event. I want jQuery to only trigger the mouseout-event when the mouse is leaving the div not when bumping
Overwrite expand/collapse events of JQM Collapsible
Hello, I am able to bind to expand/collapse events of JQM Collapsible on this page: http://codeturtle.com/files/collapsible1.html But I want to stop the div with content "I'm the collapsible content...." from being expanded/collapsed. The reason is, I want to show different contents for different events, Thanks
listmenu plugin
How can I break the alphabet in the middle and show it on two lines -- ie: A - L on the first line and M-Z on the next line?
Essential difference between on and bind?
What is really the difference between .on() and .bind()? (excepting the version difference) I've been using 1.64 version for a long time, and now I'm actually getting scolded for using the old .bind() method, but I can barely understand the reasons for upgrading though. I also wonder what methods do you guys use for the community plugins, and should we generally consider the back compatibility? The latest versions add quite a bit in weight, so maybe not all of the users want to upgrade...
why mouseover and mouseout event does not work in qunit?
s("a.flyoutlink:eq(0)").mouseover(function(){ //this is not working???? s("span.contexthelpcontent").exists function(){ ok(true,"floater exists"); }) })
using the same plugin in 2 diferent html pages, one linked to another.
I'm using a jquery plugin that makes the content of a div dragable. I use it in my first page and it's ok, but when I follow the link to the other page(it opens in a div on the main page) and try to use the same plugin in that page( I've programmed this page with exactly the same code) it doesn't work. If I open that 2nd page separately it work's fine. I don't know if I make myself clear. Can anybody help me?
Problem with button and picture link
Which script code I need if I have a button of the displayed image eg rss feed from a local store to on a cell phone? I have an app developed the pictures from an rss feed displays this I would then store it locally on the phone for like button for that I have unfortunately not only the functional ? please help me
ifames alternative
Hi, so i need to replace iframes for jQuery DIVS. Reading in the internet, its really simple. In proactice, it seems much harder. Notes: all external pages are within the folder structure to the index.html that is looking at them all images are in a folder called images Scenario: Index has a DIV called 'Sizzle'. in this div, i want to change the content to 3 possible pages (pg1, pg2, pg3) any one of these pages need to be displayed in the div. all pages have images on them. Questions: can images
Mod_rewrite pick up variables
I want to crate nicer url´s on my Jquery Mobile page. Now I have Ex. store.html?supplier=apple&product=laptops My code to capture the variables. var supplier = getUrlVars()["supplier"]; var product = getUrlVars()["product"]; function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]]
Need help to get ID on selection of autocomplete
Please click on following link then click Find a pop up window appears http://webvikas.net.in/purohit/admin/insertrecord.php as shown below Search close Heading Please SelectbusinessOrthopaedicWebsiteWonder Name anand m nadkarni anand1 m nadkarni1 unmesh middle dr mahesh p. Mobile Number the input fields has auto complete feature which is working fine. My problem How to get record id of name selected
JQuery mobile template
Hi, im new here and hoping for a bit of direction / help. At work, i need to make a template for ipad for an internal website. The things i need to make work are- header stays the same at all times the middle section is interactive. 4 buttons on the top would change the content in the div. each page that shows inside the div can also change. i have included a few shots to try and explain. Can anybody help me on this please and / or direct me to a good place for templates etc? i cant seem to get dreamweaver
Jquery Mobile: Custom Header w/ background image + navbar
Struggling badly with this all day and I get the feeling somebody with more knowledge on subject could save me a lot of grief... I have created a website using Jquery Mobile and I want to use a custom image/logo instead of the standard header on all of my pages. What makes it slightly more complicated is that I am also using a navbar just under the custom header/image for navigation. See the below image for what I am talking about: http://postimage.org/image/ywh1wajjr/ So here is where I am running
jQuery Mobile advice / code examples
Hi, would it be possible for someone to offer a few code examples and advice please? code to go into a button that slides a page into a specific area can a div content change from a button clicked within that div? for example: a button on the main page changes the content of a div. In that content is a set of buttons and by clicking one of them, the content on the main div will change or would i div down in tiers? (does that make sense?) what code do i put into a page that is being displayed in a
Sliding panels for multicolumn web/mobile app
I'd like to reproduce with JQuery the behaviour of these sliding panels: http://enyojs.com/sampler/lib/layout/panels/samples/PanelsSlidingSample.html Do you know some existing plugin that implements this behaviour? Do you any clue on how to implement it? Thank you by advance!
Double transition
I am using $.mobile.changePage to transition from one page to another and it works with a glitch. When it transitions first it transitions to the same page I am on and then it transitions to the correct page and I can't figure out why. Can someone help?
problems with variable in src path
Hello, I am aware that this maybe is not a jquery specific problem, yet, my code integrates jquey so I might as well ask it here. I have the following code: <script src="edge_includes/jquery-1.7.1.min.js"></script> <script src="edge_includes/jquery.easing.1.3.js"></script> <script type="text/javascript" language="JavaScript"> $(document).ready(function(){ $("#sub") .click(function(){ $("#the_pic").attr('src','images/Memoir_reg/Memoir_1.gif'); $("#the_pic_2").attr('src','images/Memoir_reg/Memoir_2.gif');
jQuery Dialog Scrollbar
Hi. Is there a way to check if a scroll bar is being used or not in a dialog box? Currently, I am working on a manual way to auto-resize the dialog box and I wanted to do it by checking if there was a vertical scroll bar or not. If there was, then I would adjust the width and the height of the dialog box and proceed to check for a scroll bar again. Thanks
Reconnect (ajax)
The question is about ajax. How to reconnect if Internet connection is lost? Is this code is corrent? (I use timeout becouse there is no way to find out Internet connection problem.) $.ajaxSetup({ timeout : 30000 }); $.ajax().fail(function(error) { if(error === "timeout") { $.ajax(); } });
Doesn't add a click listener to a newly added element?
My jQuery: $(document).ready(function(){ var search = true; var results = $('#results'); var input = $('input[name="username"]'); var viewing = 0; $('button[id|="user"]').click(function(){ document.write('hey'); }); input.keypress(function(){ if(search){ search_f(); } }); $('#back').click(function(){ if(!search){ window.location.hash=viewing; } }); function search_f(){
Jquery newbie question help with appending a variable
So I have the following function : function getletter(){ var letter=$.trim($(this).html()); window.location='searchresults.php?querystring='+letter+'&querydesc=Name Like &querytype=1'; } in which i want to take the letter variable out and use it in another function to append: $("#main h2 a").append('+letter+'); Its working if I just put in a string but cant think of way in order for this variable to be taken from the other function and be displayed here.
How can I add usemap in this?
I created an image map on my background image. The problem is my image is not in the html, it's inside a function. Can someone please tell me how can I add 'usemap' to this? jQuery(document).ready ( function($){ $('#jq_fuslideshow').fuslideshow({ image_background : "images/background.jpg", image_topShadow : "", image_bottomShadow : "", background_fullScreen : true, background_move : false, background_moveDistance : 500, }); } ); I guessed
Next Page