Firefox raises SecurityError and points to JQuery
Hi Guys! Test environment: Firefox 16.02 MacOS 10.7.4 / JQuery 1.7.2 In our application we have a custom implementation of a file uploader UI (to make it CSS-friendly). We are using hidden <input type="file"> elements (we hide them via .hide() function). Clicking a normal <button> triggers a click event on the hidden file input too and the file selector screen shows up. Sof far so good. But as soon as we select a file, Firefox raises an exception: SecurityError: The operation is insecure (code:
jQuery fade effects in IE(8)
Sample code: <!DOCTYPE html> <html> <head> <title></title> <style> span {display:none;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("span").fadeIn(3000); }); }); </script> </head> <body> <button>Fade in</button> <span>This is some text.</span> </body> </html> It doesn't work in IE8 and probably older versions. Any solution?
how do I .on('elementCreation')?
Lets say I have this <label id="cloneme" class="baa"><input type="checkbox"></label> <div id="foo"></div> and this $('#foo').on('??creation??', '.baa', function(){ if ($(this).find(':checkbox').is(':checked')) $(this).addClass('ischecked'); }); Then I do this // some iterations where ischecked may or may not be true $('#cloneme').clone().attr('id','').appendTo('#foo').find(':checkbox').prop('checked', ischecked); I can't wait until they're clicked, the class should be ischecked if the checkbox
JQUERY learning book required
Dear All, I am new to jquery and want to learn. I need a good tutorail book with asp.net. can any one share/provided it. Thanks
JQuery and OAuth
Hi, I need to communicate with a web service using OAuth. I need to send the OAuth properties in Request header. 1. if i use $.ajax with datatype 'json', then OPTIONS is executed first where here itself Am getting 400 bad request error 2. If i use $.ajax with datatype 'jsonp', Am unable to add Authorization header. Can anyone guide me regarding this? Thanks and regards, Gokul
Grids populate only once?
Hey, on my page I have 2 jqxTrees and 2 jqxListboxes. What I'm trying to do is show properties of the selected element from those widgets. I do that using jqxGrid which loads data from the database on select event. It works fine the first time I select a listBox element (or tree). However, when I select another element from that widget nothing is shown. I have determined that no data is sent to the php file (no GET variable is sent). Of course, selecting for the first time sends the variable. Here's
Testing data returned from a getJSON call
Happy Halloween to all I'm using a getJSON in a javascript file I have. I have a co-worker who on testing a change for me tells me he's getting a js error on my page, when I and others do not. I make a getJSON call using data in my callback. I test for data using data.length. The error is on the 'length'. Code: $.getJSON("get-sub-object-codes.html",{object_code:$('#tmp_object_code1').val(), type:code_type}, function(data){ $("#sub_object_code1").html(''); if( data.length > 0 ){ <--
Jquery Menu Background Disappearing
I have a jQuery Menu that is very glitchy in Chrome. It works okay in FF. There are tabs that have an extended background that appears when you hover over the menu item. The background is supposed to disappear when you hover over another item but the tab is supposed to stay. All the tabs disappear when you hover over another tab in Chrome it does at times in FF but works for the most part in FF. You can see how it is supposed to work by clicking on this link and viewing in FF. Then try it in Chrome.
Display dialog modal using frames
Hello, Im unable to get my modal screen to appear. Im including 3 frames within the html. I have included my code. The ajax function is working, it's just the modal is not displaying. The frames are completely separate areas that my dialog should not go across. Help ...PS the /%...%/ are AS/400 data place holders, just ignore. <HTML> <HEAD> <link rel=stylesheet type=text/css
Render pdf using JQuery from a HttpHandler
hi, I have an application in which i have implemented an HTTP handler. I m calling this handler with jquery from my aspx button click. I have written code for the handler to return a PDF file. I want the browser to prompt for open or save option when i click the button. My code is rendering something like this %PDF-1.3 3 0 obj <> endobj 4 0 obj <> stream ... this is my code for calling the HTTP handler where i have the method for creating a PDF function pdf_report() { $.ajax({
Decimal value assetion in q-unit
I really hope this wasn't asked before... i really couldn't find anything :S... How do I assert correct decimal value with a bit of tolerance? Lets say I want to assert this: 1 / 3 I don't want to assert this with a long string like this: equal(1 / 3, 0.3333333333333333) I would like to specify tolerance for it like this: equal(1 / 3, 0.33, 0.01) // As in... value can be from 0.32 to 0.34 Is this possible in q-unit? One possible solution to this would be if i multiplied the result by like 1000 and
Help! What's wrong with my code?
I have created a teaching portfolio on Google Sites. I want the menu to be expandable, e.g. when you click on "Courses Taught," the menu will expand so you can see links to various courses pages - as opposed to having to create a whole new page. You can see the example here: https://sites.google.com/site/clareeileencallahan/teaching-portfolio The code I am using below. As you can see, under "Courses Taught" are links two two course descriptions. I was able to find a way to get the menu to collapse,
Working with checkboxes
Hello everyone!!! I am really need your help. I have a list with checkboxes, like: CHK1(main category) --CHK2(sub category) --CHK3(sub category) --CHK4(sub category) How can I do the next things: 1) When I click the CHK1 all sub categories will checked? 2) When I check the sub category, the main category will checked automatic? THANKS.
Loading external content into div withinout iframe
I have a website that has used an iframe for a long time to display external content within my page. As of recently, the external website has enabled x-frame-headers that blocks us from using an iframe. I am trying to find a way to use ajax to request a local page on my server that redirects to the external page and then loads into a div tag. Number one I dont know if this is possible, but the issue I am having thus far is that i cant seem to capture the data of the redirected page. I see
date picker
I am using the date picker function: function Datepicker() { this.debug = false; // Change this to true to start debugging this._curInst = null; // The current instance in use this._keyEvent = false; // If the last event was a key event this._disabledInputs = []; // List of date picker inputs that have been disabled this._datepickerShowing = false; // True if the popup picker is showing , false if not this._inDialog = false; // True if showing within a "dialog", false if not this._mainDivId = 'ui-datepicker-div';
.change(handler); How to create a personallized handler to add to the .change method
Hello to everyone and sorry for my bad english. My problem is the following. I have to use the .change() method for a "select" element: $select = $('#idElement"); $select.change(function() { // Some action });What I want to do is to create a stand-alone function in its own right to insert in .change method. Something like: $jQuery.fn.myFunction() { } $select.change(myFunction); And also I'd like to use the (this) parameter also in myFunction; How can i do this? Thank's in advance!
selector issue
Hi, I am a newby here. I have tried to use jquery statement to change the value of height, it failed many times. Not sure what else I need to do. HTML markup: <div style="height: auto;margin-top:15px;"> <div style="float:left;" class="PRbox"> <div class="tabsButtons"> <div class="PRboxTitle">Press Releases</div> </div> <div style="overflow-y:scroll;overflow-x: hidden;height:330px;"></div> </div> </div> I wanted the selector ".PRbox" as parent to change the value of height for
Conflict between body-wide replace function in toggle function inside the body tag
Hi, I like to realise a multilingual surface of my cms. Therefore I like to use the replace function. The problem is, I use a toggle function which is placed inside the body tag. Both together do not function. How can I solve this problem. I need the toggle function inside the body Tag <body> <div class="switch">switch</div> <div class="show">Text</div> <script type="text/javascript"> $('div.switch').click(function () { $('div.show').toggle(); }); var replaced
Issue in jQuery
Dear JQuery Team, We are currently using jQuery version 1.4.1. We are going to update the latest version of jQuery, but we are getting some issue in jQuery syntax ( selectors ). In jQuery 1.4.1 <input type="text" name="firstName" id="firstName" /> <script> console.log(jQuery("[name=firstName]")); </script> In Above code, I am trying to get input element of first name and its working fine. <input type="text" name="First Name" id="First Name" /> <script> console.log(jQuery("[name=First
Issue in jQuery
Dear JQuery Team, We are currently using jQuery version 1.4.1. We are going to update the latest version of jQuery, but we are getting some issue in jQuery syntax ( selectors ). In jQuery 1.4.1 <input type="text" name="firstName" id="firstName" /> <script> console.log(jQuery("[name=firstName]")); </script> In Above code, I am trying to get input element of first name and its working fine. <input type="text" name="First Name" id="First Name" /> <script> console.log(jQuery("[name=First
Tabbed Navigation on website
I created a website that has 5 tabs in it with SQL database interaction. Each tab content has a couple tables, a calendar, etc. In other words, many lines of code. I need some advice on tabbed navigation, should I create one php file with divs for each tab or should I create one php file that has a content div and load each tab content into that div from corresponding php files. For example if I want to click on the tab named Calendar, i load the php file with the Calendar code into the content div,
when to resolve jquery notify
Hi , i am new to jquery deferred , in my code i am using jquery.notify , it goes like this somefunction : function() { $.each(' some variable to loop', funtion() { $.get("some url ") .done(function(color){ deferred.notify(color); }); } return deferred.promise(); } Can any one tell me when to resolve that deferred object
Animate placeholder text, is it possible?
Hi all, Been pondering and trying to get some text that is replaced by another bit of text on hover and was wondering if it is possible to animate the change. $(function() { var placeholdertext = "test"; var Placetext = new Array(); Placetext[0] = "test this"; $("#FALA").hover(function() { $(this).text(Placetext[0]); }, function() { $(this).text(placeholdertext); }); }); I take it this is also the best way to do it?
Problem with latest jquery 1.8.2.js with asp.net 2.0 and IE and Firefox.
Hi, I encountered a problem in 1.8.2 version taken from http://jqueryui.com/draggable/ and the line given in the code therein <script src="http://code.jquery.com/jquery-1.8.2.js"></script> at line var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ]; due to the nodeName which is not an attribute or property in case of Div used as draggable in asp.net 2.0 and IE8. Also in both case I had to remove toLowerCase() call then only it worked. Did you face this or am I doing something
jQuery code doesn't run on Firefox but on Chrome it works
Hy, I wrote a simple jQuery code for validate an email address. It works on Chrome unlike Firefox, but javascript is enabled in Firefox. Could you tell me what's wrong? this is the code: $(document).ready(function(){ var email =$("#email"); email.blur(emailIsValid); function emailIsValid() { var email_value = email.val(); var regexp = /^[A-Z]+[a-z]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/i; if(email_value.match(regexp)
Call function specific data-role page jquery mobile
Hello, I am trying some things with Jquery mobile. I have a few scripts (javascript) in the header that need to be executed on certain pages. Normally you could use `<body onload="function()">`, but since al the jquery mobile pages are in one HTML page it doens't work. When i try something like this: <body onload="function1()" onload="function2()"> Only the first function works and the second doesn't. I have a data-role page wich has an Id #checklist and the function in the header is called
How to make this canvas automatic ?
Hi everybody, I wondered how to make this canvas working automatically, with an onload. But I don't know how to make it. here are my codes My html codes <div style="display:inline;width:200px;height:200px;"> <canvas height="200px" width="200"></canvas> <input type="number" class="knob" value="1" max="30" min="1" data-fgcolor="#66EE66" data-angleoffset="180" data-width="150" style="width: 104px; height: 66px; position: absolute; vertical-align: middle; margin-top: 66px; margin-left: -152px; border:
Switch between mobile and desktop site help
Ok, I'm working on an ASP site without backoffice or database capabilities. I'm setting up a mobile (smartphones) landing page with basic company info (due to my limitations I can't do more right now). I need help with either one of the following: (Which would you recommend?) A. An overlay that appears with the option to change to the mobile site and then a button on the mobile site with the option to revert to the desktop version: - How do make an overlay when a mobile user enters the site. - If
opening the home page for the first time with modal window
Hello! Can anyone give an idea how the first opening of the main page of the site to show modal popup window? Then no longer shown unless the user is not using another browser or machine. Thank you!
http://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html
Hi, Iam sfdc developer and Iam trying to implement this featurehttp://www.jscraft.net/experiments/horizontal-bar-graph-with-css3-and-jquery.html Na anyone help me in ths regard??
Datepicker and tstamp problem
Hi everyone, I have some problem with tstamp function. I have two input field with datepicker (#date_from and #date_to) and select fields with hour and minutes (#time_from_hour, #time_from_minute, #time_to_hour, #time_to_minute). My date format looks like this: 1/11/2012 I use this script to calculating tstamp from above fields: function compute() { var c = $('select#time_from_hour').val(); var d = $('select#time_from_minute').val(); var e = $('select#time_to_hour').val();
I am getting a "type mismatch error only testing using ie9" the line.
Hi, It when i hit break in my ide the line is in the jquery-1.8.1 (the same when used 1.5.1) the error is loadXML(content) type mismatch. There debugger atleast does not go to my custom scripts. why would it work in all other browsers and not Ie 9. Any ideas? Adam
my pop up is not appearing .pls help
<head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/animate-custom.css" /> <script src="jquery/jquery.min.js" type="text/javascript"></script> <script src="jquery/jquery-ui.js" type="text/javascript"></script> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="jquery/braviPopup.js" type="text/javascript"></script>
cross domain jquery ajax call
I am making a get request from web service which is hosted into another domain. script> $(document).ready(function () { $('#submit').click(function () { $.ajax({ type: "GET", dataType: "json", url: "http://idsdesk118/CheckinServices/default.aspx", contentType: 'application/json; charset=UTF-8', success: function (data) { alert(data[0].Age); }, error: function (e) { alert('Error121212: ' + e); } }); }); }); </script> The response is always an error. How do i make use of JSONP and parse
Learning jQuery...Part Two
Earlier today, I had someone show me how to convert a javascript method to full jQuery syntax. Now, I am wondering about splitting the function they helped me with in two. This way, I can use the number checking part for a lot of areas in my application and still call on the math portion of the code when needed. Can someone show me the best way to do that? Attached is the complete code to verify a number and then do the math. $(function () { $('.numberOfStudentsParticipating, .numberOfStudentsMetOutcome').keydown(function
Please help with learning jQuery
I have this javascript that works, but can someone show me a better way of writing it (more jQuery way if you will). When a user enters a number is two different textboxes, I need to show the percent between the two. var firstNumber = $('.numberOfStudentsParticipating').val(); var secondNumber = $('.numberOfStudentsMetOutcome').val(); function checkForNumber(id, numberEntered) { if (id.indexOf('txtNumberOfStudentsParticipating') > 0) firstNumber = numberEntered; if (id.indexOf('txtNumberOfStudentsMetOutcome')
hiding a dom element that originates from external script
#1 There is a projectwonderful script included in the clients WP blog and it creates code for ad box. #2 Client wants to hide the text link below the graphical ad after it's all created. So I thought a very simple javascript to hide it would be easy. I checked in firebug and the script is loaded & syntactically correct. But it is not hiding the element. I'm trying to use the DOM inspector in firefox but I can't make head or tails of it. #3 HERE IS THE SCRIPT I load it in the head of the WP
Translation digita from arabic to roman
Hi, Is there a plugin or another possibility to translate an arabic digit to an roman? I have a span with different arabic digits and I need that this will be dynamic translated into an roman digit. Best regrads
jQuery each executes before code inside the each
Taking the code below Why would the entire earch loop execute before the code inside it has been finished? specifically the FadeTo block. on line 40 to 46 $this.Shift = function (index) { console.log("Shift(): Starting"); console.log("Shift(): Clicked index " + index); $($this.carouItems).each(function () { console.log("Shift(): currentItem index " + this.index); var dif = 0; if (index < activeIndex) {
.toggle easing?
I am using the below code to open and close a div. It works great but it has no easing. How can I add it? if I change out .toggle for .slidetoggle it breaks. Or if I add any of the easing effect inside the () it breaks. What am I missing function opendiv(divId) { $("#"+divId).toggle(); } I then call the div by adding this to an image and the div I want opens. <a href="javascript:opendiv('togglediv');">
Next Page