image slideshow issue
Hi i am using following script for image slideshow $(document).ready(function(){ $('#slider') .cycle({ fx: 'fade', speed: 'slow', timeout: 2000 }); }); It works fine on my pc's all browser but when i check other pc on firefox (firefox 28 same version available on my pc also) showing me black patch also slide between images slide. Please help me to solve this issue. Thanks in Advance.
slideToggle btn-x for panel-x
I am trying JQUERY $(document).ready(function() { $(".panel-toggle-1").slideUp(); $(".btn-panel-toggle-1").click(function() { $(".panel-toggle-1").slideToggle("slow"); }); }); HTML <b class="btn-panel-toggle-1">btn-panel-toggle-1</b> <b class="btn-panel-toggle-2">btn-panel-toggle-2</b> <b class="btn-panel-toggle-3">btn-panel-toggle-3</b> <div class="panel-toggle-1">panel-toggle-1</div> <div class="panel-toggle-2">panel-toggle-2</div> <div class="panel-toggle-3">panel-toggle-3</div>
google map showing blank page in jquery mobile
This google map works when called directly on the browser but displays a blank page when called from another page unless i refreshed it. any help <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <title>Create Id</title>
cycle slideShow doesn't work
Hi, Can someone help me to correct the errors in my scripts, I try to execute slideShow with simple idea but I have a lot of errors I try to correct some of them and I stop with "easing effect is undefine "error please help me to run it successfully . Thanks
How to use ASP.NET to trigger a popup dialog and update the back url from the dialog?
I have an ASP.NET webform in C# below. I can use the popup dialog to show the client-side validation message. But how to call the popup dialog to show the server-side validation message from the C# code? Also how to change the back target of the popup dialog to "page2" instead of "page1" from the C# code in a multiple page file? <div data-role="page" id="page1"> <div data-role="header"> <h1>header 1</h1> </div> <div data-role="main" class="ui-content"> <form name="content" method="post"
Element Blocking
Hi, We wanted to use the element blocking script but on multiple sections of the page. eg. We wanted to have the home page of our app live, but only with the pre-launch elements we want users to interact with. that is; block all other areas of the page but the different areas we want to leave open. The element blocking only works on one area of a page.. is there a way?
How to send select option and checkbox of a form in the form of xml to a php on form submit
How to send select option (the value of the option retrieved from backend using $.ajax) <select style="width:263.5px"; id="domain_login" > and ckeckbox <input type="checkbox" id="check" class="checkbox"/> of a form
Can Bootstrap work with JQuery UI?
I posted my this question in a wrong forum for some reason. I am posting it again in the right one. I am adding Bootstrap 3 into my web application which already uses JQuery UI. I read somewhere online and learn that Bootstrap and JQuery UI are NOT compatible. I see some questions here on this matter. Which is a right approach to achieve my goal? I am aware of one project called jquery-ui-bootstrap (https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/ ). Is it a right tool for my goal? If
how to replace telerik calendar with jquery?
code snippet is attached along with the screen shot.give some ideas. <div id="Table3" style="margin: 1; padding: 0; width: 100%; border: 0; background-color: #ffffff;"> <div class="CellContentEven" style="column-span: 1; height:118.5em; border:1px solid #96CFE8; border-top:white;border-bottom:white;"> <telerik:RadCalendar ID="RadCalendar1" runat="server"
Autocomplete with nested ajax calls
I am currently working on implementing an album search autocomplete using the Spotify Metadata API. I have most of the features complete, but I am having trouble when doing a nested call to retrieve the album cover art. Here I believe is the root of my problem. When I do the ajax call to retrieve the image it does work, and I get the right data, but the return statement is not getting executed. What I am trying to do is get the first four results, for each get an image and return the label, item
How to create a year field using datepicker
Hello, I'm a complete noob in java and jQuery. But I need to create a few year fields in a form. I like the ui calendar, but user should select not only year but the day and month which is not what I need. Can I some how turn off the day and month fields in the ui calendar in order to user to choose only year?
External panels on Internet Explorer
I noticed that External Panels do not work properly on Internet Explorer 11 (the one that comes with Windows 8). Actually it only works properly for Overlay panels. For Reveal and Push there is a gap between the content and the panel. You may reproduce this problem with the standard demos page. Just open this page using IE 11 and hit Reveal or Push: http://demos.jquerymobile.com/1.4.2/panel-external/ Can you reproduce it?
Autocomplete on dynamically added textboxes
i have a textbox on which autocomplete works perfectly.Below is my jquery code which is used to autocomplete $.widget("custom.catcomplete", $.ui.autocomplete, { _renderMenu : function(ul, items) { var self = this; $.each(items, function(index, item) { self._renderItem(ul, item); }); } }); var autocmp=
JQuery Mobile. I have been using $(document).ready(function(){ for a while and I just realized that I shouldn't have been.
So I have been making this app for a while and have been putting all my code in the .ready event but now I realize that I should have been using $(document).bind("pageinit", function(){ because I now cannot call the refresh methods for anything on dynamically created content. (they just return this error in the console: Uncaught TypeError: Object [object Object] has no method 'listview') So when I change the .ready event to the 'pageinit' event the refresh methods no longer return an error. But now
How to use array in jquery?
Hi <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ var item = $("p").toArray(); item[0].append("<p>hello</p>"); }); }); </script> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Insert content at the end of each p element</button> </body> </html> Can anybody tell me why line in bold letters is
buttonMarkup vs button
buttonMarkup is marked as deprecated from version 1.4 (discussed elsewhere), but the documented equivalent using button("option", ...) does not appear to work. I have four colour buttons and want to move the check mark to the one that's just been clicked (a little odd, but it works fine for users). The following code works: for (var _i = 0; 4 > _i; _i += 1) { if (baseColour === _i) { $(COLOUR_BUTTON_IDS[_i]).buttonMarkup({ icon: 'check', iconpos: 'left'
how to add slide menu
Hi I have a vBulletin forum. I want to add slide menu like facebook. can you help me to make it, please. i found this site http://mmenu.frebsite.nl/, but i don't know how put it in my forum
Newbie to jquery
Hi all I am facing problem in the below mentioned code .It is not showing me the alertbox saying "hello". Please suggest the improvement. <html> <head> <script src="jquery-1.11.0.min.js"></script> </head> <body> <div class = "xx1"> John Mragegert </div> <div class = "xx2"> THOMSON </div> <div class = "xx3"> goosi John harvard</div> </body> <script> $(document).ready(function() { if($.contains(this,document.getElementsByClassName("xx1"))){ alert("hello"); } }); </script> </html>
elegant js polling routine?
Hello, I have a requirement where I need to poll the database via ajax from js to check for a status. If the status is "active" then the polling should stop and an alert should popup "case is now active." The js should check the db every 2 seconds until the db status returns "active." Can you provide an elegant js routine for this? Here's some general js to show what I want to do: function ReportAsActivePoll() { for(var i=0; i<10; i++) { setTimeout(StatusIsActive,(i*2000));
how to start Jquery ?
which section to begin J query ?
combination problem horizontal menu highlight and arrows navigation
Hey there, I have an issue in my jquery script. I did menu with button navigation under it. The problem is : when I click on About item on the menu and then I click on the next button I'm not in the good item menu. For example, if I click on About item and then on the next button I should be on Contact item but it's not the case. This is my fiddle link : http://jsfiddle.net/jarod51/drQ79/4/ <div id="cssmenu"> <ul id="list"> <li class='active'><a id="testSlide1" href='#'><span>Home</span></a></li>
Android studio for Jquerymobile
Are there described steps necessary to create an apk with android studio from a jquery mobile project? jqm and "android studio" do not get found together in google.
Jquery Touchstart & Click Question
Hi all I have two functions below. One detects of the user has "clicked" a menu item and one is if a user "touches" the menu item. The "click" function is working perfectly. The "touch" version doesn't show or hide my html. I can alert() the ID in the touch event so I know im capturing the "touch" but the hiding/showing of content simply does not work. Any thoughts as they are the same function in all essence? Its got me stumped. // click the link $('body').on('mouseenter', '[id^="showmenu_"]',
sending form content in the form of xml to a php...
Hi I have a form <form name="myForm" action="login.php" method="post" > <label for="login"><font size="2"><b>Login Id :</b></font></label> <input type="text" name="login" id="myText" class="input" placeholder="Enter the User name here"> <label for="login"><font size="2"><b>Password :</b></font></label> <input type="password" name="password" id="myText" class="input" placeholder="Enter the Password here"> <input type="submit" id="login" class="btn" value="Login"/> </form> Now if I want to send
"best practice" for js namespaces?
Hello, is there a general "best practice" for creating namespaces for objects in js? Ideally, I'm looking for an approach that will work for all scenarios, including all browsers, using the least amount of code, written in the most elegant and maintainable way. Ideally, I'm looking for the most universally acceptable approach that will be least likely to break.
capturing an anchor tag inside div tags
how do i do that with this code $(document).ready(function() { $('a').click(function(){ alert($(this).text()); alert($(this).attr('href')); return false; }); }); which work if the anchors are just like <a href="/test1">---1---</a> <a href="/test2">---2---</a> <a href="/test3">---3---</a> if they are embedded in div they do not work <div style=display:table; class="clsMenu" id="divMenuSystem"> <div style=margin:0,0,0,0;> <a href="/Eureka/Home.aspx" target="_parent" onClick="closeAllSubMenus();"">Home</a>
How to set the return color value (Getter .css) on a different map than rgb space????
Hello, I am trying to get the value .css("background-color") in this example: http://jsfiddle.net/ybLGX/ but it seems that the only colorspace retrieved is rgb, is there a way of getting such a value in hsl??? Thanks in advance for any help.
Selecting specified div when clicking it
Hi, I am trying to make a functional dynamic jquery selection but it seems impossible for me. Here is the code: $('.schools').eq(0).toggle(function(){ $('.big_schools').eq(0).fadeIn('slow'); $('.big_schools').eq(1).fadeOut('slow'); $('.big_schools').eq(2).fadeOut('slow'); }, function(){ $('.big_schools').eq(0).fadeOut('slow'); }); $('.schools').eq(1).toggle(function(){ $('.big_schools').eq(1).fadeIn('slow'); $('.big_schools').eq(0).fadeOut('slow'); $('.big_schools').eq(2).fadeOut('slow'); }, function(){
image zoomable on jquery mobile but header and footer stay at top and bottom of device
hi all, Is it possible to make an image zoomable but header and footer to stay at top and bottom of device respectively? Thanks
toggling existing html markup, how can i do a function?
Hello, i use this piece of code to show/hide actual markup in a web page, but i want to do some function so when i call and pass a parameter it automatically sets the resulting behaviour. the thing is that i am new at jquery jQuery(document).ready(function($) { $('.intertop ul.ultop .loginform a.login').click(function() { if ($(this).hasClass('activo')) { $(this).removeClass('activo').addClass('inactive'); $("#login-form").fadeOut().removeClass('activo');
Getting inner HTML using "this"
Hey Guys. I'm a little new to jQuery. I'm currently trying to retrieve the contents of an inner html by using the "this" function. I have tried using it with the code below, but it doesn't seem to be working.. Do you guys have any suggestions? Thanks! $("#change_order_time").click(function(){ console.log($("#order_time").this.html()); // Looking to get the inner contents of "#order_time" });
Populate hidden list into html elements
have few hidden fields which should become visible on click of a link. Below is the html code <table> <thead> <tr><th></th></tr> </thead> <tbody> <tr> <td align="center"> <span id="hoverspan"> <a href="#" onclick="DisplaySelectedPart('1')"><label id="internalNumber">121334</label></a></span> <input type="hidden" name="shipmentDetails.lineItems.part.mfgNumber" value="345245" id="part.mfgNumber1"/> <input type="hidden" name="shipmentDetails.lineItems.part.description" value="red and blue chicken sweaters
jquery and regex
Can any one point me a good tutorial on regex expressions in jquery.
With version 1.4 can no long collapse a list from code
I was using an earlier version of jq moble and was able to collapse a list with the following code: $('#myList').delegate('li', 'click', function () { $('#myList').trigger('collapse'); }); Anyone know why this code no longer works in 1.4.1
Swiping doesn't work when video is on page
Hallo, I used JQM to enable my pages for swiping from one page to another. Works fine so far but there is an exception: When a video is on the page swiping and sliding doesn't work. Example page: http://ulrichbangert.de/orchid/pleione/2013-03-25_Pleione_Ueli_Wackernagel_Pearl.php Example for a page without video: http://ulrichbangert.de/orchid/2011-02_pleione_barcena.php I'm using the video player video.js Why doesn't it work and how can I solve this problem? Best regards - Ulrich
Textarea with numbered lines
I'm looking to add the line number for each line to the left of the textarea box. I would have thought that finding a solution to this would have been easy but it seems that all of the examples I've found on the internet are outdated and not working properly. Can anyone help me out with this by providing me with a current, working example? Thanks!!
jQuery-1.7.2.min.js Question
Hello I am working with JQuery-1.7.2.min.js -- it is embedded in an application I inherited from someone else. I finally got the Eclipse IDE stabilized this morning, however, I have three errors coming from the JQuery as follows: On this, I have three errors: as follows: 1. Syntax error on token "Invalid Regular Expression Options", no accurate correction available -- on this: contents:{xml:/xml/,html:/html/,json:/json/} 2. Syntax error, insert ")" to complete Arguments -- on this: :b,j.notifyWith(k,e)}}
Any event to trigger once delay completed in jquery ui.sortable
Hi All, In Jquery UI.Sortable, We can give delay to start the sort. I want to know , is there any event that to identify once the delay(i.e.,ms) completed. I tried all events in the API list, start, activate,... all the events triggered when i start to move the item. I want to know when i hold(click & hold) the item for some nth-millisecond - trigger an event. Kindly provide any idea to proceed ASAP. Any clue or hack fix welcome ASAP. Thanks, Hari
How to set correct context of $(this) within anonymous function called by event
I would like to access the ID attribute of an element selected within the click event of another object. The code below shows the ID for the #button but i want the ID for the .a class element. I think I need to use proxy but I could use some guidance. Thanks in advance. $(document).ready( $(function () { $('#button').on('click', function () { $(".a").append("<p>ID:" + $(this).attr("id") + "</p>"); }); })); Example: http://jsfiddle.net/9937c/6/
Want to work with jQuery UI on website, using at this time old jquery tools
Hi, iam using jquery tools on and old website of an customer. I want to use jquery ui, cause its better. Iam using the old jquery tools for the menu effects and the hover effects and for the audio/video player. Is there an tutorial how to upgrade or take the replacement? Thanks
Next Page