Close dialog X Then Launch Dialog Again
I am using JQM 1.3.1 and CodeIgniter 2.1.3 I have 2 pages: Page 1 is a multi-page HTML with 2 dialog sections. Page 2 is a multi-page HTML with a single dialog section. 1) On page 1, launch a dialog 2) Click the CLOSE X button on the dialog 3) After the dialog closes click the same button to relaunh the dialog 4) The dialog launches and everything is good. *************************************************** 1) On page 2, launch the dialog 2) Click the CLOSE X button on the dialog 3) After the dialog
Align Select options with labels horizontally
Hi.. Am trying to align 2 select options with labels horizontally . I implemented the Control Group code but am not able to display labels... it hides the labels . Only Select options are visible .(dropdowns no labels are associated with) <fieldset data-role="controlgroup" data-type="horizontal"> <label for="location" >Location</label> <select name="location" id="location" width="20%"> <option>Add new location</option> </select> <label for="selectmenu2"> Choose:
full code
Hi, in www.jqueryui.com website, they gave source code for many functions, can anyone tell me how to combine all those codes and execute in one single program, or can anyone give me the full code..?...
How to scale header image to header height?
Hi, My header looks like this <div data-role="header"> <img src="..." class="ui-btn-right" /> </div> How to scale this image height to match the header height? Thanks!
Two footers one fixed one not
Two footers on one page? HTML5 and CSS still boggles me at times so its why I here asking.... My question/problem is I really like JQM panel/header/content/footer and how its set up. The problem I have is I want a Fixed Tool bar that I can leave on the display at times and I still want my regular footer. From what I understand and my testing I have to give up either the header or footer to the 'fixed' tool bar but I can't have both. I've tried putting my footer at the bottom of the content section,
Change Selected Option in Drop-Down List
I want to change the selected <option> in a <select> element when certain criteria are met. Here's the scenario: I have a form with two drop-down menus. Drop-down menu #1 holds all main categories. Drop-down menu #2 holds all sub categories I want drop-down menu #2 to only show categories that belong to the selected item in drop-down menu #1. Demo: http://jsfiddle.net/Hm3rA/1/ When I get rid of the old selected item, the drop-down menu breaks. E.g When I added: //Remove the old selected attribute
Create Dynmic page tranistion in weebly
Hey guys Im new to creating website and css world. But ill try my best to explain my problem. I wanted to create a dynamic page transition effect so that everytime when i clicked on a navigation tab only part of the content get refreshed and not the whole website. I've found a way to do it but had no clue of where to dump all these codes in weebly. http://css-tricks.com/dynamic-page-replacing-content/ can you please give me some guidance.
Veritcal Accordion and DatePicker Incompatible
I can't seem to get an Accordion pleat (is that the right term?) [ jquery.nestedAccordion.js] to contain a DatePicker selection graphic. Thoughts?
ajax caching? how to force reload?
Hello - My ajax call appears to be getting cached, specifically the InitRowsPerPage function in the code below: $(function () { $('#ddlRowCount').change(function () { SetRowsPerPage(this.value); }); InitRowsPerPage(); }); function InitRowsPerPage() { $.ajax({ url: '/Home/GetRowsPerPage', success: function (count) { $('#aSessionRowCount').html(count); } }); } function SetRowsPerPage(count) { $.ajax({ url: '/Home/SetRowsPerPage/',
.ajax within a function
Being new to this, I have a problem with what I believe to be a simple question. Why is 'undefined' being returned from the function below? function validate_manager(manager_id) { var a = $.ajax({ type: "POST", dataType:"JSON", data: { ajaxCall: 1, manager_id: manager_id }, url: "/system/php/ajx_check_username.php", async: false // Wait for completion ...... }); a.done(function(data) { console.log(data); return data; }); a.fail(function(response) { var data = { success: false, error_message:
jreject not run on page load
i use the jreject plugin ( http://jreject.turnwheel.com/ ) i want to run it on page load but it doesn't running. My page is http://exiled.dyndns.org:88 Thanks.
combine datepicker and accordion
i want to make a accordion with input fields in it like this: <h4><a href="#">Lieferung 1 </a></h4> <div> <input type="text" name="lieferdatum-1" id="lieferdatum-1" value="01.01.2009" onclick="TestAction('lieferdatum-1');"/> </div> <h4><a href="#">Lieferung 2 </a></h4> <div> <input type="text" name="lieferdatum-2" id="lieferdatum-2" value="05.06.2009" onclick="TestAction('lieferdatum-2');"/> </div> <h4><a href="#">Lieferung 3 </a></h4> <div> <input type="text" name="lieferdatum-3"
jQuery .offset() doing strange things
I want to put a translucent screen over a div so I can show an image on top of the screen without the div contents being a distraction. The main div could move around so I read its current width, height, and offset with jQuery and then apply those to the screen. But the screen appears in a different place each time! There's a jsfiddle here: http://jsfiddle.net/bdWW3/1/ When you click Screen On the screen is applied. When you click Screen Off the screen is removed. When you click Screen On again the
Is it possible to use jquery scrollTo together with this trick?
Short version: Hello, with this trick I mean the method to force webkit scrollbars described here. Basically, it's body { position: absolute; top: 0; left: 0; bottom: 0; right: 10px; overflow-y: scroll; overflow-x: hidden; } and so the window itself can't be scrolled, something inside the window is scrolled. But what? Which is the object I can use together with scrollTo to make it work that way? I tried document.scrollTo(...), $(document).scrollTo(...), $(html).scrollTo(...) and $.scrollTo(...), but
Json WS Second, 3rd level List view consumption..Please Help
Hi I am trying to display a Dynamically generated List View upto 3 levels where 3 levels of list view would call 3 different Json webservices. I was able to generate fist level of Listview by consuming Json but i am not able to(or I dont know how to call the next two webservices as we navigate by clicking on the first level dynamically generated List views Items...By a filter as parameter. here is theJson for now it has only one returned value but will have more.....(this is returned by passing
swaping two html pages
hi , I am working on a app where i need to swap two html pages.There are two html pages which will be swaped to and fro. Can any one help me .
Cycle2 plugin set options programatically
Hi. I have a few slide shows on my site (abbeybookspaisley.co.uk). I'd like to change properties in one place rather than for individual slide shows. I have jquery 1.91 and jquery.cycle2.js loaded. I also load my own file, Myjquery.js, which I know works OK since I can get Pause/Play buttons to work. If I add this to Myjquery.js: $('.cycle-slideshow').cycle({ timeout: 10000, fx: 'scrollHorz' }); I thought it would do the job but it doesn't affect the slide shows - from which I have removed
simpleDialog
Hi, i want to use a simple Dialog with JQM, i got an example from here unfortunally it doesn't work !!!, here is what i want to do: gestion.js function closeSupprimerDialog(id){ alert(id); // i got id here $(document).delegate('#confirmationSupprimerOffre', 'click', function() { $(this).simpledialog({ 'mode' : 'bool', 'prompt' : 'Confirmation', 'useModal' : true, 'buttons' : { 'Delete': { click: function () { $('#confirmationSupprimerOffre').text('delete');
Finding the index of an item in a nested selection?
http://jsfiddle.net/jayblanchard/vgUjp/ I have some html that looks like this (this actually goes much further)- <ul class="sideNav"> <li> <div></div> <a data-page="PAGE_100100007">Significance</a> </li> <li> <div></div> <a data-page="PAGE_100100008">Relevance</a> </li> <li data-sub="yes"> <div class="arrow-right"></div> <a data-page="PAGE_100100009">Instruction</a> <ul class="subNav"> <li> <a
running 2 or more animations in parallel ???
Hi, i have these two functions that animate some elements in my page : function movebackground(f) { $(".circle1, .circle2, .circle3, bigcircle1, .bigcircle2, .bigcircle3").each(function (index) { $(this).animate({ "background-position": "-=100 -=100" }, 3000, function () { $(this).animate({ "background-position": "+=100 -=100" }, 3000 , function () { $(this).animate({ "background-position": "+=100 +=100" }, 3000 , function () {
Updating Textbox Values
Hello. I have a table as shown in this JS FIddle. I was wondering if it is possible to use jQuery to check that if any of the end textboxes have the value "3" in it, and if it does, to automatically update the other two row with the MATCH TEXT value to update their text boxes. The rows will be a maximum of two above or two below the row with the three in text box (col 8). I've had a search online and cannot find anything that achieves this. If you have any questions please ask.
working properly in ie but its not working in another browser eg- Chrome, firefox
This is myjs.js file var publicCounter = 1; (function () { var xmlhttp = null; if (typeof XMLHttpRequest != 'udefined') { xmlhttp = new XMLHttpRequest(); } else if (typeof ActiveXObject != 'undefined') { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } else { throw new Error('You browser doesn\'t support ajax'); } xmlhttp.open('GET', 'http://localhost:12798/myproject/TargetPage.aspx'); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState
confuse with GIF animations AND jQuery
Is jQuery useful for creating animations for <a href="http://www.techhubsoftsolutions.com">web sites</a> or we have to use GIF files for that
help build multilevel menus
Hello, anyone can pls provide me with a step-by-step tutorial if possible on building a multilevel menu for use in a website, but instead of having the usual drop-down, my menus need to be separated in different divs, like for example the primary menu (level 0) will be shown in a div (menu-0), while clicking on one of the primary menus will then display the children menus in a div (menu-1), and yet again, clicking on one of the children menu, will then load a sub-child/sub-children menus if they
Newbie with JQM and Firefox
Hi all, I'm starting to use JQuery mobile to develop a mobile/desktop application. So far my simple app is working on Android, iOS and in Chrome on Windows desktop. We have an environment here with Redhat Linux and Firefox, I've tried the app on Firefox Windows but it doesn't work. I'm seeing the list but the pages data-role doesn't work, if I click on a list item, nothing happens. I know the links with "navigator" won't work in desktop, but at least I should see the page when clicking on item lists.
How to sort the latitude and longitude based on the user's current location.
I have a xml file containing the latitude and longitude. What my app should do is to sort the lat and long based on the user's current location. Any idea... Thank you... Example file... <?xml version="1.0" encoding="UTF-8"?> <entries> <!-- Begin New York --> <entry> <id>1</id> <title>418 Central Prk West</title> <imageUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/sliderFeatured320x190_001.jpg</imageUrl> <imageThumbUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/listThumbApartments50x50_001.jpg</imageThumbUrl>
where do I create a slider in one layout?
Hi, Where do I create a slider in one layout or any idea like app _http://www.faceyourmanga.com/? please help me.. thanks
Change an element's opacity inside an animated div
Hi, I am new to jQuery and I have no idea how to fix a problem. Hope you can help me out. I have a paragraph inside a div and I want it to be 100% visible, not to inherit opacity from the div. I have posted my code below: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script> $(document).ready(function(e) { $("button").click(function(e) { $("div").animate({marginLeft:'200px',marginTop:'200px',opacity:'0.3'},2000,function(){
I have this xml document. I only want to display records with an ID of '1' how to do it? Thank you...
<?xml version="1.0" encoding="UTF-8"?> <entries> <!-- Begin New York --> <entry> <id>1</id> <title>418 Central Prk West</title> <imageUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/sliderFeatured320x190_001.jpg</imageUrl> <imageThumbUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/listThumbApartments50x50_001.jpg</imageThumbUrl> <price>4,427</price> <address>418 Central Prk West, 105, Manhattan</address> <reviews>If you are searching for an apartment in Clementon
css classes not applying on android
lets say i create a div with <div class="mynewclass"> test </div> so the css looks like .mynewclass { background: marging: etc, } when i open the page in a browser, it works, on android (and on the emulator) its like there has been no css-class. my strukture is: <!DOCTYPE html> <html> <head> <meta ... <meta ... </ <title>myquestion</title> < jqm-stylesheets... <link rel="stylesheet" href="themes/v2.css" /> <script .... > </head>
How to write at same location where js file is placed in page?
How to write at same location where js file is placed in page? My Codes Are-- Default.aspx--> <form id="form1" runat="server"> First Link <div> <script src="Myjs.js" type="text/javascript"></script> </div> <br /><br /> <div> Middel Content </div> <br /><br /> Second Link <div> <script src="Myjs.js" type="text/javascript"></script> </div> </form> Myjs.js--> (function() { var weburl = window.location.href; userurl
i have already created dynamicaaly listview items by using webservice now i want to pass parameters when clicked on list view items
here is my code: for first page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> $(function() { $(document).ready(function(){ $.getJSON("http://siliconsoftwares.in/store/storejson1.php",function(data)
Buttons not working on mobile device
Hi, I've been a long time trying to fix this and I'm sure it's something simple (which is what irritates me even more). I have a button that is used to retrieve data, it works fine on my laptop but on a mobile device it doesn't work. I've tried this way: <button type="button" data-role="button" data-icon="refresh" onclick="loadXMLDoc()">Generate</button> Can anyone help?
How to fix this jQuery UI Tooltip Problem?
I have asked this question here at stackoverflow: http://stackoverflow.com/questions/16889617/jquery-ui-tooltip-effects-are-buggy?noredirect=1#comment24369785_16889617 Basically, the problem is that I am using effect for a jQuery UI Tooltip, but the tooltips sometimes do not go away and linger on the page. Is there a way to force all tooltips to be hidden before showing another tooltip?
Cycle Plugin: thumbnail pager controls with DIVs as slides?
Hello, I'm using the example code off the Cycle demo to create thumbnails on-the-fly to use as pager controls for my slideshow. Everything works great until I wrap my images in DIVs which then become the slides. Is there any way to have DIVs as my slides and still create thumbnails on-the-fly? My function code is just like the function code in the demo: pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';
Multi-page with Jquery mobile does not work on IE10
Hello, I'm working on a project to provide a multi-page website which can be seen not only PC web browser but also mobile browser. The main issue is I really need to provide this content on a single .html page. So I have settled on jQuery mobile (div tag with data-role) but I'm having headaches because the button is NOT working at IE 10. An example as below, index.html --------------------------- <!DOCTYPE html> <head> <meta charset="utf-8" /> <title> div test </title> <frameset cols="30%,*"
How do I fix so AutoComplete work in JQuery-UI dialog
I have seen that there are other that have had the same problem. I open my JQuery dialog like this function Click_NewVoyage() { //Create and display dialog dlgNewVoyage $("#dlgNewVoyage").dialog({ width: 900 }); ... } How should I write to get autocomplete to work ? //Tony
Menus Icons
Hi Good afternoon everyone!! Im trying to change the menus (>) arrow that appears for default (ui-icon-carat-1-e) with a magnifier like ui-icon-search. I didnt find where can i change it. Example: Seach :> Cars Bus:> 2 4 6 tanks a lot!!!!
append divs in booklet pages
The reason I'm writing is that I'm trying to incorporate booklet with a chat program for a college final project wherein a textarea entry is appended within the booklet <div>. This chat program works as planned in a static <div> but within the context of Booklet, it's made a little more complex. The following js function reads the messages on the server and appends them in a <div> called chatDisplayWindow. The "if" statement determines whether the user is on the booklet page (based on the CSS
Jquery ajax load before animate
Hi, I have a grid of thumbnails. On click, a div below slides down and loads the content with ajax. The problem: When I click on a thumbnail it doesn't slide down smoothly. The content just appears. However, when I click another thumbnail, it slides up the old content and slides down the next smoothly. It seems that the reason it doesn't slide down the first time is because the div container is still empty when the slidedown is called. How do I fix this? If I set a fixed height to the div then it
Next Page