jQuery Forum dedicated to topics revolving around the jQuery JavaScript library. Sat, 11 Apr 2026 19:59:45 +0000 Sat, 11 Apr 2026 19:59:45 +0000 Digital Point https://forums.digitalpoint.com/forums/jquery.137/ The input form does not work in mobile popup Thu, 07 Sep 2023 14:44:29 +0000 https://forums.digitalpoint.com/threads/the-input-form-does-not-work-in-mobile-popup.2876607/ https://forums.digitalpoint.com/threads/the-input-form-does-not-work-in-mobile-popup.2876607/ invalid@example.com (dGarden) dGarden I ran into a problem that I hope you can help me with.
The website I am building opens articles in a popup page. I want to add a comment section for articles.
But the problem is that in mobile phones, data entry form does not activate by touch (so I can’t enter information). And this problem does not exist in the computer.
so, It seems the form’s inputbox works with mouse click, but it does not work with a touch.
What could be the reason?
you can see the problem here:...

The input form does not work in mobile popup]]> 2 Datepicker shows up behind text input dropdown Mon, 04 Sep 2023 06:23:59 +0000 https://forums.digitalpoint.com/threads/datepicker-shows-up-behind-text-input-dropdown.2870859/ https://forums.digitalpoint.com/threads/datepicker-shows-up-behind-text-input-dropdown.2870859/ invalid@example.com (makamo66) makamo66 This is my HTML:
<table>
<tr><th>Start Date:</th><td>
<div class="input text">
<label for="MealplanEventDate"></label>
<input type="text" name="event_date" size="44" id="MealplanEventDate" maxlength="255"/>
</div>
</td></tr>
<tr><th>End Date:</th><td>
<div class="input text">
<label for="MealplanEndDate"></label>
<input type="text"...

Datepicker shows up behind text input dropdown]]> 3 Host jquery.js or link to it? Mon, 04 Sep 2023 06:13:12 +0000 https://forums.digitalpoint.com/threads/host-jquery-js-or-link-to-it.2527011/ https://forums.digitalpoint.com/threads/host-jquery-js-or-link-to-it.2527011/ invalid@example.com (Tony Brar) Tony Brar
I wanted to know, would it be faster to link to my own copy of jquery.js or jquery.com's?

Thanks in advance,

-Tony]]> 5 jQuery - how to close any open data-related items to open correct one? Mon, 04 Sep 2023 06:10:33 +0000 https://forums.digitalpoint.com/threads/jquery-how-to-close-any-open-data-related-items-to-open-correct-one.2877981/ https://forums.digitalpoint.com/threads/jquery-how-to-close-any-open-data-related-items-to-open-correct-one.2877981/ invalid@example.com (Samuel Goinsamy) Samuel Goinsamy I have written a piece of jquery like so:

