Modify specific words in a paragraph
Here is a snippet that I found in the internet that adds a class to specific substring of a paragraph. Problem is that when the paragraph contains elements that are not words - like an element of type <img> , it eliminates this element completely from the outcome. Can someone modify it to preserve the <img> element as well? Thx jQuery(document).ready( function ($) { var oldString = 'some words', newString = '<span class ="orang">some words</span>', newText = $( "p:contains('some words')" ).text().replace(RegExp(oldString,"gi"),newString);
select dates from datapcker
hi I have two input box one with a datapicker and the other is textbox <P> Date: <input type = "text" id = "datepicker"> </ p> <P> DAYNAME: <input type = "text" id = "DAYNAME"> </ p> I want that when users select dates from datapcker, DAYNAME will appear in DAYNAME textbox can you help me? thanks
jQuery ui on a closed network
Hello! I was playing around on my sharepoint site and wanted to try to implement tabs to my New Item form. I´ve never used jquery before but have done a few simple modifications with a custom css stylesheet. I found this, what seemed to be just what I was looking for: http://www.markrackley.net/2015/12/03/tabify-your-sharepoint-forms/ In his script he points to the url´s for the jquery, jquery ui and the stylesheet. But I want to be able to run this script offline since I´m on a closed network.
How the global jquery object works
How does the main prototype/object/function in jQuery work? Mainly it operates as though it's a function and an object, and I can't figure out how. ie: $('.container') or $.get('some api') There is clearly a jQuery function that returns an init function from the prototype, but I can't quite figure out how to put it all together so that the constructor can be bypassed and you can access other methods on the prototype. Would anyone mind explaining quickly?
How to do a specific menu hover?
I have been looking through the code here https://devitems.com/html/apnew-preview-v2/apnew1/index.html to try and discover how they are doing this hover transition on the menu. Can anyone tell me how they do this or how to do it in general? I thought it was CSS transition using the Begin attribute, but that doesn't seem to do it.
detach and insert after
My goal is to remove 2 sections if someone resizes a window to less than 647px and re-add them if they resize to at least 647px. The code I have to remove the sections has worked great, but adding them again is not going so well. I cannot do this with a media query because of a plugin I'm using. Here is what I have so far: // CHECKS WINDOW SIZE AND ADDS/REMOVES MUSIC & PHOTOS var $window = $(window); var $pane = $('#pane1'); function checkWidth() { var windowsize = $window.width();
webpage as resume .. can i print it later ?
Hey Guys , i wanna make a webpage of my resume and then beable to print it out ? Is this a good idea ? I did't want to use word because i am not to great that it , please in a web doc i can make my resume really much funky. is this a good idea ?
Spinner not working? Buttons are hidden
Hi, I was creating an asp.NET project. I have several sliders, a custom theme and more, but when I tried to implement the spinners, they aren't showing correctly (Up and Down arrows not showing, like hidden but not collapsed). I'm using: -jQuery JavaScript Library v1.10.2 -jQuery UI - v1.12.1 - 2017-02-15 -Bootstrap, modernizr, respond... My initial html is a input type="text" with a margin-right of 10px. Nothing special. Once I call $("#mySpinner").spinner(), It's get modified into a span with 1
Jquery Autocomplete
I'm using jquery autocomplete and it's working fine but I want to use bootstrap <table> in the dropdown list it worked fine in display but I cannot use <li></li> in <tbody></tbody> so I couldn't get the selected value the following is the code <div class="col-4"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input id="txt_Search" type="text" class="form-control" /> <span class="input-group-addon"><i
Selected items
I am using ASP.NET Web Forms, I load a treeview of locations in to a dialog, the user can select multiple items, how to I transfer the selected items to the page? I essentially need var list = tv.CheckedNodes <div id="dialog-message" class="standardfont" title="Select Location">
<div>
<usercontrols:Locations runat="server" ID="Locations" />
</div>
</div> $(function () {
$("#dialog-message").dialog({
modal: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
Trigger click not working
Hello everybody, I want to trigger a click on https://shop.adidas.ae/en/stan-smith-shoes/S82255.html (to make a shoe bot). Why does this code not work to trigger the size type button? setTimeout(function () { $('select.product-type.js-size-type').trigger('click'); }, 1000); This is the select button: <select class="product-type js-size-type"> Thanks in advance!
File Upload Queue
I am trying to make an upload queue that I can submit multible photos to a PHP file for handling. I know how to submit a form, and send stuff through Ajax, but the file upload has me stumped. I know there are many out there such as BlueImp, but I am having issues with blueimp once my security is in place. I also need it to do some things, that it cannot do. However, I do like the way it works, I have also looked at other JQuery uploaders, that build a file list, but cannot figure out how it comes
How do I use a jQuery plugin?
Hi, I am totally new to JavaScript and jQuery. I would like to use this plugin https://harvesthq.github.io/chosen/ for a multiselect on a page. How do I use the plugin? So far I downloaded the chosen_v1.6.2.zip at https://github.com/harvesthq/chosen/releases, unzipped it, and added it to a js folder in my root. I copied the source of the page https://harvesthq.github.io/chosen/ to my jsp file, prefixed all references to chosen files in the page with "js/chosen_v1.6.2/", and made the chosen files
Tablesorter - looking for a way to get a min value for a numerical column for a slider control
Hello, Tablesorter is very good, glad to come across it. I am trying to setup a slider with a min / max range based on numbers in a column. I found a comment about this on web, https://github.com/Mottie/tablesorter/issues/503 , specifically var colMax = $cell.closest('table')[0].config.cache[0].colMax[indx]; that takes care of max value, is there no min available? Perhaps this could be done by inspecting column, but not sure how to go about it. Thanks
validator with jquery2
Does the jQueryValidator work with jQuery2?
Having Issue on Creating Plugin with Multi Function
I am trying to create a custom plugin to update #result value from an option by a plugin functions at This Demo (function($) { $.fn.app = function(elem) { var elem = $.trim(elem.attr('id')); elem = "#" + elem; var elemTop = $(elem).offset().top; function underone() { } function undertwo() { } }(jQuery)); $("#mapper").app({ underone: function() { $("#result").html('Box is Under 1000 '); }, undertwo: function() { $("#result").html('Box is Under 2000 '); } }); but not sure how to handle the functions
Regex Trouble
Hello, Could someone tell me what going wrong with this code? $("#P_Profil").on("change", "#Inp_Taille", function () { G_Taille = parseInt($("#Inp_Taille").val()); var regT = new RegExp("^[1-2]{1}(\d){0,2}$|^[1-2]{1}[,.](\d){2}$"); var ResultTestT = regT.test(G_Taille); if (ResultTestT) { console.log("On y passe"); flgT = true; CalculIMC(); CalculPoidsIdeal(); $("#Inp_Taille").css("background-color", "rgba(255, 255, 255, 0.0)"); } else
Add class every 4th,5th,6th,10th,11th,12th etc...
Hi, i have an unlimited grid of divs in rows of 3. How would be the best way to achieve adding a class to the 4th, 5th, 6th, 10th, 11th, 12th, 16th, 17th, 18th..... etc... div? i don't believe this is achievable with the:nth selector? any help appreciated.
How to select the 2nd element of a type
Hi, I wrote the following jQuery script...and it's basically working. Note that it's in Drupal so the beginning and ending syntax is a little odd. Please focus on the content between $("A").each(function () { and }); // used to change background-color of currently selected link (function ($, Drupal) { 'use strict'; $("A").each(function () { if (this.href == document.URL) { $(this).parent().css("background-color", "#c03c03"); $(this).css("color", "white"); } }); })(jQuery, Drupal);
I'm having difficulties on getting toggle function to work for clicking on images
So I have a bunch of clickable text. When I click on a text it reveals an image and when I click on the image it collaspes back. I got this working with the slide toggle function but my code is written in the way that all the images reveals itself and not just the one that was clicked. I'm not sure how to get it working where only the clicked text reveals the image and not toggling all the images on the page as it's curently doing. HTML: <div class="page"> <p>
jquery clone with jqueryui-elements
Hi there, I have been searching for a solution last few days but never found a solution that worked. I have a few input-felds in a div-container, which I am cloning. Some of the elements are ui elements e.g. input:select -> selectmenu(). Cloning works, however if you open the selectmenu of the new clone it opens at the original select. I tried a few solutions that where suggested. don't use IDs use Class (which I did initally). Use a .on to add ui function again $(document).on("click"... this worked
problem with event propagation
Hi everybody ! I am totally new to jquery and i like it. i am studying event propagation... and wel.. here my problem : i have a login box that appears on clik i found a jquery code helping me to click anywhere to make the button disappear. problem : When i try to log, impossible to insert a username; the login box disappears. any help?? thanks
what is the best solution to insert a treeview control within a dialog Box Form
Hi I am a beginner in Javascipt and Jquery. So, my question may sounds very stupid. I would need to develop a parent form that would pop up a resizeable dialog box child form wihen a button is clicked. The parent form should be able to pass parameters to the child form and likewise the subfrom should be able to return values to the parent one. I would like also to insert within the child form a kind of treeview control that woud allow the user to browse and select mutiple elements which will be
SuperFish - how to open wth 2nd level collapsed?
Hi all Sorry my stupidness, it seems that the issue I'm asking about is does without saying so therefore I can't get it... I have SF menu on my websites, one of them is: THIS MY SHOP SF menu appears on screens <800px. And if to open it, all 2nd levels are expanded caused problems if two top-level sections are closer to each other. Stupid question: how to tune SuperFish not to expand 2md level without tap/focus on the 1st? Thanks
Using Jquery for a cascading dropdown in sp2010 and spd
I have a main list that with a newform.aspx that I would like to add two cascading dropdowns too. Dropdown one would be Gates and Dropdown two would be Milestones anyone have a usable example for this? Thanks in Advance
id^ selector fails with sequential id values
With elements using id values numbered for their 'rows', the following occurs: //for some reason, the following line fails to set the numbered fields //$('input[id^="posn_numb"]').blur(function(){getSuffixNum(this)}); $('#posn_numb,#posn_numb1,#posn_numb2,#posn_numb3,#posn_numb4,#posn_numb5').blur(function(){getSuffixNum(this)}); $('#posn_numb6,#posn_numb7,#posn_numb8,#posn_numb9,#posn_numb10').blur(function(){getSuffixNum(this)});
Dialog questions
How would I change: 1. The margin to the left and right and top of the title bar 2. The selected colour when the close or OK button is clicked (light blue shown below) 3. How to remove the dotted focus rectangle from the OK button Thanks
When will the JQuery UI sortable enabled the 2 or more column span portlets?
When will the JQuery UI sortable enabled the 2 or more column span portlets?
jquery
Hi, Im a mobile application developer. Im using Apache Cordova/Phonegap technology. I have been using Multi-html files in my project. To redirect from one html file to another we have used window.location.href. But this creates alot of issues like flickering a grey screen is appeared. I want to make it into a smooth slide transition page between. I have tried with $.mobile.changePage("index.html",{transition:"slide"}); does not work between two different html files. Does not load the ajax functions.
AJAX call prevents Jquery pagination
Hello, I have implemented pagination in MVC application. when first time page loads, it binds paging number in the bottom, but when I click on paging then it makes AJAX call and bind the data in my HTML table from json response. but after AJAX call, pagination is not working and reload the page and data again and reset pagination to Page number 1. once AJAX call fires, then pagination is not working. <table class="table table-striped" id="tblJobs"> <thead> <tr> <th>Job Title</th> <th>Start Date</th>
How to validate input field within fieldset dynamically
Hi i'm still new in jquery, i need to validate the field within fieldset dynamically without calling specific Id. here is my code jSfiddle As you can see, on the 1st page, when click continue, error on the 2nd page also will enable because on the part i pass the variable on visible fieldset still not success. any idea to solve this issue? and please suggest the improve code to eliminate repeating line of same code. I cannot use available jquery plugin because in my code have select list which is
Dialog body far too small
I am using the following (NuGet download ASP.NET) <link rel="stylesheet" href="Content/themes/base/dialog.css" /> <script> $(function () { $("#dialog-message").dialog({ modal: true, buttons: { Ok: function () { $(this).dialog("close"); } } }); }); </script> Here is the Div <div id="dialog-message" title="Download complete"> <p> Your files have downloaded successfully into the My Downloads folder.
JQuery Validation Error Container is Hiding Server Messages while Validating the form. How to prevent this?
Again this question was asked on Stackoverflow. Error Container is also being used by server messages and jQuery Validation overrides visibility of server error messages. How can this be prevented?
jQuery plugin browser compatibility an issue?
Hi I am trying to decide how to start with a browser plugin, I have no experience from plugin development. Firstly I am concerned with browser compatibility. I have also looked at MDN:s WebExtensions API, that should be very "cross-browser", however, it is under critic from many developers for being very restricted. Then I now find this, jQuery plugin alternative! Is there a problem with browser compatibility here, I mean, do I have to create separate plugins for Chrome, Mozilla, Safari etc..? What
Which carousel (slider) can I use to create something like this?
Hi, I need to create a carousel (slider) which should like something like this: [img]http://i65.tinypic.com/9t3grc.png[/img] Which jQuery (or any other) carousel can I use for it? Thanks
Add Default Search and Arrow in Jquery Grid
I have a jQuery Grid that I ma using in My MVC page, it will sort Grid when I click on any Header. What I need is to have a default Sort by FullName when Grid Loan. Not sure where I have to Identify the Default Sort. Also I need to have arrow by each header so it shows up Arrow ot Down Arrow if the next Sort would be Asc Or Dec, not sure ho to add that. This is my Grid code: I have a jQuery Grid that I ma using in My MVC page, it will sort Grid when I click on any Header. What I need is to have a
using a vectormap with JSON data
Not sure if this is the correct forum for this, I'm using a the vectormap plug in which I got working, I'm able to hard code colors for states with no problem, however, I need to color each state based on data that is coming from the DB in JSON format. here is the code I'm using that is hard coding the state colors: jQuery('#vmap').vectorMap({ map: 'usa_en', showTooltip: true, selectedColor: null, hoverColor: '#1a75ff', color: '#ffffff',
Faire fonctionner mon script autant de fois que possibles
Bonsoir à tous, Si vous voulez, j'ai dans une page des liens ancres qui lorsque l'on clique sur l'un d'entre eux, permettent l'affichage d'un contenu dans une div respective. Toutefois, je viens de générer des liens se disant "des raccourcis" qui permettent en fait de faire exactement la même chose que les premiers, mais le code généré pour ces derniers ne semble fonctionné qu'une seule fois : en effet, au deuxième clique sur un lien raccourci, je ne suis nullement redirigé, il ne se passe rien.
insert dynamic json data as new page with listview
i have an old test webapp with jquery mobile 1.2 which i now want to bring to jquery mobile 1.4.x in the past i have patched jquerymobile.js and i now want to do it the "right" way. what i want to achieve: i have a multi-page setup. a few pages are accessable via link on an external html-file. some other links will do a database query (via script on the webserver), the result is json. i now want to create a page out of this json. i have used jquery.tmpl.min.js to convert the json to html listview.
Question about isPlainObject method
from the source code: "return typeof Ctor === "function" && toString.call( Ctor ) === ObjectFunctionString;" jQuery. isPlainObject ( {} ) // true jQuery. isPlainObject ( new Object ) // true but i don't understand this situation: /* function Ctor(){ } jQuery. isPlainObject (new Ctor); // true */ because toString.call( Ctor ) === ObjectFunctionString // this should is false.but result is true
Next Page