Alexander Karachunov

Alexander Karachunov

1633788960

Как отключить выделение текста на веб-странице с помощью jQuery

В сегодняшнем руководстве вы узнаете, как отключить выделенный текст на веб-странице. В этой статье мы узнаем, как отключить выделенный текст на веб-странице с помощью jQuery.

<!DOCTYPE html>

<html>

<head>
    <title>Disable selection of text on web page</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>

<body>
    <h3>How to disable text selection on html web page using JQuery?</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


    <script type="text/javascript">
        (function ($) {
            $.fn.disableSelection = function () {
                return this

                    .attr('unselectable', 'on')

                    .css('user-select', 'none')

                    .on('selectstart', false);
            };
        })(jQuery);
        $('body').disableSelection();
    </script>
</body>

</html>

Отключить выделение текста на веб-сайте jquery ui

<!DOCTYPE html>

<html>

<head>
    <title>Disable text selection on website jquery</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

<body>
    <h3>How to disable text selection on html web page using JQuery?</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <script type="text/javascript">

        $('body').disableSelection();

    </script>
</body>

</html>

What is GEEK

Buddha Community

Флорентина Сергеевна Захарова

Флорентина Сергеевна Захарова

1679353920

Отключить выделение текста на веб-странице Html с помощью JQuery и CSS

В этом руководстве по JQuery и CSS мы узнаем, как отключить выделение текста на веб-странице html с помощью JQuery и CSS. мы также можем отключить выбор контента с помощью css и jquery. здесь я приведу больше примеров, чтобы отключить выделение текста на веб-странице с помощью jquery и css.

Сначала я приведу простой пример отключения выделения текста на веб-сайте jquery с использованием свойства css. вам просто нужно добавить CSS в тег body, как вы можете видеть в примере кода ниже. вы можете просто скопировать и проверить это.

Пример 1. Отключить выделение текста на веб-странице HTML с помощью CSS

<!DOCTYPE html>
<html>
<head>
   <title>disable selection of text on web page - ItSolutionStuff.com</title>
   <style type="text/css">
        body{
            user-select: none; /* supported by Chrome and Opera */
            -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
        }
   </style>
</head>
<body>
  
<h3>How to disable text selection on html web page using JQuery?</h3>
  
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  
</body>
</html>

Второй пример, я дам вам простой основной jquery. мы можем создать собственную функцию jqurey disableSelection() и использовать ее в теге body. так что вы также можете проверить код ниже для этого.

Пример 2. Отключить выделение текста на веб-странице с помощью JQuery

<!DOCTYPE html>
<html>
<head>
   <title>disable selection of text on web page - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
  
<h3>How to disable text selection on html web page using JQuery?</h3>
   
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
   
<script type="text/javascript">
    (function($){
        $.fn.disableSelection = function() {
            return this
                     .attr('unselectable', 'on')
                     .css('user-select', 'none')
                     .on('selectstart', false);
        };
    })(jQuery);
    
    $('body').disableSelection();
</script>
   
</body>
</html>

В третьем примере мы будем использовать jquery ui. Как мы знаем, jquery ui предоставляет множество замечательных функций. в этом примере мы будем использовать disableSelection(), чтобы отключить выделение текста на веб-сайте jquery, поэтому давайте посмотрим на код ниже:

Пример 3 — отключить выделение текста на веб-сайте jquery ui

<!DOCTYPE html>
<html>
<head>
   <title>disable text selection on website jquery - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
   
<h3>How to disable text selection on html web page using JQuery?</h3>
   
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
   
<script type="text/javascript">
    $('body').disableSelection();
</script>
   
</body>
</html>

Оригинальный источник статьи: https://www.itsolutionstuff.com

#css   #jquery 

Alexander Karachunov

Alexander Karachunov

1633788960

Как отключить выделение текста на веб-странице с помощью jQuery

В сегодняшнем руководстве вы узнаете, как отключить выделенный текст на веб-странице. В этой статье мы узнаем, как отключить выделенный текст на веб-странице с помощью jQuery.

<!DOCTYPE html>

<html>

<head>
    <title>Disable selection of text on web page</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>

<body>
    <h3>How to disable text selection on html web page using JQuery?</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


    <script type="text/javascript">
        (function ($) {
            $.fn.disableSelection = function () {
                return this

                    .attr('unselectable', 'on')

                    .css('user-select', 'none')

                    .on('selectstart', false);
            };
        })(jQuery);
        $('body').disableSelection();
    </script>
</body>

</html>