$('.impact-item').on('click', function (e) {
            e.preventDefault();
            var id = $(this).attr('data-related');
            $(".impact-modal-box").each(function () {
                if ($(this).attr('id') == id) {                   
                    $('.impact-modal').addClass('active');                  
                    $(this).addClass('active');...
Code (markup):
jQuery - how to close any open data-related items to open correct one?]]> 1 #structure tr# Mon, 04 Sep 2023 06:08:05 +0000 https://forums.digitalpoint.com/threads/structure-tr.2877410/ https://forums.digitalpoint.com/threads/structure-tr.2877410/ invalid@example.com (DmiSa) DmiSa var trElem = $("#structure tr#"+rowId);
1. Is that jQuery?
2. What does structure and the whole #structure tr# mean?]]> 1 Google Cloud Storage Sat, 25 Mar 2023 20:34:14 +0000 https://forums.digitalpoint.com/threads/google-cloud-storage.2877196/ https://forums.digitalpoint.com/threads/google-cloud-storage.2877196/ invalid@example.com (Jeremy Benson) Jeremy Benson
I've set ths header on the top:

header('Access-Control-Allow-Origin: http://localhost');
Code (markup):
My jquery is like...

Google Cloud Storage]]> Can someone please explain statement - $("select", $tbApplications).val("-").on("change", function ? Wed, 18 Jan 2023 20:56:02 +0000 https://forums.digitalpoint.com/threads/can-someone-please-explain-statement-select-tbapplications-val-on-change-function.2876515/ https://forums.digitalpoint.com/threads/can-someone-please-explain-statement-select-tbapplications-val-on-change-function.2876515/ invalid@example.com (asifakhtar) asifakhtar <table style="border-collapse:collapse; width:100%" id="tblApplications">
<tbody id="tbApplications">
<tr id="trApplication_10147658" data-applicationid="10147658">
<td class="tcenter" data-applicationid="10147658" data-reviewerid="87848165" data-placement="bottom" data-toggle="popover" data-content="<strong>Name:</strong> Hachem,...

Can someone please explain statement - $("select", $tbApplications).val("-").on("change", function ?]]> How can I remove all rows from a table except rows where first TD value is equal to “Revisions Requ Sun, 20 Nov 2022 14:01:26 +0000 https://forums.digitalpoint.com/threads/how-can-i-remove-all-rows-from-a-table-except-rows-where-first-td-value-is-equal-to-%E2%80%9Crevisions-requ.2875974/ https://forums.digitalpoint.com/threads/how-can-i-remove-all-rows-from-a-table-except-rows-where-first-td-value-is-equal-to-%E2%80%9Crevisions-requ.2875974/ invalid@example.com (asifakhtar) asifakhtar $('#historyOfStatus table td').not(':contains("Revisions Required – CM")').parents("tr").remove();

<div id="historyOfStatus">
<table>
<tbody>
<tr>
<th>Value</th>
<th>Date Time</th>
<th>By</th>
</tr>
<tr>
<td class="Data1">Draft</td>
<td class="Data1">2022-11-14 13:34:31</td>
<td class="Data1">Muhammad Akhtar</td>
</tr>
<tr>
<td class="Data1">Revisions Required – CM</td>
<td class="Data1">2022-11-14 13:40:18</td>
<td class="Data1">a</td>
</tr>...

How can I remove all rows from a table except rows where first TD value is equal to “Revisions Requ]]> 8 Jquery FadeIn new background image Wed, 28 Sep 2022 23:26:21 +0000 https://forums.digitalpoint.com/threads/jquery-fadein-new-background-image.2875615/ https://forums.digitalpoint.com/threads/jquery-fadein-new-background-image.2875615/ invalid@example.com (neodjandre) neodjandre 
<div class="x-bg-layer-lower-image" style=" background-image: url(https://www.example.com/home1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;"></div>
HTML:
I am looking to fadeout the background image as defined above and fadein a new image after 5 seconds. This loop should repeat every 5 seconds with additional images. Is this possible using Jquery?]]> 1 need total amount displayed of data-price attribute from each table Sun, 03 Jul 2022 10:46:03 +0000 https://forums.digitalpoint.com/threads/need-total-amount-displayed-of-data-price-attribute-from-each-table.2874871/ https://forums.digitalpoint.com/threads/need-total-amount-displayed-of-data-price-attribute-from-each-table.2874871/ invalid@example.com (Ian Haney) Ian Haney
need total amount displayed of data-price attribute from each table]]> 4 How to add dropdown selected data to table using jquery Sat, 02 Jul 2022 07:57:27 +0000 https://forums.digitalpoint.com/threads/how-to-add-dropdown-selected-data-to-table-using-jquery.2874867/ https://forums.digitalpoint.com/threads/how-to-add-dropdown-selected-data-to-table-using-jquery.2874867/ invalid@example.com (Ian Haney) Ian Haney
I found this on the forum https://stackoverflow.com/questions/41034014/how-to-add-dropdown-selected-data-to-table-using-jquery which works but just adds the service name only so am trying to amend it so it adds the service cost to the second table td cell but am getting stuck with it. It's not...

How to add dropdown selected data to table using jquery]]> dynamically pass parameter in js inside dynamically created <div> Fri, 17 Dec 2021 02:37:11 +0000 https://forums.digitalpoint.com/threads/dynamically-pass-parameter-in-js-inside-dynamically-created-div.2873232/ https://forums.digitalpoint.com/threads/dynamically-pass-parameter-in-js-inside-dynamically-created-div.2873232/ invalid@example.com (sjsantana) sjsantana I have this script which dynamically creates divs. I would like to pass parameters to the controller and be able to visualize the booking form after clicking Book button.

I would really appreciate if someone tells me what I am doing wrong and how can I get the id and pass it to the controller.


<script type="text/javascript" >
document.getElementById('showAll').addEventListener('click', showAll);
function showAll() {
fetch('http://localhost:8080/accommodations')
.then(response...
Code (markup):
dynamically pass parameter in js inside dynamically created <div>]]> 5 How to figure out how a download link is generated by jquery? Mon, 04 Oct 2021 22:08:06 +0000 https://forums.digitalpoint.com/threads/how-to-figure-out-how-a-download-link-is-generated-by-jquery.2872623/ https://forums.digitalpoint.com/threads/how-to-figure-out-how-a-download-link-is-generated-by-jquery.2872623/ invalid@example.com (90fijUhpo6) 90fijUhpo6
The above URL uses jQuery.

