Задать вопрос

Alex_87

Комментарии

  • Доработка с таблицей datatable?

    @Alex_87 Автор вопроса
    TCloud, Добавил!
    Написано

  • Доработка с таблицей datatable?

    @Alex_87 Автор вопроса 
    <div class="box-body">

                            <div id="select">
                                    <label for="sortBy">SORT BY : </label>            
                                    <select id="sortBy">
                                            <option></option>
                                            <option>#</option>
                                            <option>Title</option>
                                            <option>Created</option>
                                            <option>Code</option>
                                            <option>Bots</option>
                                            <option>Comment</option>
                                            <option>Action</option>
                                            
                                    </select>
                                </div>
                        <table id="groups" class="table table-bordered">
                                <thead>  
                            <tr>
                                <th></th>
                                <th>#</th>
                                <th>Title</th>
                                <th>Created</th>
                                <th>Code</th>
                                <th>Bots</th>
                                <th>Comment</th>
                                
                            </tr>
                            </thead> 
                            <tbody>
                              <tr>
                                <td></td>
                                <td>84</td>
                                <td>3320</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3320</td>
                                <td>1</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                    <td></td>
                                <td>83</td>
                                <td>3309</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3309</td>
                                <td>1</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                    <td></td>
                                <td>82</td>
                                <td>5911</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>5911</td>
                                <td>2</td>
                                <td></td>
                                
                            </tr>
                             <tr>
                                    <td></td>
                                <td>81</td>
                                <td>3408</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3408</td>
                                <td>2</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                    <td></td>
                                <td>80</td>
                                <td>1005</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>1005</td>
                                <td>3</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                <td></td>
                                <td>79</td>
                                <td>3337</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3337</td>
                                <td>2</td>
                                <td></td>
                                
                            </tr>
                             <tr>
                                    <td></td>
                                <td>78</td>
                                <td>3195</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3195</td>
                                <td>2</td>
                                <td></td>
                                
                            </tr>
                                        <tr>
                                                <td></td>
                                <td>77</td>
                                <td>3398</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3398</td>
                                <td>1</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                <td></td>
                                <td>76</td>
                                <td>3377</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>3377</td>
                                <td>5</td>
                                <td></td>
                                
                            </tr>
                            <tr>
                                <td></td>
                                <td>75</td>
                                <td>5915</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>5915</td>
                                <td>1</td>
                                <td></td>
                            </tr>     
                            <tr>
                                <td></td>
                                <td>72</td>
                                <td>5716</td>
                                <td>0000-00-00 00:00:00</td>
                                <td>5716</td>
                                <td>8</td>
                                <td></td>
                                
                            </tr>
                          
                 
                                    </tbody>
                                </table>
                                <form method="post" action="/task/delete">
                                    <input type="hidden" name="id" value="8">
                                    <button type="submit" class="z-index btn btn-danger">Delete</button>
                                </form>
                    </div>
                </div>
                <!-- end widget content -->
        
            </div>
            <!-- end widget div -->
        
        </div>

   </div>
