Getting image href with ajax
I have the tiny carousel plugin and I want to create a new select box when the user click one of the images in tiny carousel. I want to get the href and the select box should load automatically each time the user click a new image. Here is my code so far: Ajax (default.js) $(".overview").click(function(){ var overview=$(".overview").val(); $.ajax({ type:"post", url:"../../data/course.php", data:"overview="+overview, success:function(data){
Patterns & Practices when creating a jQM app?
I've been trying to create a webapp with jQuery Mobile 1.4 using only css, html5 and javascript, no other js libraries or serverside code. The documentation is very helpful on how to structure the HTML to get a nice UI but now that I want to make it interactive I'm a bit stuck: I have no idea how I should structure my javascript code. Especially how to integrate the jQM events with my code that keeps the state of the app. Are there any good articles or books that can help me with that? I did find
Validate jQuery plugin, field not required
Hello I have got a problem with my form. For the telephone field, I would like that is not required but in the right format if it's filled (10 digits). If the form is empty and if it's validated, why the green image is displayed (validClass) ? How to make for that the image is displayed only if the field is completed and in the right format ? Leave the form blank and confirm to see : http://jsfiddle.net/Xroad/Y3GJr/ $('form').find('.error-message').hide(); $.validator.setDefaults({ errorClass: 'error-image',
JQuery Mobile and database
Hello, I'm new to JQuery mobile, i need to know what's the best database for my application knowing that : 1) I need my database to be shared with all the end users not on the client side; 2) I did already a conceptual data model with entities and associations , i don't know if i can convert this with JSON because i never use it, i often use the relational database. and i need to know where i will stock the data and which API should i use ?? Also if there is any tutorials in this field please share
crossDomain issue
i was trying to call a WebService of another server using Ajax call, but always happens crossDomain issue, to solve this i created a proxyReverse between the servers, i can do that with another way?
FadeIn anti-aliased font problem for IE6-8
I have this html code <li class="viewport"> <a href="#" target="_blank"> <div class="xq"><h4>Hello</h4><p>More</p><div class="xq-bg"></div></div> <img src="./images/grid-view/20130515111734676.jpg" alt="" width="156px" height="120px"> </a></li> .viewport{ width:156px; height:120px; position:relative; float:left { .xq{ display: none; height: 100%; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index:1; color:#fff; cursor:pointer;
When click anchor tag don't hide DIV
Hi, I want to hide a div when I click on navigation li>a HTML: for Home/Request A quote anchor tag: <ul class="nav navbar-nav"> <li class="active"><a href="#" class="home">Home</a></li> <li><a href="#" class="requestaquote">Request A Quote</a></li> ... The div I want to hide: <div class="alert alert-success">Featured Product <p class="featured-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
Progress Bar - Video HTML 5
How to make the video progress bar (progress bar) in HTML5 and jQuery? I already have the layout of the player and the basic commands, but lacks a progress bar... $("#playerplay").click( function() { $("#nomedogame8").trigger('play'); }); $("#playerstop").click( function() { $("#nomedogame8").trigger('pause'); });
Reset animation to work again?
Hi guys, I'm playing arround with Sprite animations on Hover using jQuery. It seems to work ok, but the problem is that when I leave the container and come back it doen't repeat. Can anyone advice how to solve it? I'm using https://github.com/blaiprat/jquery.animateSprite You can see my code here: Sprites Hover animation - CodePen Thanks,
jQuery, WinXP, Windows 8, Windows 8.1
This is for a website, not mobile. I have jquery 1.3.2 code in my asp.net 2.0 (ajax) project. The code has been working for years. I test my site and jquery code in winXP.OS. Now I get reports that the jquery code wont work. QUESTION 1) is there issue with JQ 1.32 working in windows 8 or 8.1 ? 2) Is JQ 2.03 compatible with winXP and Asp.net 2.0 websites? Thanks in advance
Multiple File Upload Plugin - Getting extra "dummy" file in Files collection
Hi all. I'm using ASPX on an MVC page in VS 2013. I am submitting a form using jquery and the form has the option to allow the user to choose multiple files for upload using the jQuery Multiple File Upload Plugin 1.48. On their website, the developer notes that you need to disable / re-enable an empty element if you are submitting the form programmatically and / or using ajax, so I do this, but obviously I'm doing it wrong. Here is the code that submits the form: $('#accessRequestSubmit').click(function
How to create an object which is both draggable and droppable in jquery?
Hi Waiting for your response Thanks Varun
Installing jswidget easy-comment fails when trying to Submit the comment
First, I attempted to contact support@jswidget.com - but have not had a reply. Second, I see a problem with similar description which was asked 1 year ago - and it seems to have no resolution. Here is my situation: I have attempted to install the easy-comment files at http://www.miscelpage.com/easy-comment/ I have a page at http://www.miscelpage.com/allshare/1fopt.shtml , where I attempted to follow the install directions. In the head section I have included: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
Jquery plugin to create a collage of text?
I want to create a Text collage like this - I searched for about an hour but didn't find any. There are only photo plugins.
FlexSlider doesn't load when hidden div appears / shows
Hi together, I'm working with Joomla 2.5 and am using this here: http://www.code7.co.uk/joomla-responsive-slider My theme is a single-pager. If I click on a navigation item javascript simple fades out one div and fades in the other div. The problem now is that if I toggle the divs, the slider isn't enabled anymore. Only when I reload the page. The Slider is loaded like this: <script type="text/javascript" charset="utf-8"> jQuery(window).load(function() { jQuery('.flexslider').flexslider({ animation:
Can I make a .json call on select event from jQuery autocomplete?
I have an application that allows users to select an activity (such as watching movies or aikido) from a jQuery autocomplete box. That part is working. What I want, however, is for some boxes that allow a user to select their expertise to either be disabled if expertise isn't relevant (such as watching movies) or enabled if expertise is relevant. To do this, I'm trying to call a $.getJSON from within the autocomplete select event. The $.getJSON calls a server-side php script that asks a mysql database
Alternative to using title
I know I can use the following <div title="xxxxx">yyyyy</div> Hovering over yyyy displays xxxxx for a few seconds. I would like a jQuery method that would allow multiply lines and retention of the box until there is no longer a hover. Ideally it would be as simple as <div class="myhover" mytitle="xxxxx<br>xxxxx">yyyyy</div>
how can I get only the visible text in a scrollable div - just the part that does not have to be scrolled to.
I have a div that I constrain to only be 400 pixels high, as follows: style="width:800px;height:400px;max-height:400px;overflow:scroll" If the user scrolls through it, and then clicks a button, I'd like to know what text is visible at that point in the div. I'm not talking about hidden versus non-hidden tags, I just want to know: what does he see when he looks at the div? If I use the "text()" method, I get all the text in the div, not only the visible part. Is there a way to do this?
fetching xml response from a php
Hi I have html form <form name="myForm" action="login.php" method="post" > <input type="text" name="login" id="loginName" class="input" placeholder="Enter the User name here"> <input type="password" name="password" id="password" class="input" placeholder="Enter the Password here"> <input type="hidden" name="XML" id="hiddenField"/ > <input type="button" id="login1" class="btn" value="Login"/> </form> I am sending it to a php in the form of a xml string $("#login1").click(function(e) { alert("hello");
Please resolve this problem coming either due to html or due to jquery?
Hi <html xmlns="http://www.w3.org/1999/xhtml"> <title>Simple jquery drag and drop div example</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script> <style> .aParent {float: left; clear: none; } #leftSlot, #rightSlot { list-style-type: none; margin: 0; padding: 0 0 2.5em 10em; float: left; margin-right: 10px; } #leftSlot li, #rightSlot li
tiny carousel not working with ajax
I am trying to make this to work by loading other data from external file. Unfortunately, the buttons and the carousel don't slide, only when loading data from ajax. How can I get this to work? Notice: the buttons and numbers don't work. Here is the ajax: $("#city").change(function(){ var city=$("#city").val(); $.ajax({ type:"post", url:"../../data/image.php", data:"city="+city, success:function(data){ $("#slider1").html(data);
[jQuery Validation Plugin] Automatically add class to required field
Hi, I'm struggling with the following issue. I want to add a class to my input fields based on whether or not the input field is required (which is done by the rules in validate() ). This class should add something like a star to the input field so the user knows it is required (I know how to do this ;-) ). Is it possible to add a specific class to an input field based on my jQuery Validation Plugin rules? Thanks, Koen
jquery onmouseover and animation in Template Monster template
hello, I am working on small project bsed on this template from Template Montsrer: http://hosting3447012.az.pl/editio/#!/main I would like to set animation after hover on menu item which works on image to lightly and aesthetic fading thumbnail, like on the images over 2nd, 3rd,4th and 5th menu elements. How can I do this? This is very problematic for me, I would be very gratefull for any help. Template monster denied tech support in this case. Thank yo
Is there a scroll stop event in jquery?
I can detect if a user scrolls a div in jquery with the scroll event, but is there a "scroll-stop" event?
pull to refresh is not working page2 & page 3 divs?
<div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">Pull down to refresh...</span> </div> </div> </div> As iam using this above code its working fine in page1 div but while coming page2 & page 3 its not working . My html page structure is like this <html> <body> <div data-role="page" id="page1></div> <div data-role="page" id="page2></div> <div data-role="page" id="page2></div> </body> </html> iam using iscroll .js files to achive
troubles use jQuery ContextMenu Plugin in code
I'm using this example of the plug-in. var menu1 = [ {'Option 1':function(menuItem,menu) { alert("You clicked Option 1!"); } }, $.contextMenu.separator, {'Option 2':function(menuItem,menu) { alert("You clicked Option 2!"); } } ]; $(function() { $('.cmenu1').contextMenu(menu1,{theme:'vista'}); }); to use this menu they show in the page source a div like so. </div><div class="example-show"> <span class="cmenu2 example-target">Right-click here to trigger the context menu</span> </div> What I want to
is(':hover') not working in IE nor Firefox
I have this submenu that opens with mouseover, and all was good until I tested on firefox. Seems like this code doesnt work on IE nor firefox, is() isnt working. Any ideas? this is my code: $("#m4").mouseenter(function () { m4 = false; submenu(2) }); $("#m4").mouseleave(function () { if ($("#panel2").is(':hover')) { m4 = false } else { m4 = true } submenu(2) }) $("#panel2").mouseleave(function () { m4 = true; submenu(2) });
how can i add color to a merged table cell.
function myMerge() { REDIPS.table.merge('h', false); REDIPS.table.merge('v'); REDIPS.drag.initTables(); };
jquer blinking function?
this is my jquery to print div elements with green and red $(document).ready(function() { /* $("#tablediv").hide(); */ $("#showTable").click(function(event){ $.get('GetResult',function(responseJson) { if(responseJson!=null){ $("#countrytable").find("tr:gt(0)").remove(); var table1 = $("#resultTable"); $.each(responseJson, function(key,value) { if(value['result']== "success")
check data before post
I have following jQuery ajax code to check data exists before post to give user warning message if user want to update or abort update, jQuery in beforeSend works, but I read data always zero and I want to know any property to set to let jQuery to abort the update when user does not want to continue. Your help and information is great appreciated, Regards, Iccsi, jQuery.ajax({ url: "MyServer.cfc?method=MyMethod="+jQuery("#Mylst").val(), type: "POST",
table with images with an onclick event to show more info in another area
Hi, I am a newbe with jquery. I try to implement some table with images. When you click on the image you will see the title, description of the image in another area (some reserved div or something). See also picture below. On the left 4 pictures, in the midle the info of the selected picture, on the right 2 pictures. The pictures are comming from some source inclusive the title and description. For example. It is an object "Department" with 3 columns: Title Description Picture
pagecontainershow event not triggering
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. Earlier with jquery.mobile-1.3.2 I was using 'pageshow' event to work with jChartFX library. Example: $(document).on('pageshow', ".viewChartPage", function() { //some code here }); Now in jquery.mobile-1.4.2, 'pageshow' is deprecated so I changed my code to: $(document).on('pagecontainershow', ".viewChartPage", function() { //some code here }); But Now This code never executes. What may be the issue? It is the same code I just changed
Remove placeholder during validation
Hi all, I am using a validation plugin and it shows the text "This field is required" when the required field is not given. I also have placeholder in some fields and so validation text appears over the placeholder text. So how can I remove the placeholder when validation text appears? Code is simple, I just have to add class="required" in fields wherever that are mandatory, <div data-role="fieldcontain"> <label for="text">Text input:</label> <input name="text" id="text" type="text" class="required">
Jquery Content Slider using Jquery Cycle
I need sample code to create a Content Slider using Jquery Cycle. B L Praveen Web Developer
Jquery ui Sortable clone items with data
I am using draggable with connectToSortable. When I clone the sortable items data is not cloned .I need to copy the data from target to source on receive event. Is this a bug are this is the way sortable works? And also $(this).data().uiSortable is working in some version and $(this).data().Sortable is working in older version . So how to handle this in plugins this.element.find(".edit_component").sortable({ connectWith: ".edit_component", opacity: .35,
Help - strange unwanted bouncing effect on a menu
Hello all, This page refers - http://www.slingsbymaps.com/newsite/maps.aspx I have a small script working on the left green navigation bar which will reveal contents with a mouseenter. But... I have this crazy intermittent problem in that sometimes when the mouse enters the green bar, the flyout menu will repeatedly open and close. It happens across all browsers. Oddly, it seems to happen most frequently when the menu is accessed and then left, and then a allowing a period of about 15 seconds to
Panel closes immediately after opening
To whom it may concern, I'm currently trying to create a listview that sets a value in a panel dynamically and opening the panel on click. I want to make it so that on an item click, it first closes the opened panel, sets the value and re-open it again for a visual affect. The problem is the first time the panel opens, everything is fine but on the next list item click (any), the panel opens but then immediately closes. Does anyone know what is happening? This is what I have so far: HTML: <ul data-role="listview">
Question about why this code doesn't work
It's just a simple "mouseenter / fadeto" function. Basically I want my button to dim when the mouse enters the div. So the code is thus: $(document).ready(function() { $('#createProfileButton').mouseenter(function() { $('#createProfileButton').fadeTo('fast', 0.25) }); }); I'm fairly new to JQuery but I've done Java so I don't know where it's going wrong.
how to change the size of icon in themeroller
how to change the size of icon in themeroller.
Datepicker Stop Working After Select Data From Autocomplate
i have autocomplate and datepicker in same page. autocomplate work fine. but when after i select data from autocomplate, the datepicker stop working. what should i do ? algoritm of my aplication : 1. main.php contain autocomplate. 2. user select data from autocomplate 3. main.php will load aEDIT.html that contain datepicker. this is my code : main.php <html> <head> <title></title> <!-- auto complate--> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <link
Next Page