Enable /disable button based on values in textarea
Hi, I have a textarea and input type button in my aspx page. The controls are added dynamically, In the F12 developer tools, I can see the controls as below: <textarea onblur="return (TextBox.OnBlur(this, event));" style="white-space: pre; position: relative; resize: none;" onpropertychange="return (TextBox.OnPropertyChange(this, event));" id="ctl00_PlaceHolderMain_XmlFormControl_V1_I1_T5" class="s_5jghZOsnCxGdM8MP_0 u_5jghZOsnCxGdM8MP_0 a5_5jghZOsnCxGdM8MP_0 a4_5jghZOsnCxGdM8MP_0" onfocus="return
Store Pages in Variable; Stumped on .load or .get
Hi, I have about a dozen pages I'm trying to load into a div on click. I'm thoroughly stumped. I accomplished this quite easily using ActionScript 3, but do not understand .load or .get. To clarify, I have one main page that contains content in a div. When the user clicks the next button, the content inside the div is replaced with new content from another web page. I'm thinking this will require storing an array position in a variable. Any advice or suggestions is GREATLY appreciated. Thank you!
Slider missing after long poll update
Hi, after setting a value in the slider, the DIV-container, where the slider is in, gets a long poll update. This is the code before sliding: <div id="slider1" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"> <div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%;"></div> <span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span> </div> and this after sliding: <div id="slider2"></div>
custom event not seeming to be handled by on()
Hi all, I am trying to throw a custom event and have it handled using .on(). Here is the gist of what I have: jQuery( document).ready( function(){ jQuery( 'a' ).click( function( ev ){ ev.preventDefault(): ... console.log( 'triggering controllerChange event ...' ); jQuery( document ).trigger( 'controllerChange' ); }); jQuery( documunt ).on( 'controllerChange', function( ev ){ console.log( 'controllerChange being handled.'); ... }); }); When clicking a link on the page, I get the 'triggering controllerChange
How To: Execute code created by concantenating two strings
Hi, I'm trying to reuse the AJAX Success Function for another page. This function is in a .js file. The returned data is an array in one situation and a plain object in another. I have tried the below code to differentiate the two. It does not work. Would appreciate help in trying to make this work. R. if($.isArray(pData)) { x="pData[i]"; } else { x="pData"; } alert(x+"['Display_Name']"); // doesn't work
Issue on Exporting HTML Table To Ms Excel in Mac Computer
I am trying to export an HTML Table to Ms Excel Using This Demo but it is exporting a file called "download" (without excel file extensions)and when I double click on that it opens like a text file. Can you please let me know why this is happening? $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); e.preventDefault(); }); Thanks
Help! Where to include JQuery file?
Hi all, I have used jquery inside my javascript function, which is located in a javascript file. I call the javascript function from a html file. I include the html file in index.php. When I place <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> at the beginning of the html file, everything works as expected. But when I place, <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jscript.js"></script> in the <head>
How to suppress chrome help on F1
Hello, Im trying to fire a function during an F1 function key. But Im getting the help screen instead. $("body").on("keydown", function(e) { e.preventDefault(); var keyCode = (window.event) ? e.which : e.keyCode; switch(keyCode) { case "112": clickMove('RFE');
How to set the divs indexes dynamically on page load?
Hello Everyone, Checkout this fiddle once & help me. http://jsfiddle.net/mdw9gpq6/2/ Here how can i set the index positions for each div on page load. Actually I am saving index positions in database. on page load i am going to assign index positions to them. and whenever particular div is sorted, again i am going to save their indexes into database. how can i achieve this. help me. i would be thankful. Thanks in Advance. Satish Chandragiri
put auotcompete in function as to reuse it
Hi I have Autocomplete as below. I need to wrap them into a function and pass two parameters for "#txtValue" and "#lblName" so that I can reuse it as many as I can as I have one page which need to call ten times the differences are only the imput ("#txtValue") and the label ("#lblName") thanks you very much in advance $( "#txtValue" ).autocomplete({ minLength: 4, autoFocus: true , source: function (request,response) { $.ajax({ url: ' @Url.Action( "Autocomplete" , "File" ) ' , dataType:
Slider & CSS update issue
Hi! I have found a issue that seems to be present in all examples I looked at. When you call a CSS manipulating function, it is not updated by the slider when you move it the first time. The resulting CSS modification is always one step "behind". In this example you can't set the maximum size of the box by sliding to the maximum. You have to slide to the maximum and back to any other state to get it. http://jsfiddle.net/PD8wk/12/ Any idea how to solve this? It's really confusing. Thanks! Spiff
proyeccion de imagenes
hola, estube preguntando en un foro de javascript y me dijeron que lo que queria, es mejor con jquery..... lo que deseo es hacer algo parecido a un efecto acordeon de imagenes, automatico. iamginemos cuatro imagenes, estas iran apareciendo una a una de izquierda a derecha, solo deseo que se vea la imagen, y no como en muchos otros efectos que tanto a la izquiera como a la derecha, estan el resto de imagenes para seleccionar (me explique?) debajo de las imagenes, se iran sombreando unas casilla con
sortable and data() problem
hello need to become the teamid / userid and id from the <ul>. works only when i moved from <ul id=2 back to 1. HTML <ul id="1" class="connected"> <li id="send" data-teamid="1" data-userid="1">Name A</li> <li id="send" data-teamid="1" data-userid="2">Name B</li></ul> <ul id="2" class="connected"> <li id="send" data-teamid="1" data-userid="2">Name C</li> <li id="send" data-teamid="1" data-userid="3">Name D</li> </ul> CODE <script> $(function() { $('.connected').sortable({ stop: function(event, ui)
After some assistance (just starting out)..
Hi guys, I am rather new to jQuery and I am basically after any resources that are available to help me along my way to learning how to use jQuery, in particular jQuery Mobile. I already have a pretty basic understanding of how to make my way around using Dreamweaver but just want to get an understanding of the jQuery libraries. Cheers, Tutty
The dummy series was written for me. Please explain how do I add intellisense to Sublime Text 3
In a step by step manner that a 7 year old can follow. Thank you for your kind patience with dummies like me.
Please help! Validation plugin: addMethod with error message from server doesn't work well
Hi, I want to create a custom validation method which will call server and server will return an error message. I use WCF web service but I guess the issue will happen with any kind of web service. Here is the code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script> </head> <body>
how to include field time jquery ui
Greetings friends, I've realized that there is jquery ui date field , I mejos known as datepicker . Now I wonder if there is something similar for the hour, that is, if for example I type 45 hours in the field and show me so : 45:00:00 click or 500 hours showing me so : 500: 00 : 00 something like the date picker as it was happening I better make a combobox with the hours deceo but first I would like to know if there is something.
Adding an alert on .one() on multiple clicks
.one() stops multiple clicks which is fine, how can i add an alert when one hits it next time? $( "#save_btn" ).one( "click", function() { })
lost in form problem
Good morning, one client wants me to do a form, name, email, telephone, but the trick is, that he wants me to add a button that when clicked there is going to show up another name, email, telephone section for a second user registering to his forum. how can I do that? any ideas please, it will be greatly appreciated, Thank you, Houston Web Design
jtable export to Excel
Hi all, I'm quite new to jQuery and jTable, but I have programmed a jTable page for my intranet and it works really great. Now it comes, that the request for an Excel-export arises and I searched the web how do manage it. I've found this little code fragment: $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html())); e.preventDefault(); }); I understand, that "#dvData" should be the Table, but it didn't work for me. I've tried "#jtable"..."undefined"
How to retain Textbox's State after Postback in asp.net
I'm working on a form which is having a gridview & save button.Gridview has a checkbox & a textbox.If i clicked on checkbox and if it is checked,the textbox in that row becomes disable and if it is unchecked,the textbox in that row becomes enable.For this purpose i'm using following JQuery code & it is working properly. $(document).ready(function () { try { $("input[type=checkbox][id*=chkChild]").click(function () { if (this.checked) { $(this).closest("tr").find("input[type=text][id*=txtRemark]").attr("disabled",
Affecting dropdown menu with button click
Hi, I have the following code which causes the buttonclick "next" to affect the dropdown menu "page_num" and effectively loops to the next option in the dropdown on each button click. I can get it to work using the jquery ui $("#next").button(); however getting the jquery ui dropdown menu to work is proving more difficult. Can anyone offer some assistance in how to integrate the ("#page_num").selectmenu(); into this script please? I've tried various different arrangements and have had no luck so
jQuery is included more than once
Hi frnds... I have using my webpage with bootstrap modal pop up in that pop i have to load my another page on modal pop by using jquery.load() while getting screen in model pop once again jquery are initialized how i can protect my page of loading jquery only once in my page... Pls frnds tell me any suggestion i m new to jquery.......
required validation is not firing
Hi, i have 2 tab strip i.e general and participants and textboxes on both tabs. need to put required field validation on both tabs for compulsory fields. validation is working on first tab while clicking on save button but not of other tab. if($.trim($('#MainContent_txtboxRequired').val())==' ') { alert("Required must be enter..!"); }
Jquery tabs loading content via ajax,content already has ajax call inside
I have some issue with the using of jquery tabs. I can use the tabs with dynamic php pages normally but the problem is my page is already contain ajax call inside. I have two selectlists,the second is chained to the first one. Because of this when i integrate the page to the tab,click on it and its navigate to a "ghost" page which shows the second select list only and nothing else.I am sure the conflict is becuse it has already ajax call and the jquery tabs plugin also using ajax calling Update1:
Help with FlipClock jquery plugin/app
I am using the FlipClock, and the example one works fine on my browsers... I put it on my website and it looks like this: (I took a screen shot) http://s22.postimg.org/9v19oa0oh/flip_Counter_Not_Working.jpg see how it is not lined up right? I tested it in every popular browser, same thing. Not lined up right. I even renamed the div, incase there was something else messing with it, so I made it a off the wall name, so that no way was something else using it. Same thing. I don't know what else to try
Jquery to validate tinymce control
Hi, I am using tinymce control, i want to validate tincymce textarea conrol on asp button click. I am using Jquery validation engine plugin to validate other controls in same form it is working fine. How we can make tincmce textarea to validate ? below is the code how i control other control.. <input id="txtsubject" type="text" runat="server" style="height:20px; width:420px;" class="validate[required] txt" />
Prepend and click link
I have this unordered list. It has a + sign to collapse the list. I want to still display the + yet be able to click on the link instead. How can I change this? (function($) { $(document).ready(function() { $(".wpsc_top_level_categories > li:has(li)").prepend("<span class=\"CatExpander\">+</span>"); $(".CatExpander").css( 'cursor', 'pointer' ); $(".CatExpander").toggle(function() { $(this).html( '-' ); }, function() { $(this).html( '+'
Database Using Phonegap
Hi I am testing SQLite database using phonegap and everything seems to work fine except appending the final resultset to the division with id=output. It returns 2 in the alert statement but the actual table is not displayed. Any help please? <!DOCTYPE html> <html> <head> <title>Contact Example</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
create json property dynamically
Hi, First, I am not sure where should I post this question. This is actually general javascript question, however it might be any solution using jQuery. I have code below var options = { groups: { mygroup: { shape: 'circle', fontColor: 'red', fontSize: 18 } // add more groups here } }; Is there any possibility to assign mygroup dynamically? for example: something like I assign mygroup in myvariable var myvariable = mygroup; then I replace mygroup with variable myvariable. Like
Jquery.mobile always post first value?
Hi, everyone. When i try my first j-mobile program, i can't get the right value from textbox controls after the first click with Button1. It always bring me "<first value>,<current value>". The code is very simple, can anyone help me? Visual studio 2010/2013 webform. Thanks! <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="Scripts/jquery.mobile-1.4.4.css">
Should I create theme for just one component?
Hi, I am a total newbie with jquery ui. I have to use a selectmenu component with a custom design. I was wondering if the best way would be to create a new theme for it or if I should just override the rendering functions and customize that way. Reason I ask is because right now I am overriding the rendering functions, but I have to include a theme along with it or else the component won't work. I guess the theme is setting some necessary styles, but at the same time the theme has styling code for
Walk the DOM
I use the functionality that comes from implementing the code below to observe the current state of my DOM tree: //////////////////////////////////////////////////////////////////// // function walk(iBranch) // // Version: // // Description: // //////////////////////////////////////////////////////////////////// function walk(iBranch, iHtml) { var walkBrowser = new BrowserView("Walk
Creating a Hierarchy
I am using the following code to create a (nodelist? [of children]) of "genText"-class divs that are appended to a (parent?) "classContainer" div: $(".classContainer") .append($("<div class=genText " + "firstWord=" + firstWord + " " + "taxYear =" + taxYear + " " + ">" + currentLine + " | " + lColor + "</div>") .css({ color: lColor })); After I have my wrapped set of [something, definitely not Array Elements...jQuery Objects?], then I would like to make changes
jQuery Autocomplete can't display dropdown result (two autocomplete) after changing keyword
I have one jquery ui autocomplete input that I would like to show another dropdown after another. For example : If I type two characters of the city name like ba, it would display a dropdown contained : Addis Ababa, Baghdad, Baku, Bamako and Bangkok. If I pick one of them (Bangkok) and press a spacebar, another dropdown (at the same input box) would be displayed : Bangkok Accommodation, Bangkok Restaurants, Bangkok Sights, and Bangkok Transport. I can do this but only for the first time. When I change
insert a div inside a td depending on the value of the td
I have a html snippet generated as below <td class = "ms-vb2" > Amber </td> which i want to change into the below if the value is Amber <td class="ms-vb2"> <div style="font-weight:bold; font-size:24px; font-size:10px; color:white; background-color:#DC630A;"> Amber </div> </td> I am using the below code: $( document ).ready(function() { $('td.ms-vb2').each(function( index ) { if($( this ).text()== 'Amber'){ $(this).css("background-color","#DC630A"); }
Replacing img src in textarea using jquery from a pop-up window
I'm trying to replace the textarea and input box image source in the parent window using jquery from a pop-up window. The text in the input box changes without any trouble, however the text in the textarea box remains unchanged. Here's the code for the parent window: <textarea cols="100" rows="20" class="editor"> <a href="http://www.amazon.com"> <img src="image.jpg" alt="replace image source in this textbox" /> </a> </textarea> <input type="text" value="image.jpg" maxlength="255"
Div with overflow-y: scroll, jquery ui droppable and sortable
For several hours scratching their heads on the same problem: http://jsfiddle.net/6kLvLjqr/29/ If drag "sortable 2" "droppable 2", everything works fine. But if you drag the "sortable 12" to "droppable 2", using only the scroll wheel mouse , there are problems. After scrolling you need to move the cursor outside div.cont and only if the element "droppable 2" will take "sortable 12".
Jquery Conflict
Ok so I have been racking my brain trying to figure this out for quite some time. I am using a Magento website, and generally only make edits in the backend so as not to mess up our current template. The problem I have noticed is when I make a CMS static block that calls for jQuery, it interferes with the jQuery that is already on the parent page else where, such as my drop down navigation. So either the navigation works or the block works. But both won't work at the same time. The static block in
Issue in Cascading dropdowns
Hi all, I have a strange issue. I have two dropdowns. When one of them is selected, based on the selected value, the second dropdown automatically fills. Iam filling both the dropdowns using Ajax callbacks from JQuery. The problem iam facing is iam unable to set the index position of the second dropdown. I have tried all the methods to set, but unable to succeed. What happens is I can see that the value is changing in the second dropdown for a second, but later it immediately resets to index 0.
Next Page