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",
'length' is null or not an object with Jquery Library v1.4.4
Hi Team, I am facing this issue while page loading. I am using jquery.library.js v1.4.4 and error is coming in below line of code each: function( object, callback, args ) { var name, i = 0, length = object.length, isObj = length === undefined || jQuery.isFunction(object); if ( args ) { if ( isObj ) { for ( name in object ) { if ( callback.apply( object[ name ], args ) === false ) { break; } } } else { for ( ; i < length; ) { if ( callback.apply( object[ i++ ], args ) === false ) { break; } } }
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
How to do changes in Jquery date range picker?
I have created a Jquery date range picker. I am able to select the dates and is able to show it in a textbox. Now what I need is, I need to disable certain dates and assign different classes to those dates. Eg: I must be able to give class A to April 2, class B to April 4 etc. I have tried the results I got while I googled but nothing helped. What I am trying to do is: I will pass some dates and classes to be assigned to those dates. That class should be assigned to those dates and also, I must
Page about Transitions on jquery mobile isn't working
http://demos.jquerymobile.com/1.4.2/transitions/transitions/
jEditable combined with data tables: Too much whitespace on the editable field
I'm using jEditable in combination with Data Tables plugin to make some columns of the table editable, there is one problem though (not a big one). When I click on the column which is editable, and suppose it already contains an existing value (for example, a number), it becomes editable but I see that the whitespace between the existing number and the editable text is a lot. So everytime I have to press backspace to go back to the number to edit it. See the attached image for an example. Does anyone
Is it possible to check if an email input field has validated correctly using jquery?
I have an input form including an HTML5 <input type="email"> field. When the user arrives at the page, the 'submit' button is disabled. When they have entered the information correctly, I'd like to enable the 'submit' button. Is there any way to check the input field has correctly validated without re-checking using a regular expression?
Get accordion to load on document .ready
Hello, below is my code: $(document).ready(function(){ var $group = $('#group-of-seven'); $('#nutrition').click(function(e) { e.preventDefault(); $group.accordion(); }); and my HTML: <div id="accordintable"> <div class="exampleaccordian"> <div id="group-of-seven"> <h1>Breakfast | 1st meal</h1> <div> <p> 1/2 whole wheat bagel, 1 Tbsp. whipped cream cheese, 2oz. smoked salmon (lox), 2 slices tomato and 1/2 grapefruit. Toast half of the bagel and add toppings. <b>291 cal</b> | <b>23 gr protien</b> </p>
iButton breaking ASP.NET AutoPostBack tag
Title says it all, attempting to use iButton to style checkboxes in asp.net as such: $(document).ready(function () { $(":checkbox").iButton(); }); The boxes will style, but it disables the auto-post back property of the asp.net control. Does anyone know how to resolve this issue?
What's missing here?
This code doesn't work: $(document).ready(function(){ $('#toggleme').toggle( function() { $('#outputdiv').text('You clicked the image once.'); }, function(){ $('#outputdiv').text('You clicked the image twice.'); }, function(){ $('#outputdiv').text('You clicked the image three times.'); }); }); </script> </head> <body> <img src=”images/home.gif” id=”toggleme”> <div id=”outputdiv”>This text will change.</div> I don't know what
Ajax and GetJson call not workin in IE 8-10
Hello, I have written a Microsoft ASP.Net MVC 4 Web Api service. I have a html file that consumes this web service using ajax and GetJson. It works fine on browsers like Firefox, Chrome and even IE11. But it just refuses to work on IE8 - 10. I have tried with JQuery library version 1.5, 1.10 and 1.11. Is there something I am missing? Please guide me.
Check if collapsible("collapse") exists
Hi I am migrating a framework from jQuery Mobile 1.3.2 to 1.4.2. I want to be able to switch between 1.3 and 1.4 in the same framework, so I need to use feature detection. The problem is, I don't know how to check if the collapsible() method supports the collapse/expand values. Is it possible to check this, so I cann differ between 1.3 and 1.4? Here's a bit code what I've done until now to distinguish between 1.3 and 1.4: var coll = $("#" + id); if (typeof(coll.collapsible) === "function") coll.collapsible("expand");
Setting connectToSortable
Hi, I have two draggables functions which are almost the same except for the connectToSortable function. I tried to set connectToSortable depending on a data attribute, but without success. So is is not possible? Because it would save much of code. Thanks in advance Code example: $('.if-module-drag-to').draggable({ appendTo: 'body', helper:'clone', connectToSortable: '.dg-modules', start: function(event, ui) { $('.drag-box').hide('slow'); //hide Interface menu $('.dg-modules').css({'border':
Jquery Wordpress Issue
Hi all I am working on this site http://tinyurl.com/q3xhufy For some reason there is a dark overlay on the slides. I am not sure why this is happening after spending 5 hours debugging. Any ideas? many thanks! Andy
Numeric Validation
How to validate a TextBox with numeric numbers 1234567890, user cant write A-Z any word. When user type A-Z any word an error message should be appeared and TextBox should be onfocused I hope you got my point...
First image transition in slideshow resize into small square
Hi J-forum, I use JQuery.Cycle.all.js to create a slideshow on this webpage: www.barbroaberg.com, but at first load of the webpage the slideshow begins by resizing the second image to a very small square. Once you refresh the page everything works as supposed, but I would very much like to solve the issue. The relevant code looks like this: <head> <script type="text/javascript" src="../jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="../jquery.cycle.all.js"></script>
cycle pager thumbnail img border color
Hi Forum, I look for a way to add a colored border to the thumbnail images in the pager of a cycle2 slideshow. So far i can only change the border thickness like shown below, but how do I change the color? <div class="cycle-slideshow" data-cycle-pager-template="<a href=# ><img src='{{src}}' height=30 border=3></a>" data-cycle-timeout=0 data-cycle-caption="#adv-custom-caption" data-cycle-caption-template="{{cycleTitle}}" data-cycle-center-horz=true data-cycle-center-vert=true
Circular Progress knob using svg
Hi, I need help in implementing Progress bar which takes percentage as input and draws an arc starting from 90deg. I have done something it is not properly working. Here is the jsfiddle B L Praveen Web Developer
page shows duplicates when back button pressed
Hi , I have a multi page application using jquery mobile ,like page1,page2,page3,page4. Here page3 generates dynamical list which populates on basis of database and when list item is clicked ,it navigates to page4 using "$.mobile.changepage". Until this step everything goes fine,but when i press back button in page4,on page3 listitems are doubled in number and getting added to the existing list. I don't know what to do.Any help regarding this problem for(var i=0;i<result.length;i++){ var li = $('<li/>').html(result[i]+'
form validate by bvalidator
<link href'=>'css/bvalidator.css' type ='text/css'> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.bvalidator.js" type="text/javascript"></script> <form id='myfrm' name='myfrm' action=''> <input type='text' id='nm' name='nm' data-bvalidator='required'> <input type='text' id='mob' name='mob' data-bvalidator='required'> <input type='button' id='btn' name='btn' value='send' > </form> <script> $(document).ready(function(){ $('#myfrm').bValidator(); });
Fancybox doesnt works in IE (Internet explorer)
I designed a page, and i used the fancybox plugin, it works in all browser without to upload to the server, but when i upload the page on the server, the fancybox doesnt work in internet explorer, i have IE9. I used the development tools to debug the code of the page, and it marks an error: SCRIPT438: Object doesn't support property or method 'Fancybox'. Why does this happen?. i would apreciate your helph, and excuse my english.
ERROR IN AJAX CHATTING ROUTINE
Error: json_decode() expects parameter 1 to be string, array given <HTML> <HEAD> <STYLE> #CHATBOX{ position : absolute; top : 900px; left : 2%; width : 100%; } </STYLE> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready (function(){ var LLAST = 0; function CHATTING(){ DATACOUNT = { "LLAST" : LLAST }; $.ajax({ type : "POST", url : "http://localhost/AJAXPHP/JQUERY/CHATTING/CHATTING.PHP", data
Next Page