When I click "CSV", a file will be downloaded. But the URL is shown as

blob:https://www.accessdata.fda.gov/2dd06490-61c3-43d1-a7a2-e4763440a0bd

I don't understand what this means. When I go to "https://www.accessdata.fda.gov/2dd06490-61c3-43d1-a7a2-e4763440a0bd", I see "Page Not Found".

Does anybody know how...

How to figure out how a download link is generated by jquery?]]> 1 reusable code Sun, 18 Jul 2021 08:15:14 +0000 https://forums.digitalpoint.com/threads/reusable-code.2871539/ https://forums.digitalpoint.com/threads/reusable-code.2871539/ invalid@example.com (whofarted) whofarted I'm trying to make this code easier to re-use. I'm making boxes with 3 dots on the top right. When clicked, it opens drops a drawer open. Now this could have dozens of these handle/drawers on each page so it's getting a bit tedious. Here's what I mean:

I'm wondering how/if I can reuse this code easily.
<script>
    $(document).ready(function(){
      $("#handle-[UNIQUE]").click(function(){...
Code (JavaScript):
reusable code]]> 7 Conflict Between Older Versions and More Recent Versions of jQuery Fri, 28 May 2021 06:22:56 +0000 https://forums.digitalpoint.com/threads/conflict-between-older-versions-and-more-recent-versions-of-jquery.2870899/ https://forums.digitalpoint.com/threads/conflict-between-older-versions-and-more-recent-versions-of-jquery.2870899/ invalid@example.com (makamo66) makamo66 8 problems updating the DOM after http request, no framework Sat, 10 Apr 2021 22:29:34 +0000 https://forums.digitalpoint.com/threads/problems-updating-the-dom-after-http-request-no-framework.2870474/ https://forums.digitalpoint.com/threads/problems-updating-the-dom-after-http-request-no-framework.2870474/ invalid@example.com (iago111) iago111 I would like to let a button disappear after I have deleted the relevant data (in connection with that button) from the db. A small delete button within the bigger button should trigger its dissappearance.
The delete button dissapeares but not the parent button.
What could be the problem here? Thanks a lot!

The small button within the bigger butten is it's 4th child! text, span, button, button

 $('button.cross').on('click',function(event) {...
Code (JavaScript):
problems updating the DOM after http request, no framework]]> 4 Function for range Fri, 11 Sep 2020 16:04:01 +0000 https://forums.digitalpoint.com/threads/function-for-range.2867989/ https://forums.digitalpoint.com/threads/function-for-range.2867989/ invalid@example.com (musicpanda) musicpanda 
$("#myid li").each(function(){})
Code (markup):
I can also apply a command to a range of childnodes like in
$('#myid li').slice(0,3).innerHeight(MaxHeight+'px');
Code (markup):
But what I want is to combine the two. Unfortunately it is not clear to me how I can apply a function to such a slice range. Can somebody help me?]]> 2 I couldn't find similar Mon, 07 Sep 2020 11:34:18 +0000 https://forums.digitalpoint.com/threads/i-couldnt-find-similar.2867888/ https://forums.digitalpoint.com/threads/i-couldnt-find-similar.2867888/ invalid@example.com (Ferenc Cziryek) Ferenc Cziryek I have a problem: I try to build a flexible and responsive picture in div solution in bs 3, as I started in 2017, but it workspartially that means as I refresh the page otherwise it doesn't. the picture doesn't follow the div width changing.
the code: 

  var h2 = $(".city01").width();
        
     $(".city01").width(h2);
     $(".city01").height(h2);
    
     $(".imgsz").width(h2);
     $(".imgsz").height(h2);
   <!--   $(".city01").text($("#div11").width());-->...
Code (JavaScript):
I couldn't find similar]]> 2 If in bootstrap modal dialog change class definition it is not closed Thu, 02 Jul 2020 08:08:44 +0000 https://forums.digitalpoint.com/threads/if-in-bootstrap-modal-dialog-change-class-definition-it-is-not-closed.2866941/ https://forums.digitalpoint.com/threads/if-in-bootstrap-modal-dialog-change-class-definition-it-is-not-closed.2866941/ invalid@example.com (mstdmstd) mstdmstd In laravel 5, jquery 3, bootstrap 4.4, blade app I use modal dialogs with methods like for opening :


