DEV Community: Md Abdullah al noor

Answer: Copy to clipboard from table cell

Md Abdullah al noor — Thu, 19 Aug 2021 15:52:11 +0000

answer re: Copy to clipboard from table cell

Aug 23 '20

You can try this .. maybe it will help you..

copy text by hover from table cell..

document.querySelectorAll(".table-cell").forEach(function(elm){
elm.addEventListener("mouseover", function(e){
 e.target.style.backgroundColor = 'red'; 
  var copyText = e.target.textContent; 
   const el = document.createElement('textarea');
  el.value = copyText;
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);

 
  /* Alert the copied text */
  alert("Copied the text: "

…

Open Full Answer

Answer: How to show scrollbar on mouse over?

Md Abdullah al noor — Tue, 13 Jul 2021 16:19:40 +0000

answer re: How to show scrollbar on mouse over?

Sep 4 '20

you can try this .. maybe it will help you..

it's not looking good but i think it should work i use scroll event . if you need use wheel event . set time delay as you need...

 (function () {
            var timer;
            document.querySelector('div').addEventListener('scroll', function (event) {
                if

…

Open Full Answer

Answer: How to get the first element of an array?

Md Abdullah al noor — Wed, 10 Mar 2021 05:33:01 +0000

answer re: How to get the first element of an array?

Dec 11 '20

ES6 Spread operator + .shift() solution

Using myArray.shift() you can get the 1st element of the array, but .shift() will modify the original array, so to avoid this, first you can create a copy of the array with [...myArray] and then apply the .shift() to this copy:

var

…

Open Full Answer

How to validate an email address in JavaScript dynamically [duplicate]

Md Abdullah al noor — Tue, 12 Jan 2021 16:14:39 +0000

How to validate an email address in JavaScript dynamically

Jan 12 '21 Comments: 6 Answers: 0

Following the question I am trying to validate input dynamically in JavaScript but I am getting error something like "message": "Uncaught TypeError: attr.test is not a function", in stack overflow code snippet ..

How can I resolve it ?

below example code

var form = document.querySelector("form");

form.addEventListener("submit",function(e){
    e.preventDefault()

…

Open Full Question

how can i make curve-foggy background image overlay

Md Abdullah al noor — Sat, 09 Jan 2021 15:47:15 +0000

how can i make curve-foggy background image overlay

Jan 9 '21 Comments: 1 Answers: 1

Firstly sorry. I cannot describe how I want my overlay to look exactly.

I am trying to make the overlay look like the picture below.

I have tried the following code:

*,*::after,*::before{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        section{
            margin-left: auto;
            padding: 20px 100px;
        }

…

Open Full Question

get all indexed column names from one specific table in laravel

Md Abdullah al noor — Mon, 14 Dec 2020 11:18:08 +0000

get all indexed column names from one specific table in laravel

Dec 14 '20 Comments: 1 Answers: 0

Laravel Version 6

index type index

picture

I try to make search for model like below ...

  Table::where($indexedColumn,'like','%'.$search.'%')->get();

Open Full Question

what is the meaning `HTMLDivElement.`?

Md Abdullah al noor — Tue, 08 Dec 2020 05:03:23 +0000

what is the meaning `HTMLDivElement.<anonymous>`?

Dec 6 '20 Comments: 2 Answers: 1

when i traversing dom.. I got a error message null at HTMLDivElement.<anonymous> in browser console log .. what is the meaning HTMLDivElement.<anonymous> ?

Browser Google Chrome

Image

Open Full Question

why js closest method not find sibling element?

Md Abdullah al noor — Tue, 08 Dec 2020 05:01:52 +0000

why js closest method not find sibling element?

Dec 7 '20 Comments: 2 Answers: 2

Note: as far as i know that closest() method searches up the DOM tree for the closest element which matches a specified CSS selector.

When i click on margin space between two li element .. it's return null but if i replace margin-bottom: 15px; with padding-bottom... everything is okay...

…

Open Full Question

How will I identify resource default url in laravel?

Md Abdullah al noor — Sun, 29 Nov 2020 07:23:11 +0000

How will I identify resource default url in laravel?

Nov 26 '20 Comments: 8 Answers: 2

-2

I am running this command for model, migration, resource controller.

`php artisan make:model QuestionAnswer -mc -r`

Laravel give me in Resource Controller

public function show(QuestionAnswer $questionAnswer) {
        // return $questionAnswer;
 }
public function edit(QuestionAnswer $questionAnswer) {
    // return $questionAnswer;
}
public function update(Request $request, QuestionAnswer $questionAnswer){
  // return $questionAnswer;

…

Open Full Question

How will I identify resource default url in laravel?

Md Abdullah al noor — Thu, 26 Nov 2020 14:50:39 +0000

I am running this command for model, migration, resource controller.

php artisan make:model QuestionAnswer -mc -r ..
My Edit Function

public function edit(QuestionAnswer $questionAnswer) { // return $questionAnswer; return view('backend.faq.edit',get_defined_vars()); }
Route one in web.php : Route::resource('faq','QuestionAnswerController'); in view : {{route('admin.faq.edit',$questionAnswer->id)}}

Route two in web.php : Route::resource('question-answer','QuestionAnswerController'); in view {{route('admin.question-answer.edit',$questionAnswer->id)}}

in Edit function for Route one : $questionAnswer object return null. but for Route two : $questionAnswer return object mean expected output ..

Follow this question

Question is there possible way to find out what exact url I will write ? .. like question-answer.. or command line ...or how will I figure it out ? I think there must be something..

How will I know I need to write question-answer this ? by default it works... when i write faq i need to change in edit function variable($faq) .

How will I know by default url (question-answer) will work ..when php artisan route:list command give us all route list.. and when I make model Category laravel create table name categories and follow grammar rules

Rollback and Migrate by single command line in laravel

Md Abdullah al noor — Wed, 25 Nov 2020 10:26:37 +0000

Rollback and Migrate by single command line in laravel

Nov 25 '20 Comments: 1 Answers: 1

after rollback php artisan migrate:rollback --step 2 then I need to run command php artisan migrate . is there are any single command line for rollback and migrate ? like php artisan migrate:fresh

Open Full Question

laravel resource url depend on model?

Md Abdullah al noor — Wed, 25 Nov 2020 07:15:18 +0000

laravel resource url depend on model?

Nov 25 '20 Comments: 8 Answers: 2

i am run this command for model, migration, resource controller. php artisan make:model QuestionAnswer -mc -r ..

Resource Route Route::resource('faq','QuestionAnswerController');

My Edit Function

public function edit(QuestionAnswer $questionAnswer)
    {
        // return $questionAnswer
        return view('backend.faq.edit',get_defined_vars());
    }

Edit Route {{route('admin.faq.edit',$questionAnswer->id)}}

Edit function return $questionAnswer return null

Below Picture

When i Change resource route…

Open Full Question