How to open multiple modals in the same window
Hello, I'm working on an MVC application with jQuery and Bootstrap plug-in's. I'm stuck with a scenario where I need to show multiple views inside same page(side by side). I was thinking of a modal but I'm not sure how to load two popup windows/modal side by side. Below is the link to HTML (which in practice is loaded pro-grammatically using jQuery) where I need to select checkbox's and when "Submit" is clicked, respective links (google/bing) should open inside same window as pop-up (side by side).
Jquery ui Autocomplete how to add pagging on scroll and loading icon on untill result from api done.
I am new to jquery.I have implemented jqueryui autocomplete in my page set ui for item on renderitem method. I am loading data using ajax and that returns me 1 items at a time. parameter using to get data from api is pageIndex and search. now My question is on first call I am able to get first 15 items but now I need when I scroll down and reach to last item in autocompelete mean 15 item next call gone to api and this time pageindex should be 2 and so on each scrolling with infinite scrolling and
jQueryUI draggable - text leaves “trail” when dragged in Safari
Im using the draggable function in a script where the users can move divs that contains characters. Pretty simple really, and it works in all browsers - except Safari on Mac. In this browser the text leaves a "trail" when dragged, just like this: Even more confusing is that the "trail" only is left when you drag the text to the left (not up, right or down). And it does not leave this trail if I drag a div with an image inside. Last info: after about 10 seconds of not moving the divs anymore the
Tablesorter Zebra widget not working on deleting a row
Hi, Please go easy on this newbie :) Im using Tablesorter 2.0.5 to sort & filter data that comes from a DNN Module. Ive also implemented some reset sort & reset filters which also works. Everything is working perfectly with 1 exception. When I delete a row (via the module), tablesorter disappears. (Header, table / field borders) A manual refresh & its back to normal with all features & formatting back. Im told that the table is like a panel that updates when items are added or deleted but the page
Custom/Dynamic variable name
Hi, In jquery variable, how can I have variable like below opts.[dynamic name]+'Func' opts is an object variable inside function var opts = $.extend( options );I can access with passed in variable name but in one of my case, I will be getting a [dynamic name] from another variable and I would like to check or access it. /* name "mobile" cannot be fixed as below statements will be checked within .each loop. Therefore "mobile" need to be dynamic. Got other name(s) may appear in the loop. */ if (opts.mobileFunc)
div hidden status :first page load run, link click after div hidden status problem(div.hidden constant :true)
hi, my problem : http://www.technovatan.com/ 1.first page load 2.search button click no problem 3.page link (right panel > Ürünler click 4. a)2.search button click problem b) div.arama hidden constant :true please help $(document).on('click', '#btnara', function () { console.log('hidden:' + $("div.arama:first").is(":hidden")); if ($("div.arama:first").is(":hidden")) { $("div.arama").slideDown();
How do I get the max-width of a TD
I have a TD that is styled with a class that gives it a max-width as follows: #newDivCenter { background-color: yellow; text-align: center; min-width:788px; max-width:840px; } When I try to retrieve that max-width, I fail. I tried plain JavaScript: var newDivCenter = document.getElementById("newDivCenter"); alert(newDivCenter.style.maxWidth); but that failed, so would jQuery work instead? How would I try it in jQuery? So far, it fails on a TD, and also on a TABLE element (I
zoom slider with separate title for images
http://materia.dnsdojo.com/jQueryImgZoomSlider/demo/ this slider has common text for all image. pls help for the same slider with change title for each slide
Wrapping the Ribbon Title
Hi, I am using the Ribbon Js http://codepen.io/jswaldon/pen/AFjKB I have a requirement that the tab list like Main, Reports, Admin, Client may run into 30 or 40. In those cases what is happening is the some of the menu titles are going outside the window and hides. Please refer screenshot below. I have upto Tab Heading 30 but only upto 16 are displayed. Can some one help how to make it wrap after the view ends? Perhaps a blend of jquery and bootstrap can help?
jQuery UI Menubar and anchors with a target attribute
I did a search for "menubar target" and nothing came up. Is anybody else having problems with using the jQuery UI Menubar with anchors that have a target attribute? This is what I basically have for the HTML: <ul id="menubar"> <li>Stuff <ul> <li><a href="http://www.google.com" target="_blank">Google</a></li> </ul> </li> </ul> And for the JS: $("#menubar").menubar(); The expected behavior is for the anchor to open the google.com page only in a new tab, and to leave the current tab
Label button with its keyboard shortcut
I know buttons could be labeled only by plaint text, but I want to label them with the letter that is their keyboard shortcut underlined. For example: Export. I have done this for radio buttons passing for example <u>L</u>ist to have List. Besides the ugly workaround to label buttons like this: (E)xport, is there any suggestion how to obtain the underlined letter? If not, where should I enter a feature request? I'm running latest jQuery UI version on Windows under Chrome. Thanks for your help! mario
Referencing multiple elements at once?
Assume I have the following source structure: <div id="aaa-bbb-ccc-3263262623627" ....> .....</div> < div id="aaa-bbb-ccc-4568458573737" ....> .....</div> < div id="aaa-bbb-ccc-56747" ....> .....</div> < div id="aaa-bbb-ccc-8679865998080600" ....> .....</div> How can I reference all elements in ONE jQuery statement? Actually I need something like a wildcard to write $('div[id="aaa-bbb-ccc-*"]') But this does not work. How do I have to re-write it? It would be even better to have something more advanced,
Apply condition according to date jquery
I try to conditions in date cell like if date in cell is 02-12-2016 then want to apply yellow color untill this date comes and want to apply red color when this date expires how i do that this is what i try <script type="text/javascript"> $(function () { debugger; var ID = '<%=Session["value"]%>'; debugger; var obj = {}; obj.ID = ID; getremin(obj); }); function getremin(obj) { var get_remin = {}; get_remin.ID = obj.ID; $.ajax({ type: "POST", url: "M.aspx/sp_select", data: JSON.stringify(get_remin),
I have a question about jquery.lightbox-0.5.min concerning thoumbnails?
I would like to increase the size of the thumbnail in lightbox? I have it coded as far as adding it with all my images on my website with the rel= and have this in my head of my templates <script type='text/javascript' src='./scripts/jquery.lightbox-0.5.min.js'></script> <link rel='stylesheet' type='text/css' href='css/jquery.lightbox-0.5.css' media='screen' /> </script> <script type='text/javascript'> /*<![CDATA[*/ $('document').ready(function () { $(\"a[rel='lightbox']\").lightBox();
$(this).find('option:selected').css("color") doesn‘t work in firefox 49.0.2
when i use $(this).find('option:selected').css("color") to get the color of the selected option, it give me "rgb(255,255,255)" , not my real color. But when i try in on chrome , it works well.
How to Change textbox on combobox selection while adding table rows
I have a table that adds rows dynamically it has a selection box that changes the value of a textbox when the onchange function is fired but the problem is that it resets all the textboxes instead of that particular empty one. Please see the fiddle below thanks https://jsfiddle.net/josephat/xd7zknyc/3/
How do you target the select box for the table below and fire an onchange function...Thanks
<div class="container"> <div class="row"> <div class="col-xs-12"> <div class="invoice-title"> <h2 id="me">Orders</h2><h3 class="pull-right">Order # 12345</h3> </div> <hr> <div class="row"> <div class="col-xs-6"> <address> <strong>Billed To:</strong><br> <input type="text" value="" placeholder='name' /><br> <input type="text" value="" placeholder='address' /><br> <input type="text" value="" placeholder='street' /><br> <input type="text"
A pure JS question, hope it's ok: How to reset onclick event
The line 13 in the code below attempts to reset an onclick event first to null and then on line 14, attempts to set it to another action, however, it's ineffective and how to do it? Thanks. Line 1: var config = function() { Line 2: // display config / usage info but no dupe display Line 3: if (!document.getElementById('confinfo')) { Line 4: var i = document.createElement('info'); Line 5: i.id = "confinfo"; Line 6: i.style = "color:green"; Line 7: i.innerHTML = conf.usage; Line 8: document.body.insertBefore(i,document.body.firstChild);
Trigger event after clicking on combination of two buttons
So I have a page with multiple buttons and I want something to happen once the user clicks on a specific combination of two buttons (for example, x happens if I click on button 1 and 3, y happens if I click on button 3 and 5). I nested the two click functions and it is not working. What am I doing wrong? Is there a simple and elegant solution? https://jsfiddle.net/pwyz3kbL/ Thank you!
JQuery UI datepicker doesn't show prev and next arrows.
Hi, My jQuery UI datepicker doesn't show previous and next button on the calendar. I am using this configuration: <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <link href="https://www.vid-sandbox.com/Styles/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
How to resize one border of a DIV?
Hi, Is it possible to resize only one border? Say I have a div, I would like to resize its right border only. Can I do this with .resizable()? If not, what's the best way to achieve this? Thanks,
jquery_color plugin q (can't remove bg color)
$('#nav_wrapper').animate({ backgroundColor: '#999' }, 1400 ); to set it back (i.e., remove bg color) I tried: $('#nav_wrapper').animate({ backgroundColor: 0 }, 1400 ); $('#nav_wrapper').animate({ backgroundColor: '0' }, 1400 ); these give me a bg color of black and $('#nav_wrapper').animate({ backgroundColor: 'none' }, 1400 ); $('#nav_wrapper').animate({ backgroundColor: '' }, 1400 ); // two quotes (empty string), not double quote these give me a bg color of
Download Fail
jQuery file download from official download page failed. What should I do? Screenshot of the problem is attached.
fullpage smooth scroll then hide previous
hi @all, i made a fiddle for my problem: https://jsfiddle.net/j0naz5qc/1/ i have more fullpage divs but only one is active at the same time. on page load i show the first one. on click to a button i want to show the second one smooth scroll down to it and then hide the previous one. can somebody help me? best regards
how to wrap $.ajax.then() correctly?
Hi there, I'm new to this forum, hoping someone can help me out understanding promises and deferrals correctly. in a small hobby project i'm using an ajaxwrapper like this: var APIlib = { 'ajaxWrapper' : function (url, params) { return $.ajax({ type: type, url: url, async: false, data: JSON.stringify(params), }); }, }; loading this snippet first, in my following code i can use APIlib.ajaxWrapper("url", data).then(
i am getting byte array stream of pdf from database,so can anyone plz tell me how to convert this stream into pdf and show it on html page
i am getting byte array stream of pdf from database,so can anyone plz tell me how to convert this stream into pdf and show it on html page
What code should I use for the jquery search box for a gridview?
I want a search box for my gridview. So if you write something in the TextBox (id=txtSearch) then jquery function should find it in the gridview(id=Gridview1). I downloaded the jquery Code, but I have unfortunately no idea what Code should I write for it.... <script src="../scripts/jquery.sieve.js"></script> <script type="text/javascript"></script> <script> §("#txtSearch").search({ }) </script> <asp:TextBox ID="txtSearch" runat="server" />
Need to insert header information
Hi, I have been provided with wsdl and XSD, now I have to add header information and then again generate the wsdl and xsd.This has to be done using java script. Can some help me how to start this work. I know jquery for simple things but not something such kind of work. Thanks you very much for your support Regards Sandeep Shukla
Client side file size and type validation
Hello there, I have a simple web form with a file upload input type like this <input type="file" name="upload" /> Here is jQuery code where I'm checking for file size. For some reason, the control is not getting passed into this function. This should display alert if someone tries to upload file larger than 1 MB but I don't get alerts and can upload files larger than 1 MB. Can someone point out what mistake I'm making? I'm not getting any errors. <script type="text/javascript"> $(function () { $('#upload').click(function
How to disable "today" in jquery ui datepicker
Hello, I have installed jquery ui datepicker and I am having a problem, I need to always disable today's day because it is about a manufacturing website which cannot deliver on the same day. My current at the moment disables tuesdays and sundays, any idea how to disable always the current day. //Checkout DatePicker function checkoutdisableddays(date) { var day = date.getDay(); return [(day != 0 && day != 2)]; } $('#datepicker').datepicker({beforeShowDay: checkoutdisableddays,dateFormat:
values from table to text box
in this line data is like this 23 4 abc .. i combine 3 columns data in 1 column before combine data was value 1=23 value2=4 value3=abc after combine this comes in singlie td 23 4 abc now i try to to get these separated values in label how i do this i got type in text box when i select row now i want to get info values in these 3 texbox .. value1_txt = 23, value2_txt=4 value3_txt=abc <script type="text/javascript"> $(function () { debugger; $('#table1').on('click',
appending divs and nesting spans
Hello once again! I'm working on this fizzbuzz drill. In the snippets below the div js-results gets a nested div named fizz-buzz-item, then fizz-buzz-item gets a class called fizzbuzz and finally the div fizz-buzz-item gets a span. I thought snippet 1 expressed the above but it didn't work instead snippet 2 worked. could you please tell me where the difference is...because to me they both should act the same. for(var i = 1; i <= numberEntered; i++) { //snippet 1 if ( i % 15 ===0) {
How do you extract data from input box that uses dynamic id -> uid?
I need to pull the data from an input box. The problem is that the id associated with the input box is dynamic.. If you look at the script below you will see the following ->"uid_loanAmount_16597654821991736" . However that number changes each time a visitor to the site. so next time it could be "uid_loanAmount_234568385923" or some other random number. So when I write the script to pull data from this id I can't include the number portion of the id. Does anyone have any suggestion? <input id="uid_loanAmount_16597654821991736"
addClass hasClass problem
Hi all Im using this code. if( $("#personalpoints").hasClass("completeajax")){ console.log("1"); } else{ $("#personalpoints").addClass("completeajax"); console.log( "2")); } Console is printing 2 1 2 Im using it within a ajaxcomplete function. Why is there a second 2, shouldnt it be impossible
What is the different between these 2 snippets?
Need somebody to help me these 2 snippets for code produce different results. Particularly the highlighted part. $(function () { //Code Snippet 1 $('div.chapter a').attr({ 'rel':'external', 'title': 'Learn more about '+ $(this).text() + ' at Wikipedia' }) //Code snippet 2 $('div.chapter a').each(function (index){ $(this).attr({ 'rel': 'external', 'title': 'Learn more about ' + $(this).text() + ' at Wikipedia' }) }) }) I am running the above code snippets
Show hide problem on page load
Hello, My form is not hidden on page load but the jquery code works perfectly as soon as I start clicking on the radial buttons. After the page load, the form is visible even if the second radial has been set(via php) to "checked". Do the change() even needs a manual change? Or does it only needs a "value" change? $(document).ready(function(){ $('[name="radios"]').on('change', function() { var radio = $(this).val(); if(radio == "delivery"){ $("#delivery_address").fadeIn();
Append checked checkbox values to another Table
Hello, I have a modal popup that populates the following html shown in the link below. When I select the checkbox(s), it's respective row/column values need to be appended to another table inside div ("ResultTable"). Currently, only one row gets appended. Please assist. <table id="mytable"> <tr> <th>FileName</th> <th>Period</th> <th>Select</th> </tr> <tr> <td>Ginger Ale</td> <td>2015</td> <td><input type="checkbox" name="case[]"/></td> </tr> <tr> <td>Mocha
this.menu.element = null
Hi, I am new to using jQueryUI and I have come across an issue in a previously created code. I am using jqueryUI 1.8.20 to populate an autocomplete box. When the code hits the line this.menu.element I get an undefined value. The code worked fine up until a few days ago and I can't decipher what I have done to cause the issue, any help would be greatly appreciated. The snippet of code that is throwing the error is: _suggest: function( items ) { var ul = $this.menu.element .empty() .zIndex( this.element.zIndex()
JQuery select dropdowns by id using AND and OR operators combination
How can i able to perform all the combinations of the dropdowns of the select tag example code as follows <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ if( $("#disaster_1,#genre_id_1,#area_id_1").change("background-color", "yellow");) { alert("threee changed"); } else{ $("#disaster_1,#genre_id_1").css("background-color", "red"); } }); </script> </head> <body> <h1>Welcome to My Web Page</h1>
Access cam
Hi all, I am using the following HTML code to access cellphone cam - <input type="file" id="fileInputID" accept="image/*;capture=camera"> When user click the button she gets a menu asking to select an action and the options are Camera, Camcorder, Voice Recorder, Documents. Is there an option to access the Camera and bypass this menu ? Thanks,
Next Page