jquery-ui responsive problem less hen 768 pixel width
Hello, I used the datepicker because of the same problem bootsrap datepicker. It's responsivity problem under 768 pixel width. The print screen is at below. Do I have a mistake ?? How can I solve this problem.
Expand DIV view on toggle
I have a simple toggle script which will expand /hide a menu. How can I expand the height of the parent container if I toggle off the view of my menu? <script> $(document).ready(function(){ $( "#route_btn" ).click(function() { $( "#silver1" ).toggle( "slow", function() { // Animation complete. }); }); }); </script>
Finding the offset of a container taking border and padding into account.
I can find the offset of an outer container (such as a DIV) from the document using offset(). However suppose I want to increment the offset by the width of the border of the DIV (if there is one) and the padding as well. How would I do that?
Recursive function
Hi there, I have a table in which each row has its ID and PARENT-ID who points to the parent row(record). I am trying to create a recursive function to remove a parent row and all its children rows. of course child row might be a parent of other rows. Following code is not final and might be buggy. function removeBranch(bID) { var k = $("[pID='" + bID + "'][isparent]"); if (k.length > 0) { $.each(k, function (i,o) { removeBranch(o.id);
Trying to find jquery plugin for portfolio
I'm a graphic designer trying to find a lightweight, responsive jquery plugin for a portfolio website (html/css, not Wordpress, no CMS). I'm unexperienced in this area, so trying to explain to a web developer what I want, is a little tricky when I don't know the terms. I've attached a simple illustration of what I'm trying to accomplish. The idea is a thumbnail portfolio of cases/assignments. When clicking on a thumbnail, the content/case is presented in an area opening up above the thumbnail area.
Clone a table
Let's say I have a table like this: <table id="table1" style="width:50%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> How do I clone this table, and at the same time change id to "clone1"? And preferable put it horizontally next to table1.
how to use splice to remove course from jquery code
in the view model i need to remove the course from course list using splice by javascript i need to delete index without any problem so that i use splice how to do that if possible @model WebCourse.Models.Cusomemp2 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Edit</title> <script src="~/scripts/jquery-1.10.2.js"></script> <script> $(function () { var index = 0; $("#CourseId").change(function
Click Event does not work on dynamically load content
So I'm including HTML via AJAX in jquery. I now want to do events based on clicks from within this HTML. How can I do this?
Hyperlink on more tds
Hello I need your help to set a hyperlink on multiple columns in a table html. Let me explain: The following code I want to set a hyperlink from the second to the fourth column of the table. <tr> <td>1</td> <td><a href="#">Name 1</a></td> <td>500,00</td> <td>50</td> <td>22</td> </tr> In this way it is only set for the second column. How do I set until the fourth column? Thank you in advance Tegatti
cross fade images jquery-infinite-rotator
hi i'm using this code to play a series of images cross-fading in an infinite loop. What I'd like to do is have a button that will hide the div that is displaying the looped images then another button that shows it again BUT when clicked it starts the loop from the beginning, that is to say the first pic should be seen right away when the div fades back in. At the moment I have it set up just to fadein /out the div but can't figure out how to play from the first image. seen here: http://www.mediaflash.ca/rotator/index.html
Nitish Reddy - Question regarding jquery
Hi, I am Nitish Reddy lives in orlando. I am a student and seek to learn jQuery. Can someone suggest me from where I can learn how to use jQuery. Thanks Nitish Reddy Orlando
Help with adding another scroll bar/effects to existing script
I have a Search Form that works successfully, and is using this jQuery plug-in code: <script> $(document).ready(function(){ $("select.ui-select").selectWidget({ change: function(changes) { var channel_id = changes; var Parent = $('select[name=sub_category]').parent(); Parent.html('<select name="sub_category"><option value="All">Sub Category</option></select>'); $.ajax({ type: "POST", url: "/ajax.php", data: "channel_id="+channel_id, dataType: 'json', statusCode: { 200: function(data) { for(i = 0;
How can I calculate dates in jQuery, and set an input date's value to that?
I have this html: <input class="smalldatepicker" type="date" id="datepickerFrom" value="2016-09-04"> </input> <label class="cccsfont"> to </label> <input type="date" class="smalldatepicker" id="datepickerTo" value="2016-09-10"> </input> Which sets "datepickerTo" to the last Saturday (this is based on today's date of Thursday, 9/15) and "datepickerFrom" to the Sunday before that. This is manually added, though; I want to do it programmatically, in jQuery, something like: var
Is there a version of jquery.validate.min.js which supports IE 6?
I am looking for a IE6 supported jquery.validate.min.js . Please help.
datepicker losing UI style?
Hi everyone, I’m a complete novice with anything to do with writing scripts or scripting, but I can usually copy and paste and get things working eventually. This time I’m a little bit out of my depth. I’m creating a form page on a club website on which you can choose 3 days to book and then email it to the club. All is going well and I have managed to get 3 independent date pickers working OK. I have 2 problems though: 1 The calendar looses its style and appears with substitute fonts compared with
CheckBox in Grid View inside a modal popup
I have a CheckBox field in a GridView in an aspnet webform, which I want to show in a modal popup window when user clicks a button. When user select each checkbox, I want to run server side code for OnCheckedChanged event for that checkbox using jQuery. I am using the following to achieve my requirement $(function () { $("[id*=btnShowPopup]").click(function () { ShowPopup(); return false; }); }); function ShowPopup()
Change Popup width dynamically
Hi, I would like to create a responsive Popup where eg Desktop view, width=400px, Mobile view, width=100%. But I can't get it to work especially width=100%. I prefer not using CSS media, instead I prefer using CSS Name, or by jquery function control according to my own specified breakpoint. There got to be something I do not know. Something to do with rendering before popup open? I'm aware of using CSS #<id>-popup { }, but that can only take effect on load. Anyone can help point out where or which
jQuery mouseout event takes time
I am using jQuery1.8.3 version. jQuery mouseout takes around ~1500ms when DOM size increase. PFA. Could you explain why mouseout event fire and how to avoid "mouseout recalculate style"?
Replace text by text() does not work
Assuem I have somewhere on a web page the following text: "aa bb cc". Now I want to replace this text by nothing (or one blank). Then the following does NOT work: $("aa bb cc").text(''); Why?
Working with Selctors: setters and getters
Hello again, still working on the jQuery basics tutorial. So I'm at the setters and getters sections and the documentation states: Setters affect all elements in a selection ---ok got it..then it goes on to say: whereas getters return the requested value only for the first element in the selection -- in my html I added three <p> tags and when i used: $("p").html() all three <p> tags were returned. I was under the impression from the documentation that only the first one was supposed to be returned
Wrong link handler fires
Hi there, I have this code which adds a row that consist of a td which holds 2 links, a tag's, each have its own click event handler. Clicking the Add link fires both links click handlers while clicking the Cancel link fires the Cancel event handler only. Why does the Add link fires both handlers ??? Thanks, Shai
JavaScript and Custom Error Messages on an HTML5 Contact Form
I am trying to add custom error messages to my HTML5-based contact form, with JavaScript, and I encountered an issue in that, though I can get the custom messages to trigger on an invalid entry of a form field, they also trigger and prevent the form's submission when the input's validity conditions are satisfied; below you will see the javaScript and corresponding HTML markup, that relates to this issue; how can I fix this?: <label>Name <input required id="name" name="name" placeholder="Name" tabindex="1">
Jquery Autocomplete Plugin Linked list help.
Hi, I am using JQuery Autocomplete plugin with a linked list. When I select an item and hit enter, it takes me to that linked webpage. I would instead like to modify the behavior so it changes the src of an iframe which is on the same webpage. Any one have any idea on how to do this? I have a working linked list below and I've tried to change the src of a iframe called "myframe". The content of the ifame changes but it shows as "file or directory cannot be found". Can any one help? I'm sure its something
jQuery Ajax parsing the response data properly --
Hello members. I need help on a certain jQuery data parsing thing. I’m doing a regular jQ ajax call and executing some server side code in C# which is returning me data. The data which the server code is returning, is basically nothing but an object of a model class [which has some properties of its own] with the values assigned to the properties fetched from db. That’s all fine. Now in the block where I am receiving the response like success: function(data) { //things need to be done
What's supposed to be the correct syntax to call function that has jQuery ajax within?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> // ajax call for a server side script with State and County parameters function ckCounty(st,cunty) { $.ajax({
url: 'whateverScript.file?state='+st+'&county='+cunty,
success: function(rtn) {
if (rtn > 0)
{
return 'green';
}
}
});
} var Color
Different messages for dialogs with the same html
My code here https://jsfiddle.net/Twisty/mafnxaxq/ It uses the same dialog for both delete and logout. I want to have separate message for delete and logout. I want to use this html for dialog for all messages: <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span><span id="messageText"></span></p> with html above, what changes do I need in jsFiddle code above to output different message for logout and delete?
How to Associate / Synchronize Progressbar Uploading File Process
Hi All, I need to Sync progressbar with my uploading file process. For that matter I'm using jquery ui progressbar. I copied some code from jqury site and tried to sync with my uploading file when i execute code progressbar displays 'Completed' and file still uploading. My question is How to Sync progressbar with uploading file? js code $(document).ready(function () {
$('#btn').click(function (e) {
var files = $('#<%= imageUpload.ClientID %>')[0].files;
if (files.length > 0) {
var formData
several datePicker on a form
I have a form with several independent datePicker (not start/end datePicker fields), if I am correct I need to have a separate datePicker js code for each of them, I am wondering if a trick is possible to have one js code for all of those fields with separate date chosen?
Draggable position is not recognizing max-width
I am using Draggable and Droppable in my site. Everything works great until I expand my window past my max-width stated in my CSS. then I do this, the draggables no longer appear where the curser is. They appear to the right, in varying distances depending on how wide my window is. When I turn off the max-width property, the draggable stays where the cursor is. I'm including screen shots of this: The draggable is on the cursor when my window is smaller than my max-width: The draggable is to the right
dialog box looks weird
I have a confirmation dialog like this: $(function() { $("#opener").click(function() { $("#dialog").dialog({ resizable: false, height: "auto", width: 400, modal: true, buttons: { "Logout": function() { $(this).dialog( "logout.php" ); // ???? }, Cancel: function() { $(this).dialog( "close" ); } } }); }); }); <img src="cross.png"
How to Retrieve Combobox PromptText After Closeing jQuery Dialog Box
Hi all I'm using jQuery ui Dialog box and I've a combo box in the dialog box. Problem is when I select any value form combobox and close the combo box when I reopen the combobox it keeps selected value. I need to retrieve Prompt Text when the dialog box close or open. js scripit $('#divPopup').dialog({
autoOpen: false,
show: {
effect: 'blind',
duration: 800
},
hide: {
effect: 'explode',
duration: 800
},
Problem with .each() function
Hi all, I have a problem with .each function. FIDDLE I store strings in an array called "$list2" using .each function on an array("allElems"). The problem is when I read $list2 I see that the word "undefined" is concatenated to one of the strings in the array. I debugged it and I see that the last index is not supposed to be added, but it does. For example: Let's say there are nine (9) items in the array("allElems") . The index range of that should be 0-8, right? When looping through it with .each,
Dynamic Dialog Box on area Tags
Hello @ll, can her help me? My Problem was the Dialog Box on <area> Tags. Pastebin: Code Bialog Box does not open. Thanks for your Help. Marco
expandable category menu
Is it possible to make this category menu expandable? http://jqueryui.com/menu/#categories I mean wheh clicking on main category then sub-menu appear, clucking again sub-menu disapear, in fact clicking main catrgory expand sub-menu? Possible? How to do it?
getting value of a clicked element
If I have an img tag with id="blah" and value="x" I know can get the value with: $('#blah).val(); but if I have that several img tag created in a foreach() loop, how can I get its value as several selectors with the same id is not possible? probably I can use id="blah[]" or I can append an incrementing id like id="blah1", id="blah2", then how can I get the value as I will not know the id? or may be I should just use a .click() event to get the id of clicked element then get its value by id? if yes,
JQM events and navigation
I have sample site with three pages: home.html <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Home</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" /> <link rel="stylesheet" href="css/swipe.css"/> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script type="text/javascript"> /* Here is where you would wire in the jqm mobileinit event such as: $( document ).on( "mobileinit" , function () { $.mobile.toolbar.prototype.options.addBackBtn
Width of progress bar incorrect
I created an animated progress bar but it doesn't work as hoped for. I want 20% of the bar to show up but 100% of the bar shows up instead. It does however show the percentage correctly. I link to jquery and modernizr. Here is my javascript $(document).ready(function() { if(!Modernizr.meter){ alert('Sorry your brower does not support HTML5 progress bar'); } else { var progressbar = $('#progressbar'), max = progressbar.attr('max'), time = (1000/max)*5, value = progressbar.val(); var loading
Dialog content to clipboard
Hello, the below page simply open a jqueryUI-dialog box printing same colored text. Ideally the "Copy to clipboard" button should make a copy available to user. Unfortunately leveraging on textarea element and document.execCommand('copy') it only copy the underlying code: ie: <span style='color:red;'>This is a red text</span><br><span style='color:green;'>This is a green text</span><br><span style='color:blue;'>This is a blue text</span><br>If instead I press CMD+A, CMD+C then paste with CMD+V I
Jquery Drag and Drop
HI, I Want to drop an item to all the cells of a table at a time not only the single cell, and make that item draggable and droppable in jquery.Please help on this.
Trying to print an image from Magnific popup using PrintArea
Hi, Is there anything to look out for when using PrintArea to print an image that is displayed from a Magnific Lightbox popup. My code is $(document).ready(function(){ $("#printButton").click(function(){ var mode = 'iframe'; //popup var close = mode == "popup"; var options = { mode : mode, popClose : close}; $("mfp-content").printArea( options ); }); }); When executing, print window appears but only header & footer information is appearing in the preview. Thanks
Next Page