...
$("#div_check_in_storage_space_modal").modal({
"backdrop": "static",
"keyboard": true,
"show": true
});
...
Code (JavaScript):
and closing

bookingsAndAvailability.prototype.cancelAddNewClient = function () {
console.log('?? cancelAddNewClient::')
$("#div_check_in_storage_space_modal").modal('hide');
...
Code (JavaScript):
and in blade template :

<div...
HTML:
If in bootstrap modal dialog change class definition it is not closed]]> 1 I need script for selection with images Sat, 06 Jun 2020 07:31:38 +0000 https://forums.digitalpoint.com/threads/i-need-script-for-selection-with-images.2866660/ https://forums.digitalpoint.com/threads/i-need-script-for-selection-with-images.2866660/ invalid@example.com (mstdmstd) mstdmstd in my laravel 5.7 / blade / jquery 3.4.1 app I need to make selection by click on image
https://prnt.sc/susohe
but clicking on this image I want to have selection
Also I in this image need to show priorly selected item it is was selected

items like https://prnt.sc/suspnc
That must be not modal dialog for all the page or just selection input.

Can you advice some pluging or script?

Thanks!]]> JQuery at the bottom of the page with function call before it Mon, 01 Jun 2020 15:37:10 +0000 https://forums.digitalpoint.com/threads/jquery-at-the-bottom-of-the-page-with-function-call-before-it.2866305/ https://forums.digitalpoint.com/threads/jquery-at-the-bottom-of-the-page-with-function-call-before-it.2866305/ invalid@example.com (ncc1966) ncc1966 


$('.toast').toast('show');
Code (JavaScript):
The problem is that the JQuery include (along with BS include) is at the bottom of the page (therefore it's AFTER my BS/JQuery call and it causes the error:

Uncaught ReferenceError: $ is not defined

I figured that if I move my includes from the bottom to the top of the page the...

JQuery at the bottom of the page with function call before it]]> 5 how to loop multiple images on single page/post Sun, 31 May 2020 10:41:49 +0000 https://forums.digitalpoint.com/threads/how-to-loop-multiple-images-on-single-page-post.2866529/ https://forums.digitalpoint.com/threads/how-to-loop-multiple-images-on-single-page-post.2866529/ invalid@example.com (Soupi) Soupi
Currently I have this as my javascript

    var imagePath = "/wp-content/uploads/" + $('#materials-osd').attr('data-image');
    var viewer = OpenSeadragon({
        id: "materials-osd",
        prefixUrl: "/wp-content/plugins/zoom-openseadragon/images/",
        tileSources: {
            type: "image",...
Code (markup):
how to loop multiple images on single page/post]]> 1 overwrite text when clicking on button multiple times. Sun, 19 Apr 2020 11:15:06 +0000 https://forums.digitalpoint.com/threads/overwrite-text-when-clicking-on-button-multiple-times.2865683/ https://forums.digitalpoint.com/threads/overwrite-text-when-clicking-on-button-multiple-times.2865683/ invalid@example.com (iago111) iago111
I have buttons ("+")(green) for different sections, when I click on one of these buttons, I open an input field and a textarea field. The data of both fields should be finally put into a database, with foreign key of each section.

Link: http://science-travel-com.stackstaging.com/cpicks/

I show the section text in the label of the headline field, so that the user knows to which sections the new input data belongs to.

This works well, however with every click on a...

overwrite text when clicking on button multiple times.]]> 2 How to dynamically change the datepicker range? Mon, 16 Mar 2020 17:46:15 +0000 https://forums.digitalpoint.com/threads/how-to-dynamically-change-the-datepicker-range.2865046/ https://forums.digitalpoint.com/threads/how-to-dynamically-change-the-datepicker-range.2865046/ invalid@example.com (Heartstrings) Heartstrings
I'm trying to change the minDate inputs of the datepicker library depending on which option is selected by user is a drop-down menu. The options of the drop-down menu are as follows:

<select class='form-control mr-2' id='idType' name='idType' placeholder='Select' required>
<option>UserID</option>
<option>UID</option>
<option>All Records</option>";
</select>
HTML:
I am trying to set the minDate of the datepicker to be 2 months from today if...

