How to add a custom message in a SharePoint Webpart using Jquery
Team, I want to add a custom message at the bottom of a webpart running on SharePoint 2013. Got it know it can be done using Jquery, please suggest how to do it.
how to stop triggering href when jquery ui tab get active
how to stop triggering href when jquery ui tab get active
jqueryjavascript to compare input text fields value
Hello Can you please provide sample example to compare multiple text field values, if any of those values are same then mark those textfileds as RED Color Thanks
Showing a log when deleting folders and content
I'm working on my administration panels mailbox implementing a delete feature for the mailbox folders, however as I am not familiar with PHP, this is just somewhat of a simulation. Currently I simply delete the list item which was clicked of which the class '.clicked' is applied to $(clicked).remove(); However I'd like to show a log such as the following; Moving <NUM*> e-mails from <SUB-FOLDER**> into trash folder Moving <NUM*> e-mails from <SUB-FOLDER**> into trash folder Deleting folders... *For
Need help finding right plug in
I am a total noob designer working in dreamweaver cs5. I am designing a website for my business. I am down to the last page i need to set up and cannot find what i need exactly, and do not have the knowledge to adapt something quickly. I need to make a thumbnail grid with icons that have links to them. Currently i was just doing it in html code by putting each one on at a time and linking it. I have them in rows of 12 and then each row has its own css rule. I need to place over 800 of them. So it
jQuery Zoom and Indexhibit
Hello guys, I want to apologize in advance for my English. Im about to embedd this plugin to my Indexibit website (built with indexhibit.com) http://www.jacklmoore.com/zoom/ (mouseover version) I would like to give the visitors an option to zoom into detailed images of my portfolio when mousehovering over the imgage. i followed some instructions and so far uploaded the jquery.zoom.js onto my server in the js-folder. Also I tried to edit the index.php, which you can see at the end of my post. the
Json: Returning List of Objects In Ajax call 500 error
I'm having trouble with an ajax call. When I try to pass a string in it works, but when I try to pass a list of objects in it does not work? I tried debugging and the list is definitely populated. But when I try running it with a list I keep getting a 500 (Internal Server Error)? Any suggestions would be very much appreciated!! Ajax Call: $(function () { $('input[type=checkbox]').change( function () { if (this.checked) { $.post("/Authentication/GetProfiles", {}, function
setTimeout() not timing out
Hi, In using setTimeout() to show and hide a message the message just flashes on and off. Timer is not working. Hope someone can spot something wrong here. UPDATE: I commented out window.location.assign("fields.php"); and setTimeout works properly. See 5. below. if(update) { $.ajax({ type: "POST", url: "changeData.php", data: { "col":col, "update":update}, dataType: "text", success: showChangedData }); // ajax function
How to autocomplete a field depending on a list of checkboxes?
Hi guys! I have a pure js code that allows to autocomplete a field depending on a checkboxes list, but this code doesn't work on IE < 9. Pure JS I want to make the same thing but using jQuery to avoid IE verions issues, I am a newbie, so I don't know exactly how to do it. I found a code but I don't know how to apply it on my DOM. This is my code without jQuery, can any body here help me, I'm really LOST :( Thank you in advance.
Jquery validation not working inside IFrame in IE11 same working fine in IE9
Hi, I'm using Jquery validation plugin in my application. My application loads inside Iframe in which jquery validation not working inside Iframe in IE11. But same was working fine in IE9. Please suggest and help to fix this defect. Thanks
Auto complete dynamically generated text boxes
I need help in filling the dynamically generated text boxes using jquery autocomplete. Workflow: 1.On clicking add row button a row will be inserted. 2.On the inserted row,the product text box should be filled through auto complete.The same way all the dynamically generated text boxes should be filled by auto complete Issue: I have used the jquery auto complete function to fill the text boxes,but the auto complete function is working only for the text box in the first row.I need to fill all the dynamically
what is wrong with how I am trying to set opacity?
The disabled property gets set correctly, but opacity doesn't change. I call the function like this: disables(true,'0.2'); function disables(parm1,parm2) { var debug = 0; if (debug==1) alert('disables called with ' + parm1 + ',' + parm2); $("#divSearch :input").prop("disabled", parm1); $("#divSearch :input").css('opacity',parm2); return true; }
How to make the perfect horizontal menu
Here's a simple way to make a menu like this: CSS code: #menu { overflow : hidden; width : 500px; } #menu > li { float : left; width : 100px !important; } #menu .ui-menu { width : 200px; } JS code: var menu = "#menu"; var position = {my: "left top", at: "left bottom"}; $(menu).menu({ position: position, blur: function() { $(this).menu("option", "position", position); }, focus: function(e, ui) { if ($(menu).get(0) !== $(ui).get(0).item.parent().get(0)) {
How to select element with ID generated dynamically?
My code has a repeater / cloning field that adds number to the end of ID : - <input type="text" name="event[]" id="event"> That is, when cloned, I'll get the following in the DOM ; <input type="text" name="event[]" id="event1"> <input type="text" name="event[]" id="event2"> My jQuery selector works only on the original element with ID="event" $("#event").stepper({ .... I'm looking for the right way to make jQuery select event1, event2 and so on; as soon as they are created in the DOM. Would really
How to get the cildselector in $(selector).on(event,childSelector,data,function,map)
Hi. I have a problem. I append a select with class .ExtDestination . May user add 10 select with this class. This selects have also unique id. I want to get id of changed select. I use below code but it not works: $(document).ready(function() { $('body').on('change' , $('.ExtDestination') , function() { console.log(<id of changed select>); }); }); how can i get this id . $(this).attr('id')) do not word because this point to body.
jquery conflite problem
Hi this is Ravi, am using jquery.1.8.3.js for tab navigation and also using jquery-2.1.4.js for bootstrap toggle button. There is a problem here if i use jquery-2.1.4.js, the remains tab navigation is not working, because higher version jquery is used. i want to use both jquery-2.1.4.js and jquery.1.8.3.js. please give me solution. how to use the noconflite() method
DIV structure
Hi i have div tags structure i need to perform accordion on and use JQuery on it please see the structure below and please take notes on id attributes i have <div class="TreeViewContainer"> <div id="row_0" class="TreeViewRowOdd">Example</div> <div id="row_0.1" class="TreeViewRowEven">Example 1</div> <div id="row_0.2" class="TreeViewRowOdd">Example 2 </div> <div id="row_0.2.3" class="TreeViewRowEven">Example 2.1</div> <div id="row_0.5" class="TreeViewRowOdd">Example 3</div>
adding floats
why is it like that: 0.1 + 0.2 == 0.30000000000000004
text() method no longer works after loading a text file
alert returns nothing. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <div id='first'></div> <p></p> <div id='second'></div> <script> $("#first").load("Matthew1.txt").css("white-space", "pre-line"); var result=$("#first").text(); alert(result); </script> It seems $("#first").text() doesn't work after the load().
Passing a variable to function that calls load()
Trying to pass res from input form to doIt(). <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <input> <div id="search">search</div> <div id='first'></div> <p></p> <div id='second'></div> <script> var res; $("#search").click( function() { res=$("input").val(); alert(res); doIt(); } ); function doIt() { $('#first').load("Matthew1.txt", function(data,status) { var myArray; // I want to set this to the value in input form. //var res=/\d+\s.*Jacob.*[.;:,]/g;
How to Repopulate loop with new list using jquery
I am working on a site which has a bunch of profiles of people, on the side is a checkbox which the user can click to refine the search to only show profiles that meet certain criteria. To do this I made an ajax call to get a new list, but I can't figure out how t erase the old list and reload the new list. Here is the html of the loop @foreach(Cleaner c in Model) { <div class="col-sm-4 col-lg-4 col-md-4"> <div class="card hovercard">
why textbox is not validated?
Hi, here http://www.mesk.online/tasks/new_task3.php My validation is working fine except for the txtTaskName but every time I enter all fields but leave the txtTaskName it will show the error popup but it will still continue submitting the form Where is the issue please? Thanks, Jassim
Cherche de L'aide urgente
Bonjour, Je cherche une aide urgente qui-peut me permettre de keep mon travail. Je ne pas de poster la Peux request verser des RAISONS de confidentialité et ne versez pas mon Perdre emploi. De Il s'agit Simplement D'une petite explication sur jquery et les fonctions. Je Remercié à Toute Personne qui en mesure de Serait me aider.
jQuery Tabs backgroundcolor issue
Hi jQuery community I’m having trouble changing the color of the background behind the jQuery Tabs. As you see in the screenshot, I managed to change it into blue, but the problem is the white area in the middle. I can’t figure out where this belongs to in order to modify it. Hopefully you guys can help me out here. Thanks in advance HTML file: <body> <div id="toolbar"> Toolbar </div> <div id="tabs"> <ul> <li><a href="#tabs-1">Benutzerverwaltung</a></li> <li><a href="#tabs-2">Beitragsverwaltung</a></li>
How to set global onSelect event on all datepickers?
Hi, I am trying to set global onSelect event on datepicker using setDefaults method, but without success. Below the code I use: jQuery.datepicker.setDefaults({ showOn: 'both', onSelect:function(){alert(2)}, buttonImageOnly: true, buttonImage: 'calendar.gif', buttonText: 'Calendar' }); When I am trying to set onSelect on single element it is work perfect. But I need to do it globally. Thank you for help.
jquerymobile: main (unrecognized role value)
I am a new starter to jQuery and I was just following a tutorial on YouTube using DW CS5.5 and I came across an error, 'jquerymobile: main (unrecognized role value)'. The tutorial is here: https://www.youtube.com/watch?v=bsthKhTHguI Take it to 2 minutes 52 seconds. I have double checked what I have typed and cannot see an error, but using DW in 'split screen mode' it shows the 'jquerymobile: main (unrecognized role value)' as an error. Any ideas please?
Download separate ui min js files??
Hi, We are used to be able to download standalone ui files (like jquery.ui.mouse.min.js). I can´t find a way of doing this with new version 1.11.4. Everything comes in one large jquery-ui.min.js file. Can someone please guide me in the right direction? Thank you.
jQuery scrollTo going to far when accordion open
Hi there, I have created an accorion using simple slideup/slidedow jquery. I have a list of images outside of this accordion. When each image is clicked it opens the accordion tab relating to that image title. This works well. I now want to scrollTo the accordion item that theimage link has opened. I have done using this little bit of jQuery: $('html, body').animate({ scrollTop: target.offset().top }, 1000); It work's but only when all the accordion items are closed when you click on the image. If
FIXEDHEADERTABLE Problem
Hello, i use jQuery and fixedheadertable (https://github.com/markmalek/Fixed-Header-Table ) MyCode: <head></head> <script type='text/javascript'> $(document).ready(function() { $("#dkfz_tabelle").fixedHeaderTable({ altClass: "odd", footer: true, fixedColumns: 1, cloneHeadToFoot: true }); <script src='js/jquery.fixedheadertable.js'></script> }); </script>
<link href='/css/defaultTheme.css' rel='stylesheet' media='screen' /> <body></body> <div style='height:800px;overflow-x: auto; overflow-y: auto;'>
<table
enable button when reCAPTCHA
Hi, I am trying o use reCAPTCHA. I have disabled the button on page load and now I want when the reCAPTCHA is verified to enable the button. I tried below button but it';s not enabling the button! Kindly help.. <script type='text/javascript'> var captchaContainer = null; var loadCaptcha = function() { captchaContainer = grecaptcha.render('captcha_container', { 'sitekey' : '6Lfl9yATAAAAAF1NfR1R5nojGGOIlz7K79NiEoW7', 'callback' : function(response) { // console.log(response); document.getElementById('btnForgotPassword').disabled
JQuery Each Function Give Style Dependant On List Level
List Example; Inbox Sub-Folder 1 Sub-Folder 2 Sub-Folder 3 Sub-Folder 1 Sub-Folder 1 Sub-Folder 2 Sub-Folder 2 Sub-Folder 4 Sub-Folder 5 Important Sent Draft Trash Promotions News List Example Source <ul class="inbox-nav" id="inbox-nav"> <li class="active"> <a href="javascript:;" data-type="inbox" data-title="Inbox"> <div class="Arrow"></div> Inbox <span class="badge badge-success">3</span> </a> <ul> <li><a
Dialog data input
Hi there, This dialog is used for accepting input from user. Problem is it accepts user input correctly first time, if user open the dialog second time and type in new values the dialog will return the values the user typed in on the first attempt. Any idea why ?
Control function arguments
function A(a) { ... } A(undefinedVar); results in error. how i control function argument to prevent undefined arguments input ?
$.ajax refuses to work. Using jQuery Steps Plugin.
I'm using jQuery Steps plugin from jquery-steps.com. I have created a multi-step form and I want to submit it via AJAX. I'm inside WordPress environment and here's my code. ----- onFinished: function (event, currentIndex) { var form = $(this); alert("All Fine Till This Step"); form.submit(function(event) { alert("Ajax Entry Successful"); event.preventDefault(); //$(".myspinner").show();
How to customize listview search filter with remote data load
I want to tune listview filter to let all values founded on remote server be displayed, not only that exactly match searching string. (e.g. my remote search returns 3 results for request 'NewYork' all starts with 'New York', but listview search returns no results because of no backspace in search query) $("#start-autocomplete").on("filterablebeforefilter", function (e, data) { e.preventDefault(); var $ul = $(this), $input = $(data.input), value = $input.val(), html = ""; $ul.html(""); if (value &&
popup from another popup
Hi, Is it possible to show a popup from another popup? I tried it but it seems to be not working and not getting any error. Thanks, Jassim
Keeping slidetoggle div pinned to bottom of page
I've been hung up on this issue for quite a bit and after searching many different questions unsuccessfully hopefully someone can aid me a bit. I'm using jquery slidetoggle to open a small window when a user clicks on a tab that should always be pinned to the bottom of my site. My issue is that when I have multiple tabs together at the bottom and one is clicked, then both rise to the top of the div. I want them to move independently so when one is clicked the other stays pinned to the bottom of my
JQuery UI Dynamic Loading and using Dialog method
Hi I have a situation that I am end up loading the script dynamically and use its method as shown below, but by the time code for dialog execute the JQuery UI method doesn't get load in the browser. can some one help where the issue in the code?? <html> <head> <title> test Dialog </title> <style type="text/css"> body { font: normal normal normal 10px/1.5 Arial, Helvetica, sans-serif; } .ui-dialog-osx { -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
Add class to an element on clicking tab <li>
I want to add a class to an element when someone clicks on the tab <li class="today">. Then, upon someone clicking another <li> tab I want to remove the class that was added. I'm new to javascript but this seems like it should be relatively easy but I'm a little out of my element here. Am I supposed to do something like this? $(function() { $('li .today').click(function(){ $('#my_stuff').addClass('home'); }); }); The only thing I'm confused about is how do I remove the class once someone clicks
Code changes don't take effect
Hello, I have the same template on two websites (WordPress). I downloaded a Custom Javascript plugin and added the following code: Code: $("#wrapfirst").removeClass("fadeInUp pagewrap1");
$("#wrapsecond").removeClass("fadeInLeft pagewrap2");One website applied the changes and the other didn't. The one that did is www.shawneegaragedoors.com and the one that didn't (still has fadein effects) is www.madisongaragerepair.com I also tried a different thing that worked on the Shawnee website but not on
Next Page