LINUX.ORG.RU

46
Всего сообщений: 477

как получить значение элемента?

Господа, спасибо всем кто ответит. Для меня всё что связано с фронтом сущий кошмар… Чтобы не тратить Ваше время, опишу подробнее. С большими кусками кода. У меня есть 42 чек-бокса по которым мне надо включать и отключать видимость столбцов. Вот HTML для чекбоксов:

<div class="row">
    <div class="col-1">
        <input type="checkbox" class="" data-column="1" id="depotID" ng-change="vm.coluVisi()" ng-model="vm.depotID">
        <label class="" for="">DepotID</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="2" id="depotBezeichnung" ng-change="vm.coluVisi()" ng-model="vm.depotBezeichnung">
        <label class="" for="">DepotBezeichn.</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="3" id="plattform" ng-change="vm.coluVisi()" ng-model="vm.plattform">
        <label class="" for="">Plattform</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="4" id="bezeichnung" ng-change="vm.coluVisi()" ng-model="vm.bezeichnung">
        <label class="" for="">Bezeichnung</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="5" id="handelstag" ng-change="vm.coluVisi()" ng-model="vm.handelstag">
        <label class="" for="">Handelstag</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="6" id="iSIN" ng-change="vm.coluVisi()" ng-model="vm.iSIN">
        <label class="" for="">ISIN</label>
    </div>
    <div class="col-1">
        <input type="checkbox" class="" data-column="7" id="geschaeftsart" ng-change="vm.coluVisi()" ng-model="vm.geschaeftsart">
        <label class="" for="">Geschaeftsart</label>
    </div>
    и т.д.

…………… ……………