How to dynamically change the datepicker range?]]> How to make function give row that have different value with color red to full row ? Sat, 22 Feb 2020 06:47:51 +0000 https://forums.digitalpoint.com/threads/how-to-make-function-give-row-that-have-different-value-with-color-red-to-full-row.2864070/ https://forums.digitalpoint.com/threads/how-to-make-function-give-row-that-have-different-value-with-color-red-to-full-row.2864070/ invalid@example.com (ahmedsalah) ahmedsalah
How to make row that have different value with color red font to full row ?

I have html dynamic table not static meaning i dont know how many rows or column inside table because it changed based on data show from back end .

I need to give color red to row have distinct value according to my case then second row and third row will be have font red and first row will not be change color .

First row have similar value as 12 on all td so that color will not change .

But second row...

How to make function give row that have different value with color red to full row ?]]> 2 JQuery Server Connection Thu, 13 Feb 2020 21:37:51 +0000 https://forums.digitalpoint.com/threads/jquery-server-connection.2864458/ https://forums.digitalpoint.com/threads/jquery-server-connection.2864458/ invalid@example.com (ERTAN ATALAR) ERTAN ATALAR 2 Table rows toggle with subcategories Thu, 06 Feb 2020 16:54:49 +0000 https://forums.digitalpoint.com/threads/table-rows-toggle-with-subcategories.2864073/ https://forums.digitalpoint.com/threads/table-rows-toggle-with-subcategories.2864073/ invalid@example.com (UrukMorg) UrukMorg
I have a very simple issue that I can't solve (I'm new in jQuerry).

So I have a simple menu structure:
Sport => Country => League/League

Football
>Club matches
>>Champions League
>>Europa League
>England
>>1.England
>>2.England
>France
>>1.France
Tennis
>ATP
>>Australian Open
>>Roland Garros
>WTA
>>US Open
>>Wimbledon
>ITF
>>Bucharest

I want this to be collapse on Sport level, then after expanding I should see another level, so in Footbal: Club...

Table rows toggle with subcategories]]> 4 following jquery code not working when deployed on servers Wed, 05 Feb 2020 20:35:05 +0000 https://forums.digitalpoint.com/threads/following-jquery-code-not-working-when-deployed-on-servers.2864064/ https://forums.digitalpoint.com/threads/following-jquery-code-not-working-when-deployed-on-servers.2864064/ invalid@example.com (sana kana) sana kana :phone,email). I want the following validation message to be displayed differently in Validation Summary(with section name) and beside individual text boxes(w/o section name)

This is the validation message specified in the model
[Required(ErrorMessage = "Chief Executive - |Name is required")]
[Required(ErrorMessage = "Medical Director - |Name is required")]

The code to replace the '|' symbol in...

following jquery code not working when deployed on servers]]> MouseOver issue Tue, 10 Dec 2019 16:47:16 +0000 https://forums.digitalpoint.com/threads/mouseover-issue.2861009/ https://forums.digitalpoint.com/threads/mouseover-issue.2861009/ invalid@example.com (mcradupopescu) mcradupopescu
Here is the code

<script>
$(function(){
  $(".card").mouseenter(function(){
    $(this).find(".overlay").addClass('anim');
    $(this).find(".plus").addClass('animScale');
  });...
Code (markup):
MouseOver issue]]> 1 jQuery - accessing attributes Thu, 07 Nov 2019 04:35:42 +0000 https://forums.digitalpoint.com/threads/jquery-accessing-attributes.2860483/ https://forums.digitalpoint.com/threads/jquery-accessing-attributes.2860483/ invalid@example.com (Lammie71) Lammie71 

<a href="#" data-name="A1" data-city="0" class="abc">LONDON </a>
<br/><br/>
<a href="#" data-name="A1" data-city="2" class="abc">MANCHESTER</a>
Code (markup):
So on the button click I want to test the data-values:
i.e, if data-name=="A1" && data-name=="2" Then Do Something:

I know I could use just data-city but I also need to check the data-city value

In this case, clicking. on London no allow box would show but...

jQuery - accessing attributes]]> 1 How to count “+1” when a specific date occurs Wed, 06 Nov 2019 00:49:27 +0000 https://forums.digitalpoint.com/threads/how-to-count-%E2%80%9C-1%E2%80%9D-when-a-specific-date-occurs.2860458/ https://forums.digitalpoint.com/threads/how-to-count-%E2%80%9C-1%E2%80%9D-when-a-specific-date-occurs.2860458/ invalid@example.com (AlessandroEnglish) AlessandroEnglish
I have this code through which I show a future working day, thus excluding weekends. I would also like to exclude personalized holiday dates, in which case the same thing happens (count ++, I guess).

For example, I would like to exclude these dates: ["2019-11-6", "2019-11-13"] How can I integrate this into the code?

