blockUI - Object does not support this property or method
I am using jQuery in my jsp for AJAX hits. However, when I use blockUI the page displays an object not supported exception. My jsp has the following and the jQueries work fine. <head> <script type="text/javascript" src="<c:url value="/scripts/jquery-1.4.min.js" />"></script> <script type="text/javascript" src="<c:url value="/scripts/json.min.js" /> "></script> <script type="text/javascript" src="<c:url value="/scripts/jquery.blockUI.js" /> "></script> <script language="javascript" type="text/javascript">
Setting global option to require data() to persist changes to dom-elements
From the jquery docs: The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery). Is there a way to make sure all setting through data() results in an actual update of the dom-element instead ? Use case: I'm building a framework in which extensions (beyond my control) may use jquery data(). However the framework core itself doesn't use Jquery at all. Still the core needs to be able
$.AJAX not always working
I have a AJAX call that works great in firefox but not in IE9. I am thinking it could be down to same origin policy but why does it work in firefox? the error message I get back in IE just says undefined. what more can I do to understand the error better? here is the code $.ajax({ type: 'GET', url: "http://192.168.0.34:81/tenHsServer/tenHsServer.aspx", data: { t: "ab", f: "ToggleDevice" , d:$x10Device }, error: function (request, status, error)
Asp.Net CheckBoxList Selected checkbox id's getting using Jquery
Hi, I am using .Net Framework 4.0 with Asp.Net C# along with Jquery v1.4.4 My problem is that how can i get no. of selected checkbox id's using jquery in comma seperated values? Below code runs successfully but on alert window i got undefined,undefined Here's my Asp.Net Code: <div> <fieldset> <legend>Multiple selection from CheckBoxList and show the selected checkbox id's</legend> <asp:CheckBoxList ID="CheckBoxList" runat="server" ClientIDMode="Static" DataSourceID="sdsCheckBoxList"
how to increase selection criteria??
I have this statement: $(function() { $('em:contains("$0.00")').each(function() { $(this).html("Call for Shipping"); }); }); It's not specific enough, it won't work if it's $20.00 for example... How can I put a wildcard to catch characters between the $ and 0?? OR This is the way it gets rendered on the html if it's not $0.00 <em class="ProductPrice">$20.00</em> Otherwise if it's $0.00 jQ changes it to <em class="ProductPrice">Call for Shipping</em> and before
Regenerating popup after reloading page
Hello everyone, I am new to this forum and want to ask a question. I am using ajax to crop and upload profile pic in one of my miniproject. After submitting the upload form the page is getting reloaded and the popup disappears (that happens). But after the page gets reloaded, what I want is that the popup should reappear automatically after the page reload. So that, the user will not have to click again to regenerate the popup. Can anyone tell me what should I do to get the expected
The future of web development. !!!
Please watch till the end !!! http://youtu.be/hPZpEIh4ooo Watch this guy's other videos !!! Put these ideas in JQUERY and change the web !!
Letters Peeking in Password Textbox with Windows Phone 8
Hi.. I am using Miscrosoft MVC HTML password helper in windows phone 8 with jQuery validation as in following code snippets. @*Script Section*@ <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> @*View*@ @Html.PasswordFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password) But while typing, the wrong letter in the textbox is getting visible
Jquery DateTime picker control dates
Is it possible to control datetimepicker dates/time in jquery? disable all dates except specific date and time. Thanks
Only weekends and specific dates are available
Hi, Is it possible to enable specific dates at the sametime weekends in datepicker? I have disabled all the dates and enable some certain dates, but i want also to enable weekends. please see my codes. Thanks var availableDates = ["9-4-2013","1-5-2013","12-6-2013","21-8-2013","26-8-2013","1-11-2013","24-12-2013","25-12-2013","30-12-2013","31-12-2013", "1-1-2013"]; function available(date) { dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); if ($.inArray(dmy, availableDates)
Image Hover event with hyperlink in text
I'm hoping that I'm explaining this correctly. I have a list of images. I want to create a hover event on the image and when I hover over it, I want a slight see through background to go over the image with the specific hyper-linked title in the slightly see through background. I know I've seen this in the past, but I can't find anything via google since I can't figure out what to call it. LOL.
show/hide divs problem 1.6.1, ie8
I've done a search and it seems ie8 does have a lot of problems with jquery and I already know that if I update to the latest jquery (which I cannot, lead dev ) then this fixes the problem. I'm wondering if there are any code practices which can fix this... it seems that non of my jquery is working in ie8. I am using this fiddle to show/hide divs - it works everywhere except ie8 - my code is based on a hack of this thread. Just nothing at all seems to work in ie8.... is it my code?
How to reduce jquery load time / javascript load time / website load time ?
I have created i website but is loading time is very slow, see this below link & help me : http://maavankal.com
How can i replace string?
How can replace string use replace(/;/g, "/") or another that not use split(array)? ex: ;001;;002;;; -> 001/002 <script type="text/javascript"> function test() { var row=$('table tr'); var temp=[]; $(row).each(function(){ var col=$(this).find('td'); var tdtext=""; $(col).each(function(){ var _txt=[]; temp=$(this).text().split(';');
E-mailing an attachment automatically
I am building a program in html that basically generates text based on selections, text input, etc. One of the things I would like to do is pick a certain file (they are all .pdf files) and automatically open up an Outlook e-mail with that file attached. My programming skills are exceptionally limited, although with the help of all of you, I have built something pretty phenomenal. I know I can create the e-mail, create the subject line, but if I could make it auto-attach the selected file, that
Multiple Jquery Events on One Page [SOLVED]
Got these two images, both need to interchange, via jquery, with an alternative image. http://gmjones.org/s/test.html If I remove one image, the other one will work, but both will not fade-in/fade-out with their alternatives. Both divs have the same id, 'flag_change'. The jquery refers to this div.How do I get two or more events to do the above?
looking for script that counts downloads
i want a script that counts and lists how many times a file has been downloaded or how many times a link has been clicked and i want it to post the number on the page for visitors to see can anyone provide that?
Jquery and javascript is not working, can you help?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="Gallery.js"></script> <link href="University_of_Brighton_Karting.css" rel="stylesheet" type="text/css"
Is my replaceWith code wrong??
I have this code but jsfiddle gives no result, why?? $(function () { $('<img src="https://facebook.com/favicon.ico" />').replaceWith('<i class="icon-facebook"></i> '); }); http://jsfiddle.net/U6hpz/1/ Thank you, Tom
Change icon color
Hello again, I found I can change the color of the circle surrounding an icon with that .ui-icon-check { background-color: red; box-shadow: none; } I am guessing if is possible to also change the color of the icon, any help? Thank you
How to get class attribute details using JQuery ?
Hi All, I'm using below code. <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ }); </script> <style type="text/css"> .blue { color:blue; font-size:xx-large; } </style> </head> <body> <h1 class="blue">Heading 1</h1> </body> </html> How to get blue class attribute names and values using JQuery Thanks, Nazeer
Issue with popups in IE
Ok so i'm using IE and Firefox. With firefox the below code works fine but runng in IE the onclick event from my form is never triggering the javascript function call. If i open the IE debugger and change this to an alert and than back to doClose it works fine. Any ideas? <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var popupWindow = null; var popupIsShown = false; function getValues(){ //get all the elements that are inputs var inputs
How to get style attribute values of select box like width and height using JQuery
Hi All, How get style attribute value using jquery <select size="6" id="control_list" style="width: 165px; height:200px "> I want to know style attribute width and height values using JQuery. Thanks , Nazeer
How to get size attribute of select box in JQuery?
Hi All, In the above statement size attribute value is 6 . how can i get this values using JQuery. <select size="6" id="control_list" style="width: 165px;">
A beginner question is jquery.
Hi, I m learning jquery , and I m stuck at a point. I m trying to create a form for my practice and I want the fields to replicate itself when a + button is clicked but instead of showing the whole code I m only going to ask the part where I m having problem to simplify. So here is the question, I want the buttons to replicate itself when clicked. However only the first button is replicating but I wanted all the buttons to do the same thing. CODE: http://codepen.io/sayed2x2/pen/czybt
Accesing jquery var into html
Hi. I have something like this: <script type="text/javascript"> $(document).ready(function() { var button_text="Place Order"; }); </script> and I want to show this text (it can be different depending on situation) in my jquery mobile button <a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b"> <script>$(button_text).eval();</script> </a> is this possible? Anybody knows how to do it? I tried several ways but no results. Thanks
Problem with url
Hello, I'm having problems with the creation of a url, which makes me feel a genuine idiot. The problem is this, I'm using the same jgrid through and create a button to display a small window like this: jQuery.ajax({ url: "include/resumo_projetos.php?iduo=" + iduo + "&idorg=" + idorg, type:'GET', dataType: "html", success: function (data) { $("#teste").dialog({title: 'Resumo da informação sobre projetos', width: '800', height:'600', resizable:false,
Radiobutton change not detecting checked button
With jquery 1.9.1, using the radio button change event does not detect the fact that the radio button selection has changed. this works with 1.8.3 but not with 1.9.1 1.9.1 shows original checked button does not pick up the change any ideas, this is a urgent problem for me. Thanks <!DOCTYPE html> <html lang="en"> <head> </head> <body > 1.<input type="radio" name="rdio" value="a" checked="checked" /> 2.<input type="radio" name="rdio" value="b" /> 3.<input type="radio" name="rdio" value="c"
Floating nav and slider issues
I'm working on a new site and I'm trying to learn jQuery in the process. I have a question about three problems that I am having. First is the floating nav is jumpy in safari but smooth in ff. My slider seems to wait to load and then the text on the right is garbled for about four seconds (I believe the time is the time for transition). The other is that the slider is displaying on top of the floating nav when it scrolls. If you scroll down you will see the slider appearing above the nav in ff
JQuery doesn't seem to be working...
Hello. I have some JQuery code on my test site to set the margin and padding of some elements, but it doesn't seem to be working. Does anyone mind looking at my code to see if there is anything I am doing incorrectly? var footerheight=$('#footer').height(); var footerheight=footerheight+43; var negfooterheight=footerheight*-1; $('#main').css('padding-bottom', footerheight); $('#footer').css('margin-top', negfooterheight);First, I am trying to get the height of #footer, and store that as footerheight.
jquery date picker does not close after I select a date
Hello; Why doesnt this date picker close after I select a date? Thank you
Logical Operators in Selectors
Ok, this seems easy, but I am struggling. I have this... $("a[href$='mp4']").click(function () { But I want it to work for mp4 or mov or more. Something like... $("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently Can anyone help me out?
Dialog widget button delayed display
Hello, I'm experiencing a delay in the appearance of the left button in the modal dialog. In our test environment the delay is about 1-2 seconds, in production it's between 15 seconds to over a minute. It doesn't occur all the time. There is nothing specific about the situations when the delay is observed. It happens in the Safari browser on an iPad. Here is the code that defines the modal dialog: function showPopup() { var popupWidth='600'; var popupHeight='350';
Google Web Font in Fade Loop
I'm using the following to create a fade loop with Google Web Fonts (Loved by the King is the specific name of the font) ... The jQuery ... [code] setInterval(function() { $("#sayings :first-child").fadeOut('fast').next().fadeIn('fast').end().appendTo("#sayings"); },5000); [/code] The HTML (abbreviated) ... [code] <div id="sayings"> <div>"hello<br />world"</div> <div style="display:none">"foo"</div> </div> [/code] The first child div displays fine on load. Once the animation begins, however, the
CRUD json file with jquery
hello, i would like to know if it's possible to insert, update and delete rows in json file with only jquery or a plugin ? if it's possible, how ? thank for your help,
jQuery ajax problem in chrome
Hi guys. I have problem with this script in chrome and cant solve it. It works in any another browser very well, but not in chrome. Thanks for help. mail = $("#mail").val(); $.ajax({ url: "conect.php", type: "POST", data: "mail=" + mail, cache: false, success: function(response){ if (response == "yes"){ $parentTag.addClass('error').append($error.clone().text("this mail is used...")); show(); } else $formId.submit(); } }) <!-- conect.php --> <? $mail=$_POST['mail']; $queryuser=mysql_query("SELECT
Prolem to "slide" animation
I would like to submit to this problem ... The complete example can be found on http://jsfiddle.net/LyxFP/1/ I don't know why te button "fade" work and the button "slide" don't work ??? Any suggestion is welcome. I put here the code also HTML <table> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> <tr id="divHidden" style="display: none; background-color:red;"> <td colspan="4"> <table> <tr>
How to load message to show it as running line?
Hello, I am new in jquery maybe somebody can help me a little with that issue. I have 2 files, one is just message text (msg.txt) that I would like to show on another my page in that place <div id="marquee"> ... </div> If I load message as: function show(){ $('#marquee').load('msg.txt'); }; and trigger it: $(document).ready(function(){ show(); msgrun(); setInterval('show()', 1000); }); Its just display message as static but not running. for running line I am using this code: function msgrun()
Why refresh ajax after result success on mobile browser?
I have face some problem when ajax success then browser automatically refresh but i dont do that and i dont want to reload page after success my code as follows $.ajax({ url:'ajax.php?word='+arrString, cache: false, type: "GET", dataType: "json", success:function(data, textStatus){ if(textStatus=="success") { $("#menu-l").load(location.href + " #menu-l>*",""); } } });
traverse the row to get the appended itemid
I want to get the rowid so I can do the delete from MySQL after the AJAX. but from my alert('itemid') I get "rowid is undefined"? $(document).on('click','.circle',function(){ var rowid = $(this).closest('td').attr('itemid'); alert("the row id"+rowid); $(this).closest("tr").remove(); return rowid; }); I don't understand this because the AJAX function works and does append the item.id to the end before the closing</tr> So I must be traversing the row wrong ? In other words something
Next Page