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?
[jQuery] [ showcase ] lisapram.com - interactive barcode
Friends, That's it, i digested your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ Thanks Alexandre
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
How do I shrink a centered table to fit its contents and still be centered?
suppose I have a table centered using the (obsolete) center tags. The contents of this table are radio-buttons that are added dynamically with Javascript. My problem is that these radio-buttons sometimes have several words of text associated with each choice, and sometimes only a few. So if I have really big table with fixed width, it will look OK for long text, but not if the maximum text over all radios is only two or three words. In the latter case, the radios will be on the far left side of
ajax timer function
Hi Time for another challenge. I want to implement a timer that calls a jquery funtion every 30 seconds. I have found this example on the internet: setInterval(function() { alert('Next alert in 30 secs'); }, 5000); //5 seconds How is it included in a my html / Jquery script ? Something like this? $(document).ready(function () { setInterval(function() { alert('Next alert in 30 secs'); }, 5000); //5 seconds });
Can I have two data-roll="footer" sections on 1 page
... <div data-role="page"> <div data-role="header"> <h3>header</h3> </div> <div data-role="content"> My page content </div> <div data-role="footer"> Copyright 2013 blah blah blah </div> <div data-role="footer" data-position="fixed" id="foot_stat"> 3 - New Messages </div> </div> ... I want to use the second data-role="footer" as a status page to be displayed when my users have a new message. I want to
Making local variable global
Hello, I have this code: <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ //var myd=""; // I want this to contain the contents of data $("button").click(function(){ $.get("pictures.json",function(data,status){ console.log( data ); // This does contain data }); }); // console.log( myd ); // This results in error but I want myd to contain data from the $.get }); </script>
Problem with jQuery Mobile dialog
I have a jQuery Mobile script which works but involves different dialog boxes for each time a numeric value is required from the user. So I tried to use one dialog box for all numeric values: <div data-role="dialog" id="dialogNum" data-theme="a"> <div data-role="header"><h1>Decimal Coordinates</h1></div> <div data-role="content"> <p id="inputDesc"></p> <input type="number" id="myNumber" data-mini="true" value="" /> <a href="#" data-rel="back" data-role="button">Enter</a> </div>
How choose a specific theme for an Widget
Hello! I wish use the table colum toggle, but if I not import the theme, the widget does not work well. But when I add the theme, my bootstrap navbar changes too, and I do not want it. How to import only the css for a specific widget? Like table colum toggle, or Grids.
Jquery Conflicts - How to resolve?
Hi there ! I am working on HTML and Jquery part for this website http://englishonmobile.in/newwebsite/EOM-Ver3/eom.html, here in this page, the 3 tabs are working i.e. Business English, Course and Benefits. But the top tab "TRY FOR FREE NOW" not working as like in other pages. This is the jquery issues i.e <!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Animate offset().left with hash change jQuery
'm working on horizontal scrolling website Website (blueprint) working very well, animation work smooth and everythings fine. But when I want to add window.location.hash with ba-hashchange plugin in this case does not work. $(document).ready(function(){ $("nav").delegate("a", "click", function(event) { window.location.hash = $(this).attr("href"); return false; }); var newHash = ""; $(window).bind('hashchange', function(){ newHash = window.location.hash; if (newHash) { $('body,html').stop().animate({
jquery mobile css not apply on ios
I have created a sample page in which i have used the jquery mobile .js and css , and it works really great in browsers, mobile browsers , BUT the CSS doesn't apply on the Iphone Please tell me any option to this.
cleanup api of jquery
Is there any jquery api to clean up jquery related staff of a element and its decendants without altering the dom? I am using a stupid approach: $(element).find("*").addBack().off().removeData()
[jQuery] explain this please
So for school i had to make an imagemap with jQuery, but now we have to explain it to the teacher and i dont really know how it works. So if somebody could explain it to me that would be great <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>GIP 6e IB</title> <link rel="shortcut icon" href="../afbeeldingen/favicon.ico"
How to show youtube channel videos with corresponding text using jquery??
i am able to show the youtube videos using jquery-youtube-carousel.........but how can i show the title related to it for the main video.. http://www.michaelouellette.com/jquery-youtube-carousel/ As main videos chnage the title should also change plz suggets.
How to control window traits only at URL target document?
My job involves digital publishing for print/paper magazines. For the Web, I convert pages into SWF (Flash) files for display in a proprietary player. The mobile device app version uses PNGs. Neither the player or app can be modified except by Development, which doesn't want to mess with this: customers are asking for a way to click a hyperlink and get a pop-up that shows video or an image. The challenge here is that I need to center or otherwise position the pop-ups, as well as control their size.
Confusion with the defination of :first-of-type Selector
I am very new to jQuery. I am not getting the below css rule. :first-of-type Selector - The :first-of-type selector matches elements that have no other element with both the same parent and the same element name coming before it in the document tree. The above bold part I am not getting. Can anyone help me the above with an example? Thanks, Arup
jqeury on click css add percentage value
Hi, I'd like to add 100% to margin left on click. So say my current margin value is 100% Then On click = 200% On second click = 300% and so on... How do I do this? I searched all over, can't find a solution. It's easy to add 100 pixels but i need percentage value.
Mobile UI How to add 6 th column in the NavBar
hi, I am using the jQuery mobile NavBar. How to add 6 th column in the NavBar. Pls post your comments.
Next Page