Отключить выделение текста на веб-сайте jquery ui

<!DOCTYPE html>

<html>

<head>
    <title>Disable text selection on website jquery</title>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

<body>
    <h3>How to disable text selection on html web page using JQuery?</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <script type="text/javascript">

        $('body').disableSelection();

    </script>
</body>

</html>
hourly developer

hourly developer

1592206043

Hire Dedicated Jquery Developer

Are You Looking To Hire a jQuery Programmer?

HourlyDeveloper.io, a leading jQuery application development company, can help you build interactive front-end solutions to leapfrog the digital race. So in case, you plan to Hire Dedicated Jquery Developer, you just have to contact us.

For More Information:- https://bit.ly/3f9flt8

#hire dedicated jquery developer #jquery programmer #jquery application development company #jquery developer #jquery #jquerydevelopment

Einar Hintz

Einar Hintz

1602560783

jQuery Ajax CRUD in ASP.NET Core MVC with Modal Popup

In this article, we’ll discuss how to use jQuery Ajax for ASP.NET Core MVC CRUD Operations using Bootstrap Modal. With jQuery Ajax, we can make HTTP request to controller action methods without reloading the entire page, like a single page application.

To demonstrate CRUD operations – insert, update, delete and retrieve, the project will be dealing with details of a normal bank transaction. GitHub repository for this demo project : https://bit.ly/33KTJAu.

Sub-topics discussed :

  • Form design for insert and update operation.
  • Display forms in modal popup dialog.
  • Form post using jQuery Ajax.
  • Implement MVC CRUD operations with jQuery Ajax.
  • Loading spinner in .NET Core MVC.
  • Prevent direct access to MVC action method.

Create ASP.NET Core MVC Project

In Visual Studio 2019, Go to File > New > Project (Ctrl + Shift + N).

From new project window, Select Asp.Net Core Web Application_._

Image showing how to create ASP.NET Core Web API project in Visual Studio.

Once you provide the project name and location. Select Web Application(Model-View-Controller) and uncheck HTTPS Configuration. Above steps will create a brand new ASP.NET Core MVC project.

Showing project template selection for .NET Core MVC.

Setup a Database

Let’s create a database for this application using Entity Framework Core. For that we’ve to install corresponding NuGet Packages. Right click on project from solution explorer, select Manage NuGet Packages_,_ From browse tab, install following 3 packages.

Showing list of NuGet Packages for Entity Framework Core

Now let’s define DB model class file – /Models/TransactionModel.cs.

public class TransactionModel
{
    [Key]
    public int TransactionId { get; set; }

    [Column(TypeName ="nvarchar(12)")]
    [DisplayName("Account Number")]
    [Required(ErrorMessage ="This Field is required.")]
    [MaxLength(12,ErrorMessage ="Maximum 12 characters only")]
    public string AccountNumber { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Beneficiary Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BeneficiaryName { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Bank Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BankName { get; set; }

    [Column(TypeName ="nvarchar(11)")]
    [DisplayName("SWIFT Code")]
    [Required(ErrorMessage = "This Field is required.")]
    [MaxLength(11)]
    public string SWIFTCode { get; set; }

    [DisplayName("Amount")]
    [Required(ErrorMessage = "This Field is required.")]
    public int Amount { get; set; }

    [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime Date { get; set; }
}

C#Copy

Here we’ve defined model properties for the transaction with proper validation. Now let’s define  DbContextclass for EF Core.

#asp.net core article #asp.net core #add loading spinner in asp.net core #asp.net core crud without reloading #asp.net core jquery ajax form #asp.net core modal dialog #asp.net core mvc crud using jquery ajax #asp.net core mvc with jquery and ajax #asp.net core popup window #bootstrap modal popup in asp.net core mvc. bootstrap modal popup in asp.net core #delete and viewall in asp.net core #jquery ajax - insert #jquery ajax form post #modal popup dialog in asp.net core #no direct access action method #update #validation in modal popup

websolution stuff

websolution stuff

1620793161

How To Check Password Strength Using JQuery

In this post I will show you how to check password strength using jQuery, here I will check whether password strength is fulfill min character requirement or not.

I will give you example how to check password size using javascript and jQuery password strength. password is most important part of authentication many times you can see error message like enter valid password or password must be at least 6 character etc. So, here we are check password using jquery.

How To Check Password Strength Using JQuery

https://websolutionstuff.com/post/how-to-check-password-strength-using-jquery

#jquery #how to check password strength using jquery #validation #how to check password size using javascript #jquery password strength #jquery password validation