Check box not checked inside dropdowncontrol change event in jquery
I want to check a chxkbox inside dropdownlist change event my code is like below $('#ddlrole').change(funtion() { $('#namecheckbox').attr('checked','checked'); }); my checkbox and dropdownlist is like below @Html.DropDownList("Roles", new SelectList((IEnumerable<EmployeeManagementSystem.DAO.RoleMaster>)ViewData["Roles"], "RoleId", "RoleName"), "Select Role", new { @id = "ddlrole", @class = "med m-wrap" }) @Html.CheckBox("CheckBox", new { id = "namecheckbox"}) but its not working anybody help
how to hide session value in browser in jquery
i am creating session in html web application in that in browser the session value is displaying can u hide it or encrypt or decry pt it? how to provide security for my session value?
How to export HTML table data to excel sheet
I have nearly 5000 rows in table. Is this possible in jquery or Is it any plugin available for this get or export HTML table data to excel sheet ? Is this plugin also available to work in IE browsers. Its urgent.
How do I use scrolling to trigger events?
I'm not sure if this is a jquery function, but I'm trying to figure out how to use the position of a user scrolling down a page to trigger events, e.g., launch a video or audio clip or slide in a window. The Guardian used it to great effect in their special report here: http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family As the user reads the story, still photos come to life as videos, audio clips play, and text fades in over graphics. It seems to be
SVG click event delegation not firing when using defs
I have come across an interesting bug (?) whereby if you embed an SVG using ‘defs’ as part of a link (an icon for example) – clicking the icon itself does not register a click event in jQuery, but clicking the text does. I think this is due to SVG events not bubbling up? If you embed the SVG directly, the link triggers regardless of whether you click the text or the icon. Interestingly, it seems to fire if you use $('.element').click(function(){ ... }) rather than $(document).on('click', '.element',
Multi IFs
Hi all, I'm very new to this, and can't figure it out how to do this, please help: What I'm trying to do is: when select grade = 3, AND class = english, AND radio checked yes, then show div. Here's the code: <p> <select name="grade" id="grade"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </p> <p> <select name="class" id="class"> <option>math</option> <option>history</option> <option>english</option> </select> </p> <p>
windows.resize event
Hi, How to use window.resize event (or any other event) to adjust div "width" and "height" dynamically, just to keep different divs in position? Thanks! Zia
Read from text file and display in table form
Hi All, i'm new to jquery can you please help on how to get this done based on the tab selected by the user system should load data form text or js file for example if user selects tab a should read from the txt file and load the table text file tab1 column1 : value for column1 column 2: value for column 2 Any help on this is highly appreciated
Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide
I am using Owl Carousel http://owlgraphic.com/owlcarousel/ I have created custom Navigation Tabs, clicking Tab1 takes me to Slide 1, Tab 2 - Slide 2...and so on . I keep Autoplay On but how do i apply hover effect on the Tab1 when Slide 1 is "active" or Tab2 when Slide 2 is "active". For Example on autoSlide, If Slide 1 is active - the Tab 1 gets highlighted and If Slide 2 is active - Nav Tab 2 gets highlighted. Can some one help me..
Set cookies - removeClass, addClass.
Im trying to make a toggle menu side bar but i can't fix the cookies. This is the java im using: $(document).ready(function () { $("#navigationToggle").click(function () { $(this).addClass("expand"); var closed = $("#left_col_top").is(":hidden"); if (closed) $("#left_col").removeClass(); $("#left_col_top").show(); else $("#left_col").addClass("noSidebar"); $("#left_col_top").hide(); setCookie("open", closed, 365);
Insert module position using jQuery in joomla 3
I'd like to put an advertisement into every article (after the third paragrapth). The code below works well and a banner is visible after every third paragraph of every article: $(document).ready(function() { $( "div.item-page p:nth-child(3)" ).append( "<p style='text-align:center;'><a href='#'><img src='http://mydomain.com/images/banners/miejsce_na_twoja_reklame_w_artykule.gif' /></a></p>" ); }); But instead of a simple image I'd like to insert a module position. I changed the code and it
please help me
hi im use slider http://smsbazan.ir/8/example/example.html when click on image thumbs timer slider disabled please help me
Inside a functions arguments or after it
In this question I use the .each() function as an example However my question regards Jquery in general. In this example $('.example span').repeat(1000) .each($).toggleClass('bold').wait(50); the code to run on each iteration comes after the each function. However in this example $( "li" ).each(function( index ) { console.log( index + ": " + $( this ).text() ); }); the code to run on each itteration comes in the arguments for the each function. How do you know if the code to be executed for any
Is possible use div ID as name of array that already have value?
I make this function based on arrays http://jsfiddle.net/rflfn/UBy38/ I have more than 200 functions based on link ID and array values, so I need eliminate the necessity of tags 'if', and associate the div ID name with array name (array already have values, and I make array with same name of div ID), So i need call array values based on div ID name, but without 'ifs', I used deep copy to clone array to my new variable, and call array with variable, but dont work... This is what I need make: http://jsfiddle.net/rflfn/UBy38/1/
solution to jquery sluggishness in android
Good day to you all When i try my app in the browser it works fine and navigations are fast but when i test in android emulator or on a real device it slow Navigating from one page to another when buttons are clicked exhibits sluggishness, what is the solution to this? Thanks in advance and reply soon
ajax loading message in jquery dialog box
I have a scenario where a dialog box is getting opened with form data and a submit button.When I click on this submit button I need to show an overlay ajax loading image with some message saying "Please wait... Data is being updated". Once data got updated (success message from server) I need to show another overlay ajax loading image with some other message saying "Your Data has been updated sucessfuly.". In case of error response from server I need to show overlay ajax loading image with some error
where to add custom CLOSE button ?
$( "#dialog-form" ).dialog({ autoOpen: false, height: 290, width: 600, modal: true, draggable: false, resizable:false, show : 'slideDown', buttons: [{ id:"addcategory", class:"alter", text: "Create", click: function() { $(this).dialog("close"); } }, { id:"btn-cancel", text: "Cancel", click: function() { $(this).dialog("close"); } }], close: function() {
Jquery submit button progress
Greetings, Is there a way for each time I choose from a drop down menu and click submit there would be a progress bar of some sort before the chosen html loads? Thanks again. Here is the jquery section and button which is currently working: <button type="submit"> Submit Query </button> <div id="mydiv"> </div>
click on link to display text
I've seen quite a few tutorials where you'd add/remove test in a div but it was all within the same div. Could you recommend a tutorial or post a simple snippet of code that would illustrate adding removing text by clicking on a link in one div to display text in another div (in a different part of page) To be more specific, I've got a few product names listed in a sidebar. If I click on any of them, its description will be displayed in the main area of the page. Thank you
jquery rebind mouseenter
i am trying to rebind a mouseenter.. using jquery/1.8.3 for avoiding loop..i am trying to unbid mouseenter.. but than cannot rebind the event back again.. $('.mnu').mouseenter(function () { $('.dv').fadeIn(200).animate({ margin: "13px 0", opacity: "1" }, 200); }); $('.mnu').mouseleave(function () { $(this).unbind("mouseenter"). queue(function () { $('.dv').animate({ margin: "200px 0", opacity: "0" }, 300).fadeOut(300); }). queue(function () {
jQuery mobile problems
Hello, We have created a six-page mobile website http://m.theoff.info using jQuery mobile. The mobile website is fully functional offline. However, when we published the mobile website online, a part of it works and others do not. All pages are working individually. All links on index page http://m.theoff.info/ are fully functional. But links from other five pages http://theoff.info/India-Travel/Alchi-Guide.html, http://theoff.info/India-Travel/Phyang-Guide.html, http://theoff.info/India-Travel/Hotels.html,
input form data resetting (during jquery sortable & html change)
So right now I am using jquery and jquery ui I have a sortable list of input data (e.g. single line text input fields) While I know this isn't a great way to update my index arrays, of position, and some of my form data. It was the first thing I got working after a few hours. However, my contents of the for loop. Specifically line 5 and 6, is whats causing me issues. If i leave them there, everything updates just fine during sortable change. but all my partially entered user form data resets back
jquery buttonset checkbox refresh
I have buttonset with 4 checkboxes ch1,ch2,ch3,ch4 and submit button for further processing. My requirement is when i click ch1, all the other 3 should be unchecked. It happens successfully but visible only after submit button is clicked. i.e, refresh happens only after submit. how to do refresh in click event itself? I tried: $('#span').buttonset(); $('#chk1').change(function () { if($(this).is(":checked")){ $('.chkSelect').prop('checked',false);
Scroll combination problem snapscroll/scrollTop
Hello, the website I'm making ( http://wannesverelst.netau.net/portfolio_fullscreen for the moment ) contains 2 normal means of navigation: clicking on the menu or scrolling. The difference is that when you scroll, you get a snapping effect. When you click on a menu you should obviously go to the corresponding div, but it just kinda jumps around. The weird part is that when I implement the snapscroll effect OR the menu click, it works perfectly. The problem starts when I combine the 2 together.
On selection change replace part of a href
Hello there, I am wondering if anyone can help me with this problem. Shortly: I have a drop down selection with multiple options, all I want to do is on change of this selection (when user choose another option), it get the value of the new selected option and submit it in href tag instead of another part in this href (replace with part of href). Problem: everything works fine for the first selection change, but if the user decided to select another option (second, or third time), it doesn't get
I am getting an error - John is not recognized
Hi Experts, I have tried to resolve this but still running into errors. I am just trying to pass two url parameters to another page with this code: return "<a target='tab' data-tab-name='#RequestDetails' data-tab-index='2' href='viewDetails.php?loginName=" + <?php echo $user; ?> + "&ID=" + oObj.aData["ID"] + "'> " + oObj.aData["ID"] + " </a>"; But when I run this code, instead of passing john.doe, it gives an error that john is undefined. Any ideas how to resolve this? Thanks
Dialog freezing Firefox/Chrome in Windows when it has to display lots of information
I need to display a JQuery UI dialog with a lot of data previously loaded within the dialog parent element. The problem is that this information will likely have lots of lines of jobs that have to be billed, grouped by worker in an accordion, to have it all tidy and without a huge scroll. See the image attached. Everything works fine in Chrome/FF on Linux, but fails in Windows. The script freezes when the dialog has to be opened with all that info already loaded. What could I do to fix this?
Vertical Tabs Entirely Clickable
I am trying to implement the vertical tab functionality on my SharePoint site, but I am unable to figure out how to make the entire tab clickable as opposed to the title of the tab itself. On the default functionality (horizontal tabs) the entire tab is clickable, and I really need this same capability with the vertical tabs. Basically, I cannot click in the "white space" of the tab, only where text is displayed. Thanks! Please see attached code...The "Insert Code" button does not work for me :)
passing parameter between multipage jquerymobile website
Hi, I don't understand how to solve this. I have a single html index file with multi page navigation menu. My panel is loaded dynamically with this : <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=2"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=1"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en"
Jquery adapting scroller code
Hi, I have the jquery below which is being used in a worpdres theme, to control one page scrolling. I'd like to adapt it to meet the following condition only AFTER the page has scrolled.. if #id1 a OR #id2 a ="active" remove the class "active" from #id3 Hope this makes sense, many thanks for any help. the jquery scrolling code is /*-----------------------------------------------------------------------------------*/
/* SCROLL EFFECTS & HEADER
/*-----------------------------------------------------------------------------------*/
jQuery(window).load(function($){
'use
Scope in each()
Can anyone help me please? I declared a variable out of function. Then I used this variable beteen each() function. How can I get out of the function same result of variable "titulo" than local's "titulo"? Here the code. Tahnk you!! http://jsfiddle.net/#&togetherjs=LB5r8PApDq
Superfish submenu doesn't stay open on a tablet./mobile
Hi, I hope I'm on the wright forum, sorry if not. I use a template which uses superfish.js for the menu. The submenu doesn't stay open on a tablet. What can I do to leave the submenu on a tablet longer visible? see: http://www.extraleisure.nl/advies on a tablet. Please give me an example because I don't know js. I tried to set sf.defaults delay from 800 to 2000 but this didn't work. Please help me Thanks a lot. Regards Carla
Loading dynamic content and rewrite URL on Hashchange event with Jquery Mobile
I'm building a mobile version for my website using Jquery Mobile API. The framework provides automate AJAX navigation processing. But as far as i know it require "real" pages for loading purpose. What i want to do is override the automate navigation process of it and process the hashchange on my own. But i can't not rewrite the url using window.hashChange, which is running well on my non-mobile website version : $(function () { $(window).off().hashchange(function () { if (location.hash.length
Superfish WindowShopper steals .dialog(), resulting in exception Object [object Object] has no method 'dialog'
The following error appears on my website, when I want to show a dialog: TypeError: undefined is not a function (Chrome) Error: TypeError: $(...).dialog is not a function (Firefox)This is due to double including jQuery. The second one is not from my website, but included by the adware WindowShopper in the browser of some visitors. How to prevent this error? Example in jsFiddle: http://jsfiddle.net/fybJ3/ [I asked this question on Stackoverflow but got no responses] http://stackoverflow.com/q/24045676/3708485
[jQuery] Disabling Enter key on the page
Hi, I'm not completely sure this is a jQuery issue or a javascript issue. Pardon me if I'm not in the right place. I have disabled the Enter key on the page like that : $("#body").keypress(function(e) { if (e.which == 13) { return false; } }); Now the issue I'm facing is that if the user is typing in a textarea control, she can't type the Enter key anymore to do a new line ! Does anyone know how i can get around that ? Thanks
On click event I am trying to get the data from XML as per the click object's attr() value
On click event I am trying to get the data from XML as per the click object's attr() value. Below I have placed two hyperlink buttons and a container for input the data. Both are having different attr() value. So I want to get the data according to these hyperlink's attr() value. Even I have created a XML with respective nodes.But unable to get the exact data. Can anyone please helpppp? here is the HTML, JS and XML code: HTML Code: <div id="uiWrapper"></div> <a class="readmore" href="mark">mark</a>
tinyMCE try validation in Cyrillic
Hello, I use jquery validation plugin. All is well.. Take data from the editor tinyMCE and filter it - all html tags with javascript function strip_tags(), analogue php. After I made clear the contents of the text of the tag needs to do a new filtering. Just new filtering the resulting text. $.validator.addMethod( "regex", function(value, element, regexp) { var editorContent = strip_tags(tinyMCE.get('content').getContent()); //alert(editorContent); var re = new RegExp(regexp); return this.optional(element)
setTimeout Trigger and Clear
Hi all I use HoverIntent to trigger a submenu appearing: $('[id^="showmenu_"]').hoverIntent({ over: makeTall, out: function(){ }, timeout: 100 },function(){ }); $('[id^="models_"]').hoverIntent({ over: function(){ }, out: makeShort, timeout: 100 },function(){}); Now the respective functions for the above are: function makeTall() { itemid = $(this).attr('id').split("_")[1]; $('[id^="models_"]:not('+itemid+')').hide(); // hide all other sub menu items $("#models_"+itemid).show();
Slider cookies
Hello, I'm using a slider, but i can't set cookies for it. I used my_getcookie/my_setcookie but there was no effect. See the slider source at this [link]. I want to set cookies to save the <li> slide that i changed last time. jQuery(document).ready(function () { $('#checkbox').change(function(){ setInterval(function () { moveRight(); }, 3000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height();
How to refresh/reload a slide out panel (jquery mobile)
I have this slide out panel with a comment form in it, after user submitted the comment form, a "THANK YOU" will appear, the problem is, after I close the panel, and slides it out again for a second comment, the "THANK YOU" is still there! I am expecting to see a new unfilled comment form. How do I have a fresh new original comment form to show up instead of the leftover from previous session? Code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1">
Next Page