У меня компонент с HTML связан вот так: (function () { ‘use strict’;

angular .module(‘app’) .component(‘abrechnungen’, { templateUrl: ‘/Scripts/app/abrechnungen/abrechnungen.template.html’, controller: AbrechnungenController, controllerAs: ‘vm’, require: { appCoreCtrl: ‘^^appCore’ } });

AbrechnungenController.$inject = ['$timeout','appDataService', 'DTOptionsBuilder', 'DTColumnDefBuilder', 'DTColumnBuilder', 'dtLanguageDe', '$scope'];

function AbrechnungenController($timeout, appDataService, DTOptionsBuilder, DTColumnDefBuilder, DTColumnBuilder, dtLanguageDe, $scope) {
    var vm = this;
    vm.$onInit = onInit;

    // Variablen
    if (localStorage.getItem('datumVon')) {
        vm.datumVon = localStorage.getItem('datumVon');
    }
    else {
        vm.datumVon = moment().startOf('month').toDate();
    }

    if (localStorage.getItem('datumBis')) {
        vm.datumBis = localStorage.getItem('datumBis')
    }
    else {
        vm.datumBis = moment().toDate();
    }

…….

    // Methoden
    vm.initDtAbrechnungen = initDtAbrechnungen;
    vm.initDateRangePicker = initDateRangePicker;

    vm.getDepotBezeichnungen = getDepotBezeichnungen;
    vm.getPlattforms = getPlattforms;
    vm.getAbrechnungsWaehrungen = getAbrechnungsWaehrungen;

…….

    ///
    /// BODY
    /////////////////////////////////////

    function onInit() {
        vm.initDateRangePicker();
        vm.initDtAbrechnungen();
        vm.getDepotBezeichnungen();
        vm.getPlattforms();
        vm.getAbrechnungsWaehrungen();
    } 


   // и там ниже 

   function coluVisi() {

        // Get the column API object
        var XX = $(this).attr('data-column'); // не правильно!  Но Мне нужно как то получить ХХ
        var col = vm.dtInstance.DataTable.column(XX);

        // Toggle the visibility          
        col.visible(!col.visible());

} И вот функция в AngularJS компоненте, котороя нуждается в значении data-column=«ХХ»:

function coluVisi() {

        // Get the column API object
        var XX = $(this).attr('data-column'); // не правильно!  Но Мне нужно как то получить ХХ
        var col = vm.dtInstance.DataTable.column(XX);

        // Toggle the visibility          
        col.visible(!col.visible());

} Мне нужно как то получить ХХ, я бъюсь уже непозволительное количество часов! Это же скорее всего как-то очень не сложно, но я почему то не могу найти как написать… HELP

 , ,

lego9 ()

Front end

Помогите.Сделал по макету страницу ,но при наведении на нав (главный)происходит движение всего блока. Я думаю это из-за того что я поставил бордер. Как сделать чтоб это все работало нормально и с белыми рамками по бокам при наведении?

https://codepen.io/Anton-fron-end/pen/VwLeQoM

 , , , ,

anton12 ()

Front end

Помогите.Сделал по макету страницу,но при нажатии нав происходит едет по типу кропа.Речь идет о nav. макет тренировочный

.container{ margin-left: 50px; margin-right: 50px; }

/HEADER/

.logo-span{ color: #4BCAFF; } .header-logo{ margin: 65px 0; font-size: 50pt; }

/NAV/

.nav{ background-color: #35444f; text-align: center; height: 84px; } .nav-block{ display: inline-block; padding: 25px 45px;

} .nav-block-contant{ text-decoration: none; color: white; font-size: 24pt; } .nav-block:hover{ background-color: #222f3a; transition: .2s; border: 1px solid white; height: 32px; }

/SIDE NAVIGATION/

.side { margin-top: 50px;

} .side-nav{ border: 1px solid; float: left; width: 350px; } .side-nav-block{ padding: 30px 45px; color: #495863; } .side-nav-block:hover { background-color: #dbdbdb; padding-left: 70px; transition: .3s;

} .side-nav-block-contant{ text-transform: capitalize; text-decoration: none; font-size: 30px; color: #495863; } .side-nav-block-contant:hover{ color: black; }

/Main Contant/

.main{ margin-left: 396px; } .goat{ border: 1px solid; padding: 75px 300px; } .main-contant{ padding-left: 35px; text-align: left; padding-bottom: 35px; font-size: 18pt; } .main-item{ padding-top: 50px; } .main-content{ font-size: 18px; } /FOOTER/

.footer{ background-color: #B4B7BA; margin-bottom: 15px; padding: 19px 0 19px 22px; } .footer-nav{ } .footer-nav-block{ display: inline; } .footer-nav-block-contant{ text-decoration: none; text-transform: capitalize; font-size: 28px; color: black; text-align: center; padding-right: 10px; } .footer-nav-block-contant:hover{ color: #3181A6; text-decoration: underline; transition: .2s; } .copyrighte{ float: right; padding-right: 20px; font-size: 18px; display: inline; padding-top: 5px; }

 , , , ,

anton12 ()

Нужен JavaScript/React developer в Польшу, Гданьск

Orion Alliance B.V. , международная аутсорсинговая IT-компания, приглашает специалистов на позицию JavaScript/React developer в новый офис в Польше, г. Гданьск. Предоставляем услуги разработки ПО и технической поддержки клиентов в банковском и финансовом секторах.

Чем предстоит заниматься: Разработка RIA на NodeJs и React сопровождение существующих UI ExtJS, jQuery командная работа с коллегами (на русском языке) участие в деловой переписке и телефонных конференциях с коллегами из американского офиса компании (на английском языке)

Требования к знаниям и опыту: Уверенные знания ES6, HTML, CSS/LESS Опыт работы с ReactJS, Redux, NodeJS, Webpack Опыт работы с системами контроля версий Владение английским языком на уровне Intermediate и выше

Желательно:

Опыт тестирования кода (TDD, BDD) Знание Java (ExtGWT) Знание ActionScript3, Adobe Flex Знание ExtJS 3

Условия трудоустройства и переезда:

Релокация в Польшу, г. Гданьск спонсирование затрат на переезд (оформление визы для сотрудника и его семьи, билеты, предоставление жилья на 2 недели, помощь в поиске жилья) официальное трудоустройство по полному трудовому договору заработная плата по результатам собеседования от 2000 $ на руки возможность получить вид на жительство в Польше, помощь в оформлении документов гибкий график работы русскоговорящий коллектив офис в новом бизнес-центре Alchemia Building в деловом квартале Гданьска Доступно соискателям с инвалидностью

Ключевые навыки:

Java JavaScript HTML CSS Flex ActionScript React ExtJS Flux

Резюме прошу отправлять на почту: hr@orion-alliance.com

 , , , ,

AndreyKha ()

Чтение пачки локальных html в LineageOS

Вот стянул я из сети интересную книжку в виде пачки слинкованных между собой html-ок. С десктопными браузерами я проблем не испытываю. А вот на аппарате с LinegeOS если я открою встроенным HTML-просмотрщиком, то тот хреново обрабатывает ссылки на другие локальные html-файлы. На более тяжёлых и навороченных браузеров для андроида проблем просто открыть локальный файл.

Может можно переконвертировать эту пачку в нечто читаемое без таких проблем?

 , ,

ados ()

MC не правильно отображает содержимое HTML страницы

добрый день

MC не правильно отображает содержимое HTML страницы при просмотре внутренним просмотрщиком по F3

не помню «как это давно у нас началось», МС периодически обновляю и с какой версии не подскажу, проверил на всех своих 4.8.x-сборках, «глюк» присутствует

обнуление настроек не помогло

ссылки, мысли, идеи, ключ.слова ...

заранее спасибо

mc-4.8.23

screen_shots

1й скрин - просмотр по F3 с правильно выставленной кодировкой (кракозябры)

2й скрин - редактирование по F4, и соотв. установленная та-же, правильная кодировка

просмотр одной и той-же страницы

архив страницы

 , ,

sunjob ()

Табуляционное вебуныние

Вляпался я тут в вебятину (до этого я писал на нормальных языках и с помощью вменяемых технологий) и охренел от глубины дна: при попытке передачи текста с помощью form textarea POST теряются табуляции (я, правда, не уверен на каком этапе; может это PHP чудит).
Нет, не какие-то хитрые символы, а табуляции. А потом мы удивляемся что сайты такие страшные: веб-программистам, похоже, приходится городить костыли на каждый чих.

P.S. Что-то где-то это я натупил. Работают табуляции.

 , ,

Deleted ()

Чтение/запись поля веб формы с командной строки

Всем привет! Может кто даст наводку, мысли.

Можно ли как-то с консоли прочитать/записать вебформу по имени в Firefox?

Суть: есть объект <\ inout type=«text» name=«link» value=«www.linux.org.ru» >, есть ли утилиты, которые помогут получить к нему доступ и прочитать/записать с него данные? Может есть плагины на ФФ, но в идеале если это реализовать с командной строки.

Не обязательно API ФФ, думаю средствами Хорга можно тоже.

Спасибо!

 , , ,

Show4k ()

Как сделать на странице формму ввода и кнопку сохранить, чтобы писало в БД

Привет, пpограммисты.

Как сделать такое нарисовать код для index.html с формой ввода и кнопкой сохранить.

Вбиваю в число, жмахаю кнопку, число сохраняется в MySQL вместе с датой нажатия кнопки.

Можно ли это сделать только средствами HTML+Javascript не связываясь с PHP?

 , ,

dopedopedope ()

Вакансия PHP, Москва

В IT-компанию требуется сотрудник на должность инженер-программист.

Обязанности:
— поддержка и доработка существующих проектов, а также участие в разработке новых

Требования:
— базовые знания PHP
— базовые знания HTML-CSS верстки, Javascript
— знание принципов ООП, основы SQL

Не обязательно, но приветствуется:
— знание/опыт работы с MVC-фреймворками (Yii, Laravel и др.)
— системы контроля версий (SVN/GIT)
— опыт работы с ОС семейства Linux

Условия:
— заработная плата: от 50 т.р до 80
— место работы: Москва, Большая Новодмитровская улица, 12с15, метро Савёловская
— график работы: 5 дневная рабочая неделя с 10 до 18
— испытательный срок: 3 месяца
— белая заработная плата
— оформление по ТК РФ

Контакты для связи: vacancy@gameufa.ru, Tg: @isset

 , ,

Isset ()

Не открываются локальные htm(l)

Когда я пытаюсь открыть локальные файлы htm(l) в браузерах epiphany и midori, они эти файлы пытаются скачать вместо того, чтобы просто открыть. В chromium все работает, но мне пока что хочется другой браузер. Установка браузера по умолчанию через update-alternatives или mimeopen -d не помогает. DE нет.

 ,

anonymizer ()

perl-скрипт для удаления скрипто-мусора из html-страниц

добрый день

наборосал скрипт, в первом приближении работает, чистит, вроде как, то, что надо ... :о)

посмотрите, какие могут быть подводные камни или что нужно подзакрутить в «настройках» скрипта?

скрипт для локального использования, обработка сохраненных страниц и последующего просмотра/чтива

спасибо за пендили :о)

#!/usr/bin/perl

use strict;
use HTML::Laundry;

my $file    ;
my $laundry ;
my $html    ;
my $html_clr;

$file = shift or die "need a file $!\n";

open (FH,"< $file"    );
read (FH, $html, -s FH);
close FH;

$laundry = HTML::Laundry->new();

$laundry->add_acceptable_element(['img','h1','h2','style','stylesheet','href',
'link','html','head','body','meta','title','div','span');

#
# <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#
$laundry->add_acceptable_attribute(['http-equiv','content','charset']);

$html_clr = $laundry->clean($html);

open (OH, '>', $file);
print OH $html_clr   ;
close OH;

exit;

p.s. в модуле есть возможность использовать base_url, для более тонкой настройки, руки не дошли дотошно потестировать...

 , ,

sunjob ()

Как программно выбрать пункт в html теге <select>

В общем, сразу к делу. Есть html страница, есть на ней пункт выбора группы, сделанный через тег <select>, и ниже есть <div>, который изначально пустой, но после выбора группы этот див заполняется таблицей с расписанием. Посмотрел какой запрос отправляется (POST) и решил попробовать отправлять такой же запрос сам. Запрос выглядит как обычный хедер + в теле group=%группа%. К сожалению мне приходит все тот же html с пустым <div>, в котором должно быть расписание. Собственно, как мне выставить значение и прочитать уже обновленную html-страницу?

Из HTML

<select class="group select2-hidden-accessible" tabindex="-1" aria-hidden="true" style="">
<option>%Группа-11%</option>
<option>%Группа-12%</option>
....
</select>
<div class="schedule"></div><!--Вот тут появляется таблица -->

Как изменяется страница при выборе группы

<select class="group select2-hidden-accessible" tabindex="-1" aria-hidden="true" style="">
<option>%Группа-11%</option>
<option>%Группа-12%</option>
....
</select>

<div class="schedule">
    <table> <!-- Оп, таблица подъехала -->
    ....
    ....
    </table>
</div>

Мой запрос (Java)

HttpClient client = HttpClient.newBuilder()
                    .followRedirects(HttpClient.Redirect.NORMAL)
                    .build();
            HttpRequest request = HttpRequest.newBuilder()
                    .uri(URI.create("%Сайт с расписанием%"))
                    .headers("Content-Type", "application/x-www-form-urlencoded") // Тут сделал как в хедере в запросе
                    .POST(HttpRequest.BodyPublishers.ofString(group))
                    .build();
HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());
System.out.println(response.headers());
System.out.println(response.body());
System.out.println(response.request());

 ,

snake266 ()

import в python для работы с html

имеется несколько html файлов по которым нужно пройти, найти все <a href=«#...»> элементы и заменить на <a href=«file.html#...»>. посоветуйте какой модуль следует использовать.

 , , , ,

scripthacker ()

Как сконструировать объект файла из ссылки?

в html есть такой элемент:

<img src="https://qwerty.ru/hash.jpeg">

Средствами js я получаю значение атрибута src в виде строки и пытаюсь сконструировать объект файла приблизительно так:

const fileObj = new File([path_to_file], path_to_file, {type: "image/" + ext });

но в результате получаю следующую ошибку в консоль:

ERROR TypeError: Illegal constructor

помогите пожалуйста решить проблему. в итоге хотелось бы получить приблизительно такой объект: https://i.yapx.ru/FEu91.png

 ,

prozaik ()

Как верстаются произвольные фигуры на заднем фоне? (см. фото)

Не могу понять. Можете объяснить как верстаются такие произвольные фигуры на заднем фоне? (см. фото).

 , ,

dimcoin ()

Возможно ли использовать HTML страницу в качестве «обоев» рабочего стола в i3wm?

Есть HTML страница используемая в качестве домашней в браузере, расположенная локально на компе. В качестве DE i3wm, Debian testing. Как мне это представляется: запускаешь компьютер открывается рабочий стол, нажимаешь на ссылку с него, открывается firefox с переходом на эту ссылку. Вопрос в способе реализации.

 , , ,

spellman ()

Кнопка типа <button> - не хочет переходить по ссылке

Имею страницу с URL:

http://site.loc/personalArea/userHoldObjects/objectCard/show/18

В ее HTML-коде есть кнопка:

<form method="POST" action="#" ... >

<button 
 id="connectRoomToEnraceToBuildingButton" 
 name="connectRoomToEnraceToBuildingButton" 
 class="btn bth-default" 
 onclick="window.location='http://site.loc/personalArea/userHoldObjects/connectRoomToEnraceToBuilding/18'">
 
 <span class="glyphicon glyphicon-th"></span> Подключить

</button>

Когда я ее нажимаю, следует переход на URL:

http://site.loc/personalArea/userHoldObjects/objectCard/show/18#

Вместо того чтобы перейти на URL:

http://site.loc/personalArea/userHoldObjects/connectRoomToEnraceToBuilding/18

Почему так происходит? Кнопка не имеет тип submit, это просто кнопка. Я даже проверил в консоли выполнение кода:
window.location='http://site.loc/personalArea/userHoldObjects/connectRoomToEnraceToBuilding/18'

Этот код выполняется, происходит правильный переход. Почему же на кнопке данный код не работает? Никакого JavaScript я на кнопку не биндил, так что даже не знаю что еще проверить.

 , ,

Xintrea ()

DIV по высоте текста

Добрый день!

Имеется такая проблемка. Есть контейнер div, в нём есть текст. Div получается по высоте больше, чем текст. Каким способом можно сделать так, чтобы высота div-а была точно равна высоте текста.

https://i.imgur.com/AclKNya.png

Ненужный зазор отмечен курсором мышки. P.S.: Ручной подбор высоты не надо. Должен же быть нормальный способ вёрстки.

 , , , ,

Veshutka ()

Резиновый div

Нужно что бы <div id=«test2»> растягивался на всю длину, в зависимости от количества <div id=«test4»> в <div id=«test3»>. Как это сделать? Пока получается так.

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="test1">
	<div id="test2">
	<div id="test3">
	<div id="test4">
		<p id="test5">Съешь ещё этих мягких французских булок, да выпей чаю.</p>
	</div>
	</div>
	</div>
</body>
</html>

CSS

#test1 {
	width: 100%;
	height: 100%;
	min-height: 640px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-right: 0px;
	position: absolute;
}

#test2 {
	background-color: #FF6347;
	position: absolute;
	width: 100%;
	height: 100%;
}

#test3 {
	width: 98%;
	max-width: 1000px;
	height: 100%;
	position: absolute;
	left: 17%;
}

#test4 {
	width: 98%;
	position: static;
	max-width: 1000px;
	padding: 10px;
	left: 17%;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

#test5 {
	font-size: 120%;
	padding: 1px;
}

 , ,

Riniko ()