I Cannot load this using google chrome
<!doctype html> <html lang="en"> <body> <a class="aaa" href="dsa.html">Sign Up</a> | <a class="aaa" href="se.html">Sign In</a> <div id="content_area"> </div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="contentchanger.js"></script> </body> </html> $('.aaa').click(function(){ var href = $(this).attr("href"); $('#content_area').load("aaa.txt"); return false; }); when I try this it is running in Firefox and IE...but its not working in GOOGLE CHROME give
Fancybox gallery
Hey all, I have a question regarding fancybox galleries. I used fancybox on a website am developing to display 3 galleries on one page. I have 3 pictures and i want when clicked on one to display a series of pictures connected to that picture. So every picture gives a different photo gallery. I succeeded to do so, but the only problem is that all the galleries are connected, so when u pres next in the gallery it doesnt stop, but it keeps going in circle showing all the pictures from all 3 galleries.
Trigger A jQuery Animation After The Page Has Loaded (no clicks, no hovering, etc.)
After tons of googling and looking on this site I have found many similar topics but nothing that seems to help me answer this question. I am using a simple animation that fades one image into another like so: $(window).load(function(){ $('div.fade').hover(function() { var fade = $('> div', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 1); } else { fade.fadeIn(0); } }, function () { var fade = $('> div', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 0); } else { fade.fadeOut(3000);
What can replace toggle ()?
Tell me, how can I write the code differently, because toggle () was removed, there is an equivalent? $('switchGal').toggle( function(){ $('#gallery').slideDown(1000); }, function(){ $('#gallery').slideUp(1000); }) Thank you!
I want to make design case module on HTML5
http://www.zazzle.com/cr/design/pt-casemate_case?formfactor=apple_iphone5&style=barelythere How to make image look like in red circle ? i think it not 3d transform. What is name of javascript framework can do this thing ? sorry for bad english. Best Regard.
jQuery 1.8.2 | Function breaks when confronted with deleted Youtube videos.
Here's the scenario: I have a string of comma-delimited Youtube video IDs handled by a function which displays results as clickable video image thumbnails. Problem is, if that string contains an ID that does not exist anymore (or is inaccessible), the function breaks instead of skipping (or importing) the missing video image thumbnail. Is there a jQuery/Javascript solution that, upon button click, a function imports thumbnails of all existing and deleted videos requested by the ID string ? I don't
Removing multiple namespaced event handlers
Hello all, Please, I would like to know how efficient it is to do this: suppose I have a div with id: "target", and I have a click handler attached to it like this: $('#target').on('click.uds', function(){ }); which of the following code will be more efficient in removing the event handler: $('*').off('.uds'); or $('#target').off('click.uds'); I initially thought the 1st was better since it does not have to search through the entire DOM. But then, I might be wrong
Problem with toggle()
Hi, all. I have css file with this class: .tableLight { background-color: #32375D; color: #FFFFFF; } And I have JavaScript file with this content: $(document).ready(function () { $('#moto_table tbody tr').toggle(function () { $(this).addClass(".tableLight"); }, function () { $(this).removeClass(".tableLight"); }); }); After running this code, my table is hidden, why, I did not click on the text in these rows of the table?
dialog size height and width
Please help me get a dialog box to increase height and width. I am using the following code on this page (after three or four refreshes the dialog appears): The lower lines may be most relevant to my question: http://dev.saainteractive.com/content/tarullo-evaluating-progress-regulatory-reforms-promote-financial-stability-federal-reserve <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script
jQuery don't post form after preventdefault
Hi. I've a form loaded with AJAX and this form has a reCaptcha. When post the form I want to validate the captcha and if there is ok post the form to server. But I can't... My code (based with other help) $('#myForm').submit(function (e, passThrough) { if (passThrough === undefined) { e.preventDefault(); var captchaInfo = { challengeValue: Recaptcha.get_challenge(), responseValue: Recaptcha.get_response(), }; $.ajax({ type:
Success and error blocks for Edit url method
HI I have JQgrid and i have Edit url on it. function loadGrid(firstLoad, myColumnsState, savedColModel, currentColModel) { $('#Jqgrid1').jqGrid({ datatype: "json", url: '@Url.Action("GetDetails", "TestController")', editurl: '@Url.Action("InlineEditGetDEtails", "TestController")', now i want to add Success and Error blocks for the action method of EditUrl, could you please suggest how could I acheive this? Thanks & Regards, Joseph
Dynamic progress loading instead of differed
I was assuming to create a function to register with only one site. Capable of monitoring the AJAX requests either using $.ajax, $.post, XMLHTTPRequest, AjaxObject etc... when URI call starts/complete single or stack, capable to executes a callback function. No matter if progress functions are defined or not. Thanks, Smoke
Getting error when I use $(this) in jQuery callbacks
Hi for all, I am getting an error "TypeError: handleObj.handler.apply is not a function" when running for the second time the instruction below. $('.dock').find("a").on("click", function(event){ _handler($(this), event); // Error in a second time $(this)... return; }); var _handler = function( handleObj, event ) { ... Content.createNewTab( handleObj, tabSize, true ); } createNewTab: function ( obj, size, checkTabExists ) { ... } I found an article on the link this
Making Navigation from drop down select tag?
I need to make my navigation of this website work from a drop down select tag. I realise this will involve a bit a jQuery. this is how my HTML looks so far : <div id="top_nav"> <select> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">Contact</option> </select>So when user selects 2 for example, it takes them to page 2 of the site. Any help with this much appreciated. Thanks Bas
How to display excel in the browser
Hello, Im trying to display an excel xls file with a browser page. Im using the object tag. Ive used that for PDF's an it works ok. When I use it with my excel.xls file it's saying that the plugin is not found. I have excel installed. What am I doing wrong ? $("#xls").append('<object data="/reports/xlstest.xls" type="application/vd.ms-excel" width="100%" height="100%"></object>'); Thank You "When all is said and done, more will be said than done."
Jquery browser version
jquery code is working in ie8 but not in 1e10 I have pasted code below if ( ($.browser.msie) && ($.browser.version <= '8.0') ){ $('a').css({"margin-top":"-28px","margin-right":"9px"});//Added margin-top by Gajendra for ie issue } else if(($.browser.msie) && ($.browser.version =='10.0')){ alert($.browser.version); $('a').css({"margin-top":"-5px","margin-right":"5px"});//Added margin-top by Gajendra for ie issue }
Binding simple enable/disable events via $.fn.on() causes mayhem with $.fn.trigger()'ed
I imagine I'm doing something wrong at a very basic level, but I guess i've been staring at it too long to figure it out. I'm trying to bind simple custom "enable" and "disable" methods to both forms and form fields. The idea is that disabling a field disables the field itself, disabling a form disables any corresponding :submit buttons. However, when I $.fn.trigger() my custom events, they seem to fire on EVERY form/field on the page, not just the one selected. I've created a fiddle to demonstrate
Jquery for cascading checkboxlist!
Hello all, I have a search panel with several checkboxlists, I would like to implement it in jquery rather than using server side code to make a call to database every time the user selects the items in checkboxlistes. My detail problem as following description: In my ASP.NET page named Default. aspx: <asp:CheckBoxList ID="cblCarMake" runat="server" DataSourceID="SqlDataSource1" DataTextField="carMake" DataValueField="Description" EnableViewState="False"> </asp:CheckBoxList> <asp:SqlDataSource ID="SqlDataSource1"
Data Retrieving is very slow
We are developing a Hybrid App and here data is fetched from the server. The data is in JSON format, but it takes more than 15 seconds to load the data from server. Here is the sample code : $(document).ready(function(){ $("#cardetails").tap(function(event,ui){ $.ajax({ url:'http://wwwsampleurl.net/json/jsn_cmp.php?json=1&rcg_mobile=2&lan=en&callback=ajax_eup&pick_up_loc=AGPT01&drop_off_loc=AGPT01&country_des=ES&country_user=AE¤cy=EUR&day_drop=Tue&day_pick=Tue&age_driver=30&uid=0&num_days=7&pick_up=2722&drop_off=2722&pick_up_day=13&pick_up_hour=10&pick_up_minute=00&pick_up_mon=08&pick_up_year=2013&drop_off_day=20&drop_off_hour=10&drop_off_minute=00&drop_off_mon=08&drop_off_year=2013',
Lightbox problem after login
When I login to my website.after Login page should redirect to another some page but it redirect to that page in the lightbox. How can I solve this?
How to get value of textarea that has been dynamically added?
Have the following code that adds textarea along with two buttons to publish a reply for blog comment $("#"+this.id.split("+")[0]+" .commentContent").append("<div class=\"publishReply\">\n" + " <div class=\"publishReplyContent\"><textarea class=\"publishReplyTxt\" id='"+this.id.split("+")[0]+"+RT"+"'></textarea></div>\n" + " <div class=\"publishReplyBtn\"><input class='publishReplyBtn' type=\"button\" value=\"Publish\" id='"+this.id.split("+")[0]+"+PR"+"'/><input
information load in a jquery modal window
Hello, I´m creating a page that uses a JQuery modal window when I clink in a button from a table. My question is if I can load the information contained in the modal window only when i click on the button, instead of the load page. Thank, Silvia Gaspar
iFrame contentDocument Access Denied Error for CrossDomain URL
I am using iFrame to load data from Domain different from my website. When I am trying to get the iFrame modified URL as below, It is giving 'Access Denied" Error. document.getElementById('iframe').contentDocument.location If I am using same domain iFrame it is working fine. Is there any solution to get the ContentDocument object without getting AccessDenied error for different Domain . Thanks in Advance Murthy
Prompt when div becomes scrollable.
Hi, In a desktop environment, when a div becomes scrollable we are alerted to this fact by the appearance of scrollbars. On a mobile device (specifically iPad) there is no visual cue that alerts the user to more information available in a fixed height, scrollable div (ie. no scrollbars appear). Does anyone have an idea how to display a prompt when a div becomes scrollable. Thanks Greg Something as simple as: <script type="text/javascript"> if($("#content").is('scrollable')) { $("#prompt").show();
Modal Dialog doesn't show title second time run
I've got an ajax query that gets run when a certain button is clicked. While it's running, there's a modal dialog that has a 'Please wait' dialog that pops up, with the background darkened. So far so good. However, let's say I change the criteria for the query, and click the button again, the dialog comes up and the animated gif shows just fine, but the title does not show in the dialog. Everything else works great. here's my code for the dialog itself: $("#ProgressDialog").dialog({ autoOpen: false,
Legacy Problem Jquery
Hello, I have always the same problem with jquery i don't know how solve the problem of Legacy. $('.pins').parent(this).click(function(event) { event.stopPropagation(); $index = $(this).index(); $opacity = $('.pins_span_right_top').css('opacity') if ($('.pins_span_right_top').css('opacity') == '0') { $('.pins_span_right_top').css('opacity','1'); } else { $('.pins_span_right_top').css('opacity','0'); } }); The div father is .pins The div children is .pins_span_right_top But when
2 dropdown list created by jQuery using ajax
Hi, I have 1 dropdown list that list all employers (option value is the employer ID). When user select in this list an employer, i create (in jQuery / AJAX) another dropdown list with contact person working for the selected employer. when user select a contact person from this second list, i would like to display the contact person email into a simple input textbox. my problem is that selecting the contact person does not display his email into the input textbox. using FireBug i saw that my second
jQuery method only seems to work once
When I click a title or subtitle, I want the corresponding radio button to display as selected. Right now, it only works the first time. Can someone show me where to fix it so it works on every click of the label? Thanks. <div id="pageBanner"> <img id="logoImage" class="draggable" /> <div id="titleDiv" class="draggable"><label id="title">Team Title</label></div> <div id="subtitleDiv"><label id="subtitle">Team subtitle that might be long</label></div> </div> <div id="editorSelection"> <h2>Select area
Getting data with getJSON dont retrieve information
Hi all Triying to get data from page: http://www.opencellid.org/cell/get?key=4f4ba13109780d010297ce7c1dbeebdb&mcc=250&mnc=99&cellid=29513&lac=0 using getJSON: $(document).ready(function() { $.getJSON("http://www.opencellid.org/cell/get?key=4f4ba13109780d010297ce7c1dbeebdb&mcc=250&mnc=99&cellid=29513&lac=0", function(data) { alert(data); });
Jquery not working in Google Crome
i am new to jquery i developed some piece to code in jquery to hide and show the text box on selection, it is working good in firefox but on google corme -- CODE is given bellow function txtF(str) { if(str==true) { $('#textField').show(); } else { $('#textField').hide(); } } function txtFH(strb) { if(strb==true) { $('#textField').hide(); } } <!----------------------------------------------------> function imgF(str2) { if(str2==true) { $('#imageField').show(); } else { $('#imageField').hide(); }
Flickering mousenter mouseleave with delay, button list
have made a list(<p>) with buttons. When I move my mouse over them it's a 1,2 sec delay before my textbox are marked with yellow to show where I can write. When I move my mouse away they turn normal(white). My problem is when I quickly hover my mouse over the buttons back and forth a lot of the textboxes gets marked. I had hoped the 1,2 sec delay would have worked then but it doesn't. But it works if I move my mouse slowly in and out of the button. Here is a fiddle to it: http://jsfiddle.net/Pota/Fj6E6/
Why jQuery named as jQuery?
Is jQuery refers javascriptQuery?
How can I check if a all images in gallery is loaded?
How can I check if a all images in gallery is loaded? when all images are loaded fully then only starts sliding of the gallery. plz suggets. $(function () { $("img").load(function(){ alert("Image loaded."); $('#main-photo-slider').codaSlider({ autoSlide: true, autoHeight: false }); $navthumb = $(".nav-thumb"); $crosslink = $(".cross-link"); $navthumb .click(function () { var $this = $(this); theInterval($this.parent().attr('href').slice(1) - 1); return false; }); theInterval(); }); }); its not
[JQUERY:Scrollable TD while resize the Column]
Hi, I need to create one table with two columns. Left:Menu and Right :Content. I want to add two behaviours into this table... one is column adjust by dragging the column width,and the other one is,while dragging to the right the content TD should have horizantal Scroll. Is there any Function to achieve this? Please guide me to create this table. Regards, John
MP4
s='<video id="video" controls="auto" autoplay poster onloadedmetadata="videoLoaded2()" >' s+='<source src="'+n+'.mp4" type="video/mp4"></video>' not work s+='<source src="'+n+'.ogv" type="video/ogg"></video>'; work I HAVE MP4 MOVIE WAY MP4 DONT WOR
Handling binary data from ajax request
I receive binary data from an ajax request. I like to put the content in a new window or an iframe in an ovelay. I like the iframe overlay idea. I tried to use WebKitBlobBuilder but it is not working. Here are my limitations: 1. I can't pass the URL to windows.open as I need to set request headers. 2. I can get different content type image, text etc. 3. I don't want the user to see the header information as it has security credentials. Ajax Code: $.ajax({ type: "GET", headers: { "Authorization":
JSONP and randomly generated callback function
Hello, I've several doubt about the JSONP usage. I'm using JQuery to make JSONP requests and the documentation is quite confusing to me. I hope my question is not too long. In the specs it's written a JSONP call is always async. Is it a jQuery choice or the nature of JSONP? async:false would be simply ignored? If the jsonpCallback parameter is specified, this function will be executed when the data are retrieved. But right after, also the success callback will be executed. Can two callbacks co-exists?
load( ) and the head-scratching alert( )
"Why does THAT make the script see the whole tree?" $("#sidebar").load("_toc.html"); alert("hello"); // why does this seem to 'refresh the DOM'? What I have that works My page has a TOC (in UL/LI form, where LI's have A HREF). I want jquery to find the A HREF that matches the current URL and highlight it. Further, the jquery would collapse all of the TOC except the portion containing the particular LI (whether a subtopic, sub-subtopic, sub-sub-subtopic, etc). Note that this works PERFECTLY
Hovering over one element to make changes to another's postion
Hi, I have seen many posts in forums 'almost' answering the question I have but nothing quite solves the problem. I have an image 600px wide and 1600px tall. Only 600px x 400px is visible. (there are 4 600px x 400px images together on this one image.) I am simply trying to hover a list item which then moves this image (in a different div) upwards to reveal the lower parts of the image. Hovering over each li item moves the image up to reveal a different 600px x 400px section. I cant do it using
Using jQuery to show/hide a field based on 2 dropdown fields
Hi everyone, Ive got a jQuery script which shows a SharePoint field based upon a dropdown value. This is great but I need to modify it so that I can show a field if 2 dropdown values are matched. Ive tried a few different ways but I cannot for the life of me get it to work. Im only learning jQuery so am more than likely falling down here. The current code to hide 1 or more SharePoint fields based on 1 dropdown is: <!-- SECTION 1.0: SHOW 'RESPOND WITHIN 7 DAYS' OPTION --> // since we will be accessing
Next Page