</div>
    Написано

  • Как очистить данные с помощью кнопки reset?

    @Alex_87 Автор вопроса
    Andrew, а у меня ничего никуда не скидывается. Что я выбираю - то и остаётся.
    Написано

  • Как очистить данные с помощью кнопки reset?

    @Alex_87 Автор вопроса
    Хорошее замечание, благодарю! Я по ошибки не поставил блок в форму. А дальше что делать? Что нужно задать форме, чтобы все очищалось?
    Все input очищаются! Только select не хочет
    Написано

  • Как узнать js код браузерной страницы?

    @Alex_87 Автор вопроса
    Артем Будин, а можно в этой вкладке понять, какие именно элементы содержат событие клик? А то я копаюсь сейчас в нём, но до конца не понимаю...
    Написано

  • Как узнать js код браузерной страницы?

    @Alex_87 Автор вопроса
    like-a-boss, При чём здесь "КРАСТЬ"??? Я не краду! Мне нужен данный плагин в основном для поиска по своим страницам! Долго объяснять, не спрашивайте)
    P.S. Спасибо за подсказку с кодом
    Написано

  • Где найти CDN bootstrap-datepicker?

    @Alex_87 Автор вопроса
    Антон Неверов, Скажите пожалуйста, а это код:
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

    Может помочь данному html?
    <div class="col-sm-6">
				
														<div class="form-group">
															<div class="input-group">
																<input class="form-control hasDatepicker" id="from" type="text" placeholder="From">
																<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
															</div>
														</div>
				
													</div>
    Написано

  • Где найти CDN bootstrap-datepicker?

    @Alex_87 Автор вопроса
    а какие из bootstrap, не подскажите?
    Написано

  • Что не так с формой Bootstrap?

    @Alex_87 Автор вопроса
    Спасибо за совет, но ошибка не в этом. Я перепроверил!
    Написано

  • Как создать круговую диаграмму при помощи canvas?

    @Alex_87 Автор вопроса
    Вот какие ошибки выдаются:
    Html Webpack Plugin:

    ReferenceError: name is not defined

    - loader.js:16 eval
    [index.html?.]/[html-webpack-plugin]/lib/loader.js:16:10

    - loader.js:34 module.exports
    [index.html?.]/[html-webpack-plugin]/lib/loader.js:34:3

    - index.js:284 Promise.resolve.then
    [Webpack-Bootstrap22222]/[html-webpack-plugin]/index.js:284:18

    - next_tick.js:68 process._tickCallback
    internal/process/next_tick.js:68:7

    P.S. Обратите пожалуйста внимание на мой комментарии чуть ниже. Там я написал код webpack и package.json
    Написано

  • Почему браузер не перегружает страницу в Webpack?

    @Alex_87 Автор вопроса
    webpack.config
    const { createCanvas, loadImage } = require('canvas')
const canvas = createCanvas(200, 200)
const ctx = canvas.getContext('2d')

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

const fs = require('fs')

function generateHtmlPlugins(templateDir) {
  const templateFiles = fs.readdirSync(path.resolve(__dirname, templateDir));
  return templateFiles.map(item => {
    const parts = item.split('.');
    const name = parts[0];
    const extension = parts[1];
    return new HtmlWebpackPlugin({
      filename: `${name}.html`,
      template: path.resolve(__dirname, `${templateDir}/${name}.${extension}`),
      inject: false,
    })
  })
}