I need this to show a future delivery date on a business day, excluding weekends and some custom dates.

I've read and tested loads of guides, but I haven't...

How to count “+1” when a specific date occurs]]> 2 jQuery script - Field based on quantity input Mon, 28 Oct 2019 07:12:52 +0000 https://forums.digitalpoint.com/threads/jquery-script-field-based-on-quantity-input.2860136/ https://forums.digitalpoint.com/threads/jquery-script-field-based-on-quantity-input.2860136/ invalid@example.com (kinigakos) kinigakos 
jQuery(function($){
    var form = 'form.variations_form',       selected = 'input[name="variation_id"]',
    attrVal = 'input#attr-hidden';

    var price = <?php echo $product->get_price(); ?>;
    $(form).on( 'blur', 'select', function() {
        if($(selected).val() != ''){
            if(($(attrVal).val() == 'Black') && ($('[name=quantity]').val() >= 1 &&...
Code (JavaScript):
jQuery script - Field based on quantity input]]> 1 id="animatedModal", class="popup-modal", <!--THIS IS IMPORTANT! to close the modal, the class name. Mon, 28 Oct 2019 07:07:58 +0000 https://forums.digitalpoint.com/threads/id-animatedmodal-class-popup-modal-this-is-important-to-close-the-modal-the-class-name.2860008/ https://forums.digitalpoint.com/threads/id-animatedmodal-class-popup-modal-this-is-important-to-close-the-modal-the-class-name.2860008/ invalid@example.com (Alex Duncan) Alex Duncan i'm new to JSquerys and really excited about using them especially this template which i'm trying to modify.
Can you spare a little time to take a look at the JSquery for me, It's been 5 weeks now trying to resolve.
Under the My projects section(index), i'm trying to link the thumbnails to alternative content.
Currently all thumbnails link to demo01 which outputs a popup and text "Geschäfts Eines, Appropriately...

id="animatedModal", class="popup-modal", <!--THIS IS IMPORTANT! to close the modal, the class name.]]> 2 Stop the sound playing when video player closes Fri, 11 Oct 2019 09:53:25 +0000 https://forums.digitalpoint.com/threads/stop-the-sound-playing-when-video-player-closes.2860042/ https://forums.digitalpoint.com/threads/stop-the-sound-playing-when-video-player-closes.2860042/ invalid@example.com (Alex Duncan) Alex Duncan
<!--DEMO01-->
<div id="animatedModal" class="popup-modal">
<!--THIS IS IMPORTANT! to close the modal, the class name has to match the name given on the ID -->
<div id="btn-close-modal" class="close-animatedModal close-popup-modal"> <i class="ion-close-round"></i> </div>
<div class="clearfix"></div>...

Stop the sound playing when video player closes]]> 1 Triggering a link if wrapped in an <em> tag Mon, 07 Oct 2019 03:13:41 +0000 https://forums.digitalpoint.com/threads/triggering-a-link-if-wrapped-in-an-em-tag.2859979/ https://forums.digitalpoint.com/threads/triggering-a-link-if-wrapped-in-an-em-tag.2859979/ invalid@example.com (7643sfsag6) 7643sfsag6 In my example, if you click in the "normal" font-style part of the link, it fires properly, if you click where the italics are, it won't.
Any ideas?
JS
$(function () {
  const openModals = [];
  $('.modal-button').click(e => {
    e.preventDefault();
    $(e.target).closest('.modal').add('body').addClass('open');
    openModals.push($($(e.target).attr('href')).show());
  });...
Code (JavaScript):
Triggering a link if wrapped in an <em> tag]]> 2 Remove item from array if checkbox false Wed, 25 Sep 2019 10:22:44 +0000 https://forums.digitalpoint.com/threads/remove-item-from-array-if-checkbox-false.2859763/ https://forums.digitalpoint.com/threads/remove-item-from-array-if-checkbox-false.2859763/ invalid@example.com (peter_c) peter_c With the code I have posted, I can add to array fine but how do I remove from array if checkbox is unticked. Any help would be greatfully appreciated. Many thanks

$(function() {
info = [];

$(document).on('click', '.rowChk', function () {

if($(this).is(':checked')) {
$('#rowClk').show();

var currentRows = $(this).closest("tr");
var rackid = currentRows.find("td:eq(0)").html();

data = {};

data.id = rackid;

info.push(data);...
Code (javascript):


Remove item from array if checkbox false]]> 4 Some Scripts being Ignored? Please Help :( Sun, 08 Sep 2019 12:24:16 +0000 https://forums.digitalpoint.com/threads/some-scripts-being-ignored-please-help.2859417/ https://forums.digitalpoint.com/threads/some-scripts-being-ignored-please-help.2859417/ invalid@example.com (mokimofiki) mokimofiki
There is a form that has a specific flow but not working as expected:
1. Select Request type "music" then select Department "premier sales"
2. this will include the music form from an external file and enable a disabled option of...

Some Scripts being Ignored? Please Help :(]]> 2 The best way to check for a value. Mon, 02 Sep 2019 08:47:26 +0000 https://forums.digitalpoint.com/threads/the-best-way-to-check-for-a-value.2859254/ https://forums.digitalpoint.com/threads/the-best-way-to-check-for-a-value.2859254/ invalid@example.com (Michael Jackura) Michael Jackura I would like to know the best way to check a field for value and if it is a certain value change it to a blank or null and if it is blank leave it.
The other ? I have is how the code is executed. When will that input field get checked for the value when the form is on the screen? Is it always being checked or ....?
Thanks for answering this beginner.
mjj4golf]]> 8 Jquery page refresh without reload() ? Wed, 21 Aug 2019 07:45:41 +0000 https://forums.digitalpoint.com/threads/jquery-page-refresh-without-reload.1956499/ https://forums.digitalpoint.com/threads/jquery-page-refresh-without-reload.1956499/ invalid@example.com (murugesan) murugesan
I need to update data dynamically without reloading the page each and every time, data will be getting for every 10 seconds. Please help with jquery code.]]> 12 Finding the right child and removing it Sat, 06 Jul 2019 20:00:58 +0000 https://forums.digitalpoint.com/threads/finding-the-right-child-and-removing-it.2856683/ https://forums.digitalpoint.com/threads/finding-the-right-child-and-removing-it.2856683/ invalid@example.com (sarahk) sarahk
The code is processing a set of files and wraps a link around the file info if it's a successful upload. One of the "children" is a spinner to show that something is happening. I want to find it and delete it.

I'm pretty sure that I don't want to be using .each() but it does let me get down to the spinner - what's the best way to test for it when I get...

Finding the right child and removing it]]> 8 form field checking not working Mon, 01 Jul 2019 16:05:47 +0000 https://forums.digitalpoint.com/threads/form-field-checking-not-working.2857284/ https://forums.digitalpoint.com/threads/form-field-checking-not-working.2857284/ invalid@example.com (Ferenc Cziryek) Ferenc Cziryek my name is frank(ferenc in hungarian), I have quite a big headache, checking form fields with functions click, each, works untill fields are empty, if I just complete filling partially it doesn't work. at the first ok, the checking stops. please help me, thank you, frank
the faulty code:
$(".button1").click(function(){
   var emptyfield = true;
  $(".input-check").each(function(){
    
      //$("span").text(inpattr)
       var inputattr = $(this).attr("id");  
      if (...
Code (javascript):
form field checking not working]]> 5 How to change datepicker stuff Thu, 27 Jun 2019 05:38:21 +0000 https://forums.digitalpoint.com/threads/how-to-change-datepicker-stuff.2857510/ https://forums.digitalpoint.com/threads/how-to-change-datepicker-stuff.2857510/ invalid@example.com (Chez Rosbif) Chez Rosbif http://api.jqueryui.com/datepicker/#option-buttonText
and cannot understand HOW to make the following changes?

make the color go to something I want; default is red

how to make the minimum date work
Documentation says:
// Setter
$( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );

where docs state:
  • Date: A date object containing the minimum date.
  • Number: A number of days from today. For example 2...

How to change datepicker stuff]]> 2 I cannot get the console ouput? Wed, 01 May 2019 11:12:56 +0000 https://forums.digitalpoint.com/threads/i-cannot-get-the-console-ouput.2856716/ https://forums.digitalpoint.com/threads/i-cannot-get-the-console-ouput.2856716/ invalid@example.com (royal1984) royal1984

var row_index = $(this).data('index');

console.log(row_index);]]> Persistent menu highlight Tue, 30 Apr 2019 05:14:23 +0000 https://forums.digitalpoint.com/threads/persistent-menu-highlight.2846929/ https://forums.digitalpoint.com/threads/persistent-menu-highlight.2846929/ invalid@example.com (cliff ludo) cliff ludo
new member here, so sorry if my question is in the wrong place or in the wrong format.

I've got a "primary" menu that leads to a "secondary" menu and I am highlighting it so:

