How to edit field input in jquery ?
Hi! I need to edit a field input html in jquery. How I do that ? Thanks you!
MVC Jquery Validation not clear after jquery 1.9
Using MVC 4, .net 4.5, jquery 1.9.0, jquery.validate, jquery.validate.unobtrusive When I have an input using validation the class="input-validation-error" does not clear after the erroring condition is fixed. I tested this with the datepicker and with a regular expression check. I uninstalled jquery 1.9.0 and installed 1.8.x and it works. I noticed that sometimes inputs have class's of input-validation-error and sometimes of field-validation-error. I somewhat suspect the .removeClass is being called
How To Add Jquery Mobile To a page
Our website is built on a content management system called dotcms. I’m working in a dotcms version 2.2 environment and I’m logged into the administrative portal and am testing a new JQuery mobile page. The language I use to write our widgets, for the site is velocity and both the dollar-sign (“$”) and the hash mark (“#”) are on every line of code depending on whether I’m referring to a variable(all variables start with a “$”) or issuing a directive(directives all begin with a “#”). So when writing
Simple code explanation- Beginner Question
Hello, New to jQuery. I am really on a deadline, hence seeking help from the forum. I need help understanding this piece of code which basically retrieves the time and date. So if anybody could explain it to me elaborately, that'd be awesome. Ultimately, my aim is to send to processingjs. To be precise, i need to send the user's selection as well as the result of that selection. Where is the retrieved date, time etc stored exactly? Here's the example. and the code- <script type="text/javascript">
Localized jquery mobile application - Need inputs.
All, I'm building a localized mobile application in which I'm using a unicode font and have created numerous json files, At a rough estimate my "JSON" files comes around 25 MB. I just want to know, is there any way to optimize the size of files when we use localized unicode fonts?. Can anyone share your thoughts here?. Thanks, Dave
jQuery Gallery
Hi all, Firstly I hope this is the right forum; if not, please redirect me! I've recently started using a template for my photography portfolio that uses jQuery for the gallery. I have no jQuery knowledge, and the gallery is working fine, apart from one thing I'd like to change. I'd like the gallery to change image every x number of seconds (i.e. a slideshow). I've had a look around and I can't find anywhere that really helps with that, so I'm hoping someone here would be kind enough to assist me.
JQUERY UI - Tabs ajax load doesn't work bug?
Hi from here http://ugom.comuf.com/meteo/stazione_meteo/dati_storici/ (sorry for slow site but find i fast one in not easy) select "dati giornalieri" pick a day shuold appaer a tab ui the problem is if I pass from "dati testuali" to "performance gfs" is all fine If I pass from "dati testuali to "grafici" is ok but after i click on "performance gfs", performance gfs I obtain a blank page. If after I click on "dati testuali", "Dati testuali" is correcly showed substantially each time I pass from "grafici"
jQuery UI Autocomplete problem on Kindle
Hi, i have a problem on Kindle. The UI Autocomplete script is not working well because of Kindels Autocorrect. Basically when the autocorrect is off the script is working perfect. Can someone help me with this ? BR, Dragos
Jquery Autocompete Issue
Hi All, I have implemented jquery autocomplete script on my drop down lists... However, issue is after applying this script my drop down list does not generating server side events.. Means, the autopostback property of drop down list is not working... But when I will remove this autocomplete script from drop down list, it is posting back to the server... What is the issue and how should solve this ????
Delimiter for multiple words on Autocomplete plugin
Hi, I have a question - how to make autosuggest after simple typing word, without delimiter or after whitespace: select: function( event, ui ) { var terms = split( this.innerHTML ); // remove the current input terms.pop(); // add the selected item terms.push( '@<a href="' + ui.item.link + ui.item.value + '">' + ui.item.label + '</a>'); // add placeholder to get the comma-and-space at the end terms.push( "" ); this.innerHTML
display: none css not working on one of my pages
I am trying to hide a loading gif for ajax. On the first two pages I have my hidden: none set in css like: #preloader{ display:none; } then the div looks like: print " <div id=\"preloader\"> <p class=\"center\"> <img src=\"ajax.gif\" alt=\"AJAX loader\" title=\"AJAX loader\" /> </p> </div>"; I am using php, that why its print and all the back slashes. But for some reason non of my divs are being hidden and I can not for the life of me figure it out. ANy idea what could be causing this problem?
blockUI (v2.42) and IE8 (Err: Message: Not implemented) setExpression
I am having an issue with blockUI (v2.42) and IE8, where I get the error below which points to the setExpression method. I see a similar error submitted few years back and resolved (v2.16?), however I'm still experiencing the issue with v2.42. I'm fairly new with javascript so some help would be appreciated... The current behavior is: - Code is pretty straightforward, calling block() on a div, making a jquery ajax call that updates a jqgrid in the div, and unblocking on success or failure. - My code
JQuery dialog ::: Type Error: b is undefined
<html> <head> <script src="/javascript/jquery-1.8.0.min.js"></script> <script src="/javascript/jquery-ui-1.8.0.min.js"></script> <link rel="stylesheet" href="jquery-ui.css" /> <script> jQuery(function() { jQuery( "#dialog" ).dialog(); jQuery("#dialog").dialog("open"): }); </script> </head> <body> <div id="dialog"></div> </body>
Jquery Dialog With Scrollbar In IE7
Hi, I am loading a page using jquery dialog. If you notice the dialog box in the image content starts some where in the middle if there is more data on the page and there is a scroll bar for parent page also. I want the content to be start from the top of jquery dialog & no scroll bar for parent page. Any help would be appreciated.
Show popup outside an iframe?
Hi! I'm forced to work with iframes in a project. The jQuery Mobile header is in a iframe and I have a button with data-role="popup" Header.aspx <div data-theme="b" data-role="header"> <h3>Title</h3> <a href="#popupMenu" data-rel="popup" data-role="button" data-icon="check" data-iconpos="right">Popup in Default.aspx</a> </div> <div data-role="popup" id="popupMenu" data-theme="a"> <ul data-role="listview" data-inset="true" data-theme="b"> <li data-role="divider" data-theme="a">Popup API</li> <li><a
Slider Madnezz
Hey everyone, I've been searching for weeks on how to get a slider working but I can't figure it out so here is my cry for help.. I came across this lovely post:http://atomicrobotdesign.com/blog/web-development/infinite-slider/ Now what this does is show images (or i use divs) accross the entire screen. What I want to do is show only 4 images in a seperate div so the previous or following are invisible until you click next or prev.. I also want to have links on my page and when you click them the
A script on this page is causing Internet Explorer to run slowly
Hi All, I am using Jquery and Jqgrid for my application GUI development. Using JQGrid tree grid i am developing a tree structure in my application.I am able to create the tree structure ,But at the beginning, while page loads always getting one warning message as "A script on this page is causing Internet Explorer to run slowly". I am using IE 8 for my application development. I googled but I could not able to find a suitable solution to this issue. Any Suggestions or Help appreciated. Thanks!
Forcing attribute title tooltip
I want to force a tooltip on a mouse click. I want to use the default yellow browser tooltip which normally appears when you mouse over an HTML item with a Title-attribute in it. How it works right now is the user clicks on the label of a textfield and then a database call retrieves the tooltip information. Javascript then inserts this information as Title attribute. However when you want to see this tooltip you need to move the mouse a little before it's triggered and I don't want that. It needs
What am I doing wrong?
Hi I'm working in dreamweaver and I have inserted a jquery Tabs widget indo my site. It looks fine in LIVE view but on browser when I upload it looks awfull... what have I done wrong? it shows like this instead of tabs...the GREY area are the(buttons of the tab)
using divs for table-like layout, how to highlight certain divs with jquery
I am using divs to create a table-like layout. I am trying to mimic a table row being highlighted but with a div approach. Is there an easy way to do this with jquery, without throwing id's/classes on every div? I cant think of a suitable css fix. Here is my fiddle
Fancybox with $.ajax conflict "TypeError: loading is undefined"
Hi friends, I'm doing a web site where i have a fancyBox, the code bellow: $.fancybox({scrolling:'no',href:'MyPage.aspx?param='+carreserved,autoScale: false, overlayOpacity: '0.8', hideOnOverlayClick: false, showNavArrows: true,type: 'iframe',width:'100%',height:'400%',onClosed:function(){ showGreyBox(); }}); When i close the fancy box, call the method showGreyBox(), code bellow: function showGreyBox() { try { //carrega pagina com box dentro de div
should every scripted file inclode $(document).ready();
i know what is $(document).ready $(window).load my case is like this <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript"> //some code </script> i am into splitting my code into files so <script type="text/javascript" src="scripts/jq.js"></script> <script type="text/javascript" src="...."></script> <!--file1--> <script type="text/javascript" src="...."></script> <!--file2--> ?should file one and two have $(function(){});
Error on $.ajax: 500 internal server
I don't know what is wrong in my code here, but I receive this error. Request URL: http://localhost:1690/WebSite5/WebService.asmx/gotodb Request Method: POST Status Code: 500 Internal Server Error My code: $("#_butt").click(function () { //alert($("input:text").length); $('#table input[type="text"]').each(function () { $.ajax({ type: "POST", url: "WebService.asmx/gotodb",
panel and navbar
Hi I cant get panel and navbar to work together. the navbar you be below header. But when I add panel the navbar jump down? http://jsfiddle.net/Ym5Jw/ the documentation says it should be above header.. works fine if I add navbar inside header.. but dont want to do that, then it look difrent and dont like that look Im trying to get it to look like this... but panel not added on this one http://jsfiddle.net/hT2Gw/
Jquery accordion menu works fine offline but when uploaded effect all stop working
I've been setting up an accordion as per the example on the site: http://jqueryui.com/accordion/ It seems to work perfectly offline and looks how i want it etc, but once I upload the page and the files it just simply won't work and I can seem to figure out what I've missed or done wrong, if anyone could help it's be very appreciated! link here to my attempt: http://www.ospa.co.uk/testingsite/botox.html I'm sure its something really simple but I can't get my head around it
JTable — Microsoft JScript runtime error: Object doesn't support property or method 'slice' IE8 MVC
I am using Jtable for one of my MVC projects and facing a problem in edit functionality. Whenever I click on Save button on Edit window, I am getting Js error -- Microsoft JScript runtime error: Object doesn't support property or method 'slice' and the modal window is not closing. Could anyone please help me to get rid of this problem. By the way, the issue is seen in IE8, it is working like a champ in IE9. -- Gopinath.
element insertAfter for each instance of class
Hi, I have a series of divs all with the same class. Within each div, are two sub-element divs. With the use of a function I would like to swap round the order of these two sub divs, so the first sub div comes after the second. This is the HTML: <div class="containingDiv"> <div id="first_sub_div">first div copy</div> <div id="second_sub_div"">second div copy</div> </div> Both this: function myFunction() { jQuery(".containingDiv").find("#first_sub_div").insertAfter(jQuery(".containingDiv").find("#first_sub_div").next());
tabs: Change Ajax data loaded before append
Hello all. I've some tabs loaded dinamically with AJAX. BUT, my datasource have it's own images repository and it uses relative paths. So, I'm receiving from AJAX calls something like this <img src="/apps/images/XXXX.png" /> I'm trying to change these src attributes, but I can't wonder what is the correct place to do this. I tried in beforeLoad event, change the images but, after that, I can't stop the default tabs load behavior and jQuery insert the original data content, overriding mine. I also
Help regarding an unknown version of jquery mobile
Hello, I am new to Jquery Mobile and have just started working on a project which was built by someone else. That developer included following Jquery Mobile JS file: http://jquerymobile.com/branches/tables/js Can someone point me to a minified, production version of this file? I've tried all jquery mobile versions in place of above file but it breaks everything. Application only works if above mentioned file is included. Any help will be highly appreciated. Nasir
Java-scipt function does not get fired in IE 7 and above versions
Hi, when clicked on below image the ClosePopup function is called. $('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('<div style="float: right; margin-top: -40px; margin-left: 0px; margin-right: -42px;"><img onclick="return ClosePopup();" src="../../Images/glyphicons_197_remove.png" alt="close" title="close" style="cursor:pointer" class="img_btn_close" /></div>'); It works fine for first three times but does not get fired for the fourth and consicutive times in IE 7 and above versions.
Jquery tree-view plugin works inconsistently in IE 7 and above
Hi, We have used C# and MVC 2.0 to populate a treview control using the following: 1.jquery.tree.checkbox.js, a plugin which loads the nodes of the tree-view. the above tree-view control works fine in Firefox,Chrome but works inconsistently in IE 7 and above versions. we have used two trees. One is to list un-assigned entities and another one for assigned ones. We are performing the assignment and un-assignment using two HTML buttons. Code Sample: 1.jquery plugin code: <script> (function ($) {
Cookie value changes to much older value on read
For primary navigation on site: http://dangelmayer.com/index_new.php, when clicking into a sub-page from the primary navigation, I want only the selected main category to persist in red until user clicks into a different main category, then that different main category only turns red. To accomplish this, I am using jQuery click function and setting and reading cookies to change my CSS. The cookie plugin I am using can be found here: http://dangelmayer.com/js/jquery.cookie.js <script> $(document).ready(function()
JQM streaming youtube - can listen to audio but video not streaming
Hi this is my body for the page. <div data-role="content" > <div align="left"> <h3> Video</h3> <iframe width="300" height="300" src="http://www.youtube.com/embed/dR8lt_NkfDI?rel=0" frameborder="0" allowfullscreen></iframe> </div> But I can only listen to the audio and no video is being shown. Anyway i can fix this?
DatePicker double update not working ... (noob)
Hi, Bit of a noob at this, fumbling along best as I can ... This bit of code is working fine ... <script> $(document).ready(function(){ $(function() { $( "#datepicker" ).datepicker(); }); $( "#datepicker" ).change(function() { $( "#datepicker" ).datepicker("option", "dateFormat", "DD, d MM, yy"); }); }); </script> ... <td class='xx_tdc'><input type='text' id='datepicker' size='30' /></td> But when I try to add this in it only completes the first step (format the date)
further reduction of the overall top and left margin
how could default top and left margin be decreased? something like this works on a plain example, but does not seem to work on my app. I will give it more thought and get back. <body id="test"> <div >Test</div> </body> <script> $('#test').animate({marginLeft: '-=15px'}, 0); </script>
DatePicker altField isn't an INPUT
Hello, Currently, datePicker() is designed to populate only INPUT form fields (main field and altField). I want to send the date in an ISO format through a form field and display it in a human readable format (but not send it in this format). So I want to use another markup pair as altField. I think I can do it : In the function _updateAlternate: function(inst) {I shoud replace $(altField).each(function() { $(this).val(dateStr); });by $(altField).each(function() { if($(this).prop('nodeName')=='INPUT')
jQuery not working after postback
Could someone please help: I am very new to jQuery and I have come upon my first problem using the language. I have a page that contains an asp.net checkbox and Panel, the panel contains a textbox that I use with the datepicker widget. The datepicker is awesome but I need to toggle the display of the Panel depending on the state of the checkbox. I came across a jQuery function that works great to accomplish this requirement but after postback the function no longer works. Note: all my controls
Accordion and subcategories
I have the following php code: class Categories { var $exclude; var $depth; function __construct() { $this->exclude = array(); $this->depth = 1; } function get_menu() { $nav_query = mysql_query("SELECT * FROM categories WHERE parentid='0' ORDER BY order_by ASC") or die( mysql_error() ); $tree = ""; // Clear the directory tree $this->depth = 1; // Child level depth. $top_level_on = 1;
Licensing on JQuery Multisortable Plugin
I saw the multisortable JQuery plugin in the plugins page and an associated github project, but I don't see any licensing information available on it. Does anyone know if this can be used/distributed and what license it requires? Regards, Scott
Aligning table columns
I have a page with multiple tables in one zone. The issue is that each table has multiple columns but they are not aligned properly one below the other. I tried the following code but it did not work. $("#rightDiv table tbody tr:nth-child(2) td:nth-child(2) table[name=Name]").css("width","300px"); $("#rightDiv table tbody tr:nth-child(2) td:nth-child(2) table[name=Modified]").css("width","300px"); The tables that I want to target are inside a div id 'righDiv' with the following structure. <div id="rightDiv">
Next Page