Cascade multiple dialogs
I am relatively new to jQuery, and after have searched for a couple of hours, I am about ready to just..give up. We have a page with multiple dialogs, all of which work fine - we have the dialog open state persisting on postback, but, if there are mutliple dialogs open on postback, they all get stacked one directly on top of the other. Is there a method by which we can cascade multiple open dialogs?
Triggering Submit of form on button.
Hay All, I have example code at jsfiddle of what I am trying to do. I have a lock button on the page which triggers the user to verify a question. If 'OK' is triggered I try to trigger the click event on the hidden submit button on the page, but nothing happens. I have tried this in Chrome, IE7, IE8, IE9. The console never display the form submit message. I'm looking for thoughts and maybe direction on what I may be doing wrong or could do better. Thanks in advanced.
[jQuery] trigger click on an anchor
if I have a link on my page like this <a id="clickme" href="home/download/myfile.pdf">triggerclick</a> should I be able to click it with jquery? on event { $('#clickme').trigger('click'); } or will it disallow it because its linking to a file
Urgent help with variable jquery
Hello. We are working on a voice recognition system with Web API Speech of Chrome, and we need help. As you can see in the example code siguiene, speech recognition is ready. Now what we do is that if for example the user says the microphone the word'' Hello'' be sent to a url. Does anyone know about comparing variables? Can anyone help? DEMO: http://luxor.webcindario.com/reconocimiento.html <!DOCTYPE HTML> <html lang="es-MX"> <head> <meta charset="UTF-8"> <title>Webkit Speech Demo - @kinduff</title>
loading external pages not working properly with multiple links
I thought I was done with the loading external pages problem but I guess not yet. When there are multiple links, modal dialog is loaded just as many times as the number of the links. For example, if there are 3 links with class="test", when first link is clicked, it will load 3 times on top of each. Anyway to fix it? <a href="/user/login/" class="test">comment #1</a><br> <a href="/user/signup/" class="test">comment #2</a><br> <a href="/user/reset_password/" class="test">comment #3</a><br> $('a.test').click(function()
help with jquery toolbar
Hi im new to jquery i have a jquery toolbar code http://mulaus.5gbfree.com/ this is the original script http://www.pvmgarage.com/2009/12/nic...s3-and-jquery/ still trying this but still not working properly The problem when i click a list with tooltip..then click another list with tooltip the previous tooltip is not close automatically..have to close manually and also after clicking a menu and tooltip appear and closing it we can't do the same thing for second time how do i repeat code ? so the
loading external url in jquery ui modal
I have links to comments as <a href="comment.php?postid=1>read comments</a>, I have <a href="comment.php?postid=1>read comments</a>... How can I load these external URLs into my modal dialogs? I have hundreds of posts on my website and users can keep adding them. Users can add comments on each post on the website. $( "#dialog_facebook" ).dialog({ autoOpen: false, width: 400, height: 200, modal: true }); $("#open_f").click(function(){$("#dialog_facebook").dialog("open");});
runner UI does not run
Hi guys I am trying to use the runner UI http://plugins.jquery.com/runner/ I have all these file included (last 2 are for the runner class) <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script src="js/jquery.ui.core.js" type="text/javascript"></script> <script src="js/jquery.ui.widget.js" type="text/javascript"></script> <script src="js/jquery.ui.slider.js" type="text/javascript"></script> <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
Setting text of a label from Jquery
I'm sure this is simple but I'm pretty new to Jquery. I created an asp web application that is built with Master Pages. In Default.aspx, I have a label here: <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <br /> <label id="lblResults" class="Results"></label> <br /> I want to set the value of the label in Jquery. This is what I'm trying to do but not successfully:
Failure to Execute
I have a function that sums the values of a column of data that works fine if I change the values of one of the columns. That same function is being called when the page loads but no values are returned so that the sum is zero. I am using Google Chrome so that I can write to the console and I see that the input fields that I am wanting to sum are being captured. When I drill down on each input field I can also see that the value of each field is present. Why is that value not being returned on page
Hi all
I have the problem with jQuery BlockUI Plugin After I click in the button which is trigger by onclick="window.print();", after that, I click in the link which is using ajax....The BlockUI become strange and I can't do anything in this page. Please help me.
Plugins Authoring
I took a look at the documentation for plugins authoring and am trying to duplicate the maxHeight plugin shown there, slightly modified, but can't seem to get it to work. I've looked at multiple previous entries about the plugins authoring documentation and still can't seem to get it to work. I'm using JQuery version 1.8.3 and I've put my code on a very simple test page which has only three div's within it. Each div has an "id" attribute defined for it(with values of div1, div2, and div3). Each div
Click Event for Scrollbar
Hi, Do we have any event for scrollbar click? I am highlighting a row on clicking a down-arrow inside a div. but when i click the down arrow button after dragging the scroll bar, the highlighted row and scroll moves in zig zag manner. so i want to certain functions on scrollbar event, but that should not affect when the scroll bar moves on clicking the down-arrow. It will be helpful if there is event for the scrollbar click.. Thanks,
Menu Delay Needed
I have built a custom menu with drop down menu items, but they disappear the instant the mouse moves off the item. I would like them to stay open for about 1 second in case the mouse slid off by mistake. Is there simple jQuery modification that will make this happen? I built the menu in a table and a typical menu item looks like this: <tr> <td id="LaborReport" class="DropDownMenuItem2" onclick="MenuClick('Labor', 'LaborReport', event);"> Labor Report </td> </tr>
Round values with 2 decimal places and add 0 if not decimal are present
Hi, how I can round a value maintaining 2 decimal places? I try with Math.round(val) but doesn't work. Takes these numbers as examples: 25 should be converted to 25.00 25.3666 should be rounded to 25.37 25.55333 should be rounded to 25.55 Any help?
Droppable propagation
Hi all, I'm having troubles with the propagation of droppable events. I have some divs that are within the same parent but they can be overllaped (with position absolute). The problem is that when I drop an item in the upper div the drop event in the bottom div is also triggered. I read the documentation of droppable and saw that jQuery as a property 'greedy' for stopPropagation but it only works (at least with me) if the divs are ancestors/descendents. Does anyone have a problem like this? Can anyone
How to remove prior appendAfter text?
In the code below, the div#popupText retains the prior insertions. Is there a method to Clear the div? empty() does not work...even if I place it before each appendAfter(); Stumped... Todd $("div#popupText").empty(); if (popupName == "showPopup1") { $( $("div#text1").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup2") { $( $("div#text2").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup3") { $( $("div#text3").html() ).insertAfter("div#popupText");
Print Hidden Element
Hi folks. I'm new to JQuery and I have a challenge that I think JQuery can handle. I just don't know where it is. On a page, I have a library of 4 printouts that I have associated with a record in my database. I want to have four buttons on the page that print out each of the printouts. I also want a fifth button to perform the printout of all of those 4 items. Currently, my middleware uses a hook into the OS, which calls on CUPS to print the items, three of which are text items, and the fourth
Firebug status is appearing aborted and screen loading stops
Hi All, Please pardon me if this question is too easy or naive as i am new to jquery/javascript. I am developing an application using jquery/javascript and html. There is a main html files which load other html files along with audio. This is how i am loading a new html file $("#small_div").load(fileToLoad,function(){objRef.onLoadComplete()}); The problem i faced was that sometimes the screen don't load. I checked using firebug, for all the files the status was 200 OK but for the html file that didn't
Getting Invalid Argument.js error in IE8 when Fixed Columns data table is used.
The following error message is thrown in IE8 browser. Webpage error details: User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; MS-RTC LM 8) Timestamp: Fri, 22 Mar 2013 05:23:06 UTC Message: Invalid argument. Line: 938 Char: 4 Code: 0 URI: https://c.cs15.visual.force.com/resource/1360072001000/FixedColumns_2_0_3/FixedColumns-2.0.3/media/js/FixedColumns.js Here is my sample
How can I show/hide option in drop down list?
Hi I am trying to show and hide option in a drop down menu using jQuery. I pass an id to a php file using getSON then i return ids list. Then I do a check for every option in a menu if this option value exists in the array show it otherwise hide it. this is my current error Uncaught Error: Syntax error, unrecognized expression: #result_code_menu option[value=[object Object]] This is my current code $(document).ready(function() { $('#call_code_menu').change( function(){ $.getJSON("ajax/getResutCode.php",
Mistake in documentation for addClass?
http://api.jquery.com/addClass/ The paragraph above the "Examples:" section says "Given an unordered list with five <li> elements, this example adds the class "item-4" to the last <li>." Shouldn't the class be "item-0", not "item-4"?
JS Problems with quotations: Pass Variable?
Hi Gurus Basically hardcoded the variable works fine, but I want to pass a variable objectId (in bold below) where the other bolded text is. I have typed and escaped the characters. I know you need to invert the ' "'s but there are so many and I've tried just about every combination. Where am I going wrong? It's probably something simple but I have been frustrated for about half hour, might go get a coffee and take a break. Code below. Any help would be appreciated Thanks, D for(var i=0, len=results.length;
Heeelp :( Replacing text
my HTML is : <li> this is MY first </li> <li> this is MY second </li> <li> this is MY third </li> <li> this is MY fourth </li> <li> this is MY fifth </li> i want to change it to : <li> this is HIS first </li> <li> this is HIS second </li> <li> this is HIS third </li> <li> this is HIS fourth </li> <li> this is HIS fifth </li> HOW ??
Switcher feature not functioning properly
I am trying to build a simple switcher feature. What is happening right now is, if originally everyone is selected and if I click on only friends, 'selected' class is properly assigned to only friends and removed from everyone. But if originally only friends is selected, nothing happens. $(".switcher span").click(function(){ $.ajax({ type: "GET", url: "content/profile/index.cs.asp?Process=ChangeComm", success:
JQuery Load - Limiting the amount of Text
Hi, I'm fairly new to JQuery and wanted some help using the 'Load' function. I have created a fairly simple staff directory and as you can see there is a brief snippet of text for each academic, which links to their full profile. I am wanting to use JQuery Load to pull the content from each staff members page and show it in the staff directory (replacing the static text that is currently there). This will mean that the staff directory should effectively maintain itself, updating automatically when
how to make navbar appears at bottom of window on page load
Hi kindly have a look here. www.clockhousedesign.co.uk/highgate ON PAGE LOAD I want navigation bar to appear (as may be like fixed footer) at the bottom of the window, regardless of the window/ screen size. (by the way i am using jquery code that makes navigation bar scrolls up and then become fixed at the page top.) kindly guide me
how to enable autoplay in a jquery?
$(function() { $('#da-slider').cslider(); }); i'm using this script for a slider. how to enable auto play in this script?
How to get the option value using the text inside the dropdown?
I would like to get the option value using the text value inside the dropdown. If you look at the code below, I want to retrieve the value "javaAndJ2ee" into var Opt. Not working though. <script> $(document).ready(function(){ var Opt = $('#modifyType option[text="JAVA AND J2EE"]').val(); //Do Processing }); </script> <body> <select id="modifyType"> <option value="java">JAVA</option> <option value="javaAndJ2ee">JAVA AND J2EE</option> </select> </body> Can you please provide some input on this.
Toggle div below elements
Hi, I, like many of us here, am new to JQuery and its wonders. While trying to implement the toggle/hide function, i find that the new <div> that I open falls below my <h2> tag. Is this simply a browser compatability problem? If this has aleady been discussed/answer, please provide a link or discussion topic that i may review. <body> <button id='logButton'>Log</button> <div id='logBlock' style='display:none'> my log </div> <h2>Header</h2> <div id='bodyContent'>Body Content</div> ---- $(document).ready(function(){
Fade on Scroll not working properly in Firefox
Trying to get the header area to go from solid to opaque after scrolling down a certain number of pixels. In the case of the test, it is 200 pixels. In Chrome, IE, Safari it is working properly or at least quite better than in Firefox. Sometimes it works but is very delayed in Firefox and other times it takes a bit of scrolling up and down an few times to make it work properly. Please view in Chrome or something other than FF and then view in Firefox to see the issue or delay. CodePen of Issue Any
calling messages.properties key from Javascript & JQuery
How can i call messages.properties key from Javascript and Jquery?
get id from element when click on then insert to another jquery seletor to perform another function?
Here is my code $('.info_show').click(function(g){ var a = $(g.target).attr('id'); $('.icon').click(function(e){ $(a).removeClass('red blue black').addClass($(e.target).attr('value')); }); }); Is there something wrong? Thanks & sorry about my English.
custom event not working
Hi, I am (as a beginner) stuck in a problem with a custom event I created (for the first time). The situation is that I have a template dynamically loaded in my main page that in it contained a div #character. At the time the template is inserted in the containing div (on the main page) #character (as part of the new inserted html) has to be invisible. Then I wanted to create a custom event called "fullPageReady" that is triggered in a seperate function to tell the div #character to fade in (and
nested each loops in jquery?
Hello - I seem to remember reading some info online about issues with nested each loops in jquery. For example, continuing/breaking from an inner loop will actually take that action on the outer loop. Do I correctly understand this constraint/dependency? Or are there recommended steps that I should take to avoid these types of issues with nested each constructs in jquery?
How I can modify it to work well with History and Jquery?
Hello friends. I have a project that works. Please I need your help to change this. See example (works well): http://html5-history-pushstate.ssdtutorials.com/ Original file: https://mega.co.nz/#!jghH0aJL!chiYznEbLhA47YzTQJZipEtyM5krJHr5RY2Bml_oJAw See my project: http://rachmanijquery.site88.net/ File download: https://mega.co.nz/#!X0olmAYK!UVbYERG-AmwgnRPsWpNcDjlbvoUbDTLTRpyWqy91S5A How I can modify it to work well with History and Jquery?
what's wrong with this each implementation?
Hello - I've written the following each loop: //split the value to get the number $(fieldCellText.split(' ')).each(function () { if ($.isNumeric(this)) { alert('looping'); } }); fieldCellText in the loop above might be something like "USD 5100". The split function splits fieldCellText the way I expect ['USD','5100']. However, the each function isn't looping the way I expect it to. The loop evals 'USD' as not numeric which is as expected.
if statement changing class of a div
I am stuck here big time. I want to check the class of a div and change it to the other one when clicked. Something must be wrong with my if statement. I will appreciate a lot. <div class="mapexpand width100" id="mapresize"> </div> $("#mapresize").click(function() { if (this.className == "mapexpand width100") { $("div", this).attr('class', 'mapcollapse width100'); $("#checkin-gmap").animate({ height: '500px' }, 500, function() { google.maps.event.trigger(map,
Copy text: cannot find my syntax error
I want to conditionally copy the text to a popup, however if I use a var, it works; if I use the selector, it does not work. In the example below, the var textVal works, but the selector, "div#text1" does not work. Probably been looking at it too long! Todd $(document).ready(function(){ $("li a").click(function() { var popupName = $(this).attr("id"); var textVal = $("div#text1").html(); //alert(popupName); //alert(textVal); if (popupName == "showPopup1") { // This does work $(textVal).insertAfter("div#popupText").html();
Onclick change class partially works!
In this web page when you click on Paypal's check box it should show the paypal text but it doesn't! It shows the credit card ok but I cant figure out what I am doing wrong with the pay pal checkbox! Any help would be appreciated. Thanks
Next Page