jQuery(document).ready(function($) {

$("a").each(function() {
if ((window.location.pathname.indexOf($(this).attr('href'))) > -1) {
$(this).addClass('activeMenuItem');
}
});

});
and css so:

a.activeMenuItem {
background-color: white;
font-weight: bold;
}

This works just fine, but when a user selects an...

Persistent menu highlight]]> 4 Modify or add jQuery to show unlimited entries from another lookup list from SharePoint Online Tue, 15 Jan 2019 16:24:55 +0000 https://forums.digitalpoint.com/threads/modify-or-add-jquery-to-show-unlimited-entries-from-another-lookup-list-from-sharepoint-online.2854282/ https://forums.digitalpoint.com/threads/modify-or-add-jquery-to-show-unlimited-entries-from-another-lookup-list-from-sharepoint-online.2854282/ invalid@example.com (kouliscon) kouliscon
0
Hello all,

I am using from a online post which you have cascading parent/ child/ grandchild list with the help of two jQuery's.

Main js.file

--------------------------------------------------------------------

$.fn.HillbillyCascade= function (optionsArray)
{
var Cascades = new Array();

var NewForm = getParameterByName("ID") == null;

$.fn.HillbillyCascade.Cascade = function(parent,cascadeIndex)...

Modify or add jQuery to show unlimited entries from another lookup list from SharePoint Online]]> Conflicting form ids Fri, 13 Jul 2018 17:51:18 +0000 https://forums.digitalpoint.com/threads/conflicting-form-ids.2838193/ https://forums.digitalpoint.com/threads/conflicting-form-ids.2838193/ invalid@example.com (Mattis33) Mattis33
My jsfiddle example: https://jsfiddle.net/1mt7ojL0/ As you can see in the example, Values.II form doesn't work.]]> 1 Linkify (plain url to link) based on windowSize Tue, 03 Jul 2018 23:13:14 +0000 https://forums.digitalpoint.com/threads/linkify-plain-url-to-link-based-on-windowsize.2837885/ https://forums.digitalpoint.com/threads/linkify-plain-url-to-link-based-on-windowsize.2837885/ invalid@example.com (7643sfsag6) 7643sfsag6 this is what i would like to do
1. when window size is < 1000, change any plain text url to a clickable one
2. when window size is > 1000, change any plain text url to a clickable one, replaced by the word "Link".
I had a go but it seems to be failing somewhere!
Anyone can shed some light?
Thanks

HTML
<html>
<head>
   <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
   <script>$(document).ready(function() {
    function checkWidth() {
        var windowSize =...
HTML:
Linkify (plain url to link) based on windowSize]]> 3 jquery blitzer theme timepicker and bootstrap 4 Sun, 03 Jun 2018 12:12:49 +0000 https://forums.digitalpoint.com/threads/jquery-blitzer-theme-timepicker-and-bootstrap-4.2836939/ https://forums.digitalpoint.com/threads/jquery-blitzer-theme-timepicker-and-bootstrap-4.2836939/ invalid@example.com (Ian Haney) Ian Haney 
<link rel="stylesheet"href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/blitzer/jquery-ui.css"/>
                <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<script...
PHP:
jquery blitzer theme timepicker and bootstrap 4]]> Edit navigation bar Wed, 14 Mar 2018 12:21:35 +0000 https://forums.digitalpoint.com/threads/edit-navigation-bar.2833529/ https://forums.digitalpoint.com/threads/edit-navigation-bar.2833529/ invalid@example.com (pgeo) pgeo
main.js


jQuery(document).ready(function($){
    function ProductBuilder( element ) {
        this.element = element;
        this.stepsWrapper = this.element.children('.cd-builder-steps');
        this.steps = this.element.find('.builder-step');
        //store some specific bulider steps
        this.models =...
Code (JavaScript):
Edit navigation bar]]> jQuery is used in Website Title Wed, 14 Feb 2018 17:22:41 +0000 https://forums.digitalpoint.com/threads/jquery-is-used-in-website-title.2826290/ https://forums.digitalpoint.com/threads/jquery-is-used-in-website-title.2826290/ invalid@example.com (Paresh Shrimali) Paresh Shrimali
My issue is i do not want to display title in Google search results.
In Search results only display meta title. i have used jquery script to add real time value in Website title bar . It is displaying real time value of bitcoin price.

in search results --website title is showing with real time value. But bitcoin price is frequently changed. and Google search results are display search results on its latest crawling.

so what can i do to solved out issue?]]> 1