const htmlPlugins = generateHtmlPlugins('./src/html/views')

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  optimization: {
    minimizer: [
      new OptimizeCssAssetsPlugin({}),
      new UglifyJsPlugin({})
    ]
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'dist'),
    port: 4200
  },
 
  
  plugins: [
    new HtmlWebpackPlugin({
      filename: 'index.html',   
      template: './src/html/views/index.html',

    }),
    new HtmlWebpackPlugin({
      filename: 'header.html',
      template: './src/html/includes/header.html',
    }),
    
    new HtmlWebpackPlugin({
      filename: 'aside.html',
      template: './src/html/includes/aside.html',
    }),
    new MiniCssExtractPlugin({
      filename: 'css/style.css'
    })
  ].concat(htmlPlugins),
  resolve: {
    extensions: ['.js', '.ts']
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader']
      },
       {
        test: /\.scss$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
      },
      {
        test: /\.html$/,
        include: path.resolve(__dirname, 'src/html/includes'),
        use: ['raw-loader']
      },
      //  {
      //       test: /\.html$/, // tells webpack to use this loader for all ".html" files
      //       loader: 'html-loader'
      //   },
   //   {
        
        //test: /\.(png|jpe?g|gif)$/i,
      //  use: [
        //  {
         // loader:'file-loader',
         // options:{
         //   name:'[name].[ext]',
         //   outputPath:'./',
          //  useRelativePath:true
         //   }
        //  }
       // ]
     // },
      
     
      { 
        test: /\.(js|ts)$/, 
        exclude: /node_modules/, 
        loader: "babel-loader" 
      }
    ]
  }
}


    package.json
    {
  "name": "test",
  "version": "1.0.0",
  "description": "only for test from webformyself",
  "main": "index.js",
  "scripts": {
    "dev": "webpack-dev-server --mode development --open",
    "build": "webpack --mode production --open"
  },
  "keywords": [
    "javascript"
  ],
  "author": "Alexei",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.6.4",
    "@babel/core": "^7.6.4",
    "@babel/preset-env": "^7.6.3",
    "babel-loader": "^8.0.6",
    "css-loader": "^3.2.0",
    "file-loader": "^4.2.0",
    "html-webpack-plugin": "^3.2.0",
    "mini-css-extract-plugin": "^0.8.0",
    "node-sass": "^4.12.0",
    "optimize-css-assets-webpack-plugin": "^5.0.3",
    "raw-loader": "^3.1.0",
    "sass-loader": "^8.0.0",
    "style-loader": "^1.0.0",
    "uglifyjs-webpack-plugin": "^2.2.0",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.9",
    "webpack-dev-server": "^3.8.2"
  },
  "dependencies": {
    "@babel/polyfill": "^7.6.0",
    "bootstrap": "^4.3.1",
    "canvas": "^2.6.0",
    "jquery": "^3.4.1",
    "popper.js": "^1.16.0"
  }
}
    Написано

  • Как правильно импортировать файлы?

    @Alex_87 Автор вопроса
    Я благодарю вас за статью, я сделал всё по ней, но у меня выходит в браузере следующее:
    5dad97a389d89608706712.png
    Что это может быть? В терминале нет ни одной ошибки...

    В консоле только выходит:5dad9858b01c1719253076.png
    Но я не думаю, что это как-то связанно...
    Написано

  • Какой ресурс является лучшим, для обучения java и javascript?

    @Alex_87 Автор вопроса
    Metaller, Всё, забыли о javascript) Я просто решил двух зайцев убить) Посоветуйте что-нибудь по JAVA
    Написано

  • Какой ресурс является лучшим, для обучения java и javascript?

    @Alex_87 Автор вопроса
    longclaps, я не всё время был в теме. Не всегда есть время на обучение! По JAVA у вас что-то есть посоветовать?
    Написано

  • Какой ресурс является лучшим, для обучения java и javascript?

    @Alex_87 Автор вопроса
    Извините, а с чего вы взяли, что в моём понимании они одинаковы? Естественно они разные! По поводу ссылки - благодарю! Знаю данный ресурс! А по JAVA есть что-нибудь на примете?
    Написано

  • Какой ресурс является лучшим, для обучения java и javascript?

    @Alex_87 Автор вопроса
    longclaps, Точно!) У вас есть опыт прохождения курсов? Может вы нашли хорошего преподавателя? ... И что вы можете сказать о нём: https://www.youtube.com/watch?v=9GdtWiovvIQ&list=P... ?
    Написано

  • Как понять синтаксис ES6?

    @Alex_87 Автор вопроса
    Сергей, Егор - Благодарю!!!
    Написано

  • Как понять синтаксис ES6?

    @Alex_87 Автор вопроса
    Егор Живагин, всё, я понял! Но я бы объяснял вот так:
    arr.filter( (num) => num > 0 && num % parseInt(num) === 0 )
// после стрелочной => 
// Если условия num > 0 && num % parseInt(num) === 0 соответствует правде, то тогда, значение num сохраняется в массиве arr. Если нет - тогда удаляется!
    Написано

  • Как понять синтаксис ES6?

    @Alex_87 Автор вопроса
    Ярослав Иванов, Я пытаюсь в коде разобраться, умник! В том, как он работает!!! Вместо того, чтобы дать совет, ты тут бегаешь и мешаешь. Лучше скажи, как это
    num > 0 && num % parseInt(num) === 0
    может вернуть массив???? Это выражение может вернуть булевское значение! ... Или нет?
    И как правильно читается это выражение? 
    const squaredIntegers = arr.filter( (num) => num > 0 && num % parseInt(num) === 0 ).map( (num) => Math.pow(num, 2) );
    Написано

  • Как понять синтаксис ES6?

    @Alex_87 Автор вопроса
    Сергей Соколов, И последнее... если возвращается булевое значение, то как потом выполняется функция map() ... Я удалил её, чтобы убрать лишнее, но теперь понимаю, что зря. Полная строчка кода выглядит так: 
    const squaredIntegers = arr.filter( (num) => num > 0 && num % parseInt(num) === 0 ).map( (num) => Math.pow(num, 2) );
    Написано