Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201

Приравнять значение ячейки A1 к <title="№1">

26.01.2024, 00:18. Показов 1095. Ответов 14
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго времени.
Подскажите где почитать посмотреть как реализовать одну задачу.
Есть много картинок (пока в примере использую всего одну). Задача стоит открыть файл Ексель и подтянуть/прировнять значение ячеки А1 к <title="№1"> изображения. Таких изображений планируется около 20 и к каждому хочу прописать значения от ячейки А1 до ячейки А20. Буду благодарен за любую информацию.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><BO></title>
    <link rel="stylesheet" type="text/css" href="StyleBO.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx-populate/3.0.0/xlsx-populate.min.js"></script>
</head>
 
<body>
    <input type="file" id="fileInput" onchange="handleFile()">
    <div id="output"></div>
    <div class="img1">
        <img src="Image/ST1.png" width=200px alt="1й" title="№1">
        <figcaption class="FG">"этаж" №1</figcaption>
       
    </div>
</body>
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
26.01.2024, 00:18
Ответы с готовыми решениями:

Приравнять переменную jQuery к JavaScript
Каким образом можно передать значение переменной $proba(jQuery) в probajs(JavaScript) ? $proba =...

Как приравнять объекты двух разных классов
написал класс Angle(угол) Angle c; Label1-&gt;Caption=c; Понятно, что надо по колдовать)))

Приравнивание к маске
Помогите пжл решить задачу. Условие: x=0; a=целые числа от 1 до 9; b=целые числа 1 до 9, но a!=b;...

14
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
26.01.2024, 07:11
santtic, а где js код? Не понятно, что делает функция handleFile()
0
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201
26.01.2024, 11:24  [ТС]
Делал по образцу. Проблвал скрипт подключить, но ничего не получилось. Кооректно оаботает до open файла. А дальше ничего не работает.
Где почитать найти не могу.
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
26.01.2024, 11:47
santtic, у Вас событие на изменение input подвешено, вызывается функция handleFile(). Где js скрипт, в котором эта функция?
0
 Аватар для pincet
1654 / 1153 / 173
Регистрация: 23.07.2010
Сообщений: 6,910
26.01.2024, 12:24
atanov,
так а он в там, в
JavaScript
1
 <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx-populate/3.0.0/xlsx-populate.min.js"></script>
вангую
0
168 / 146 / 32
Регистрация: 03.09.2018
Сообщений: 499
26.01.2024, 12:30
Цитата Сообщение от pincet Посмотреть сообщение
вангую
Там 404 Not Found
0
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201
26.01.2024, 13:39  [ТС]
Если верно понял, то да, handleFile(). Именно там 1
HTML5
1
 <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx-populate/3.0.0/xlsx-populate.min.js"></script>
в vba я пльзовался всегда set тут все как то совсем не так)) и не могу понять как все «полвязать»
0
168 / 146 / 32
Регистрация: 03.09.2018
Сообщений: 499
26.01.2024, 14:04
Цитата Сообщение от santtic Посмотреть сообщение
то да
Нет.

https://github.com/dtjohnson/x... index.html
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
26.01.2024, 14:55
Цитата Сообщение от pincet Посмотреть сообщение
так а он в там, в
нет, похоже нет там такой функции. Вам и Именч тоже самое говорит.
В примерах по использованию этой библиотеки, я не увидел также использование этой функции.
Откуда Вы взяли эту строку:
Цитата Сообщение от santtic Посмотреть сообщение
<input type="file" id="fileInput" onchange="handleFile()">
0
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201
27.01.2024, 21:01  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
Откуда Вы взяли эту строку:
Сообщение от santtic
<input type="file" id="fileInput" onchange="handleFile()">
Где то на просторах интернета)
открыть файл "передать на обработку"
в VBA прописывал код на обработку диапазона открывшегося файла, тут ничего не пойму....
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
29.01.2024, 08:57
Цитата Сообщение от santtic Посмотреть сообщение
Где то на просторах интернета)
тогда надо сначала найти этот код.
0
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201
30.01.2024, 18:29  [ТС]
Подскажите верно ли я понимаю. Я могу на пайтоне написать «обработчик» тех запросов что мне надо, а потом прописать джаваскрипт с линком на на обработчик?)
Джаву совсем не знаю, в пайтоне немного работал и он мне немного легче, потому как там библиотек куча и синтаксис кода похож на vba.
Так как мне не к спеху, я потренируюсь с пайтоном)
0
168 / 146 / 32
Регистрация: 03.09.2018
Сообщений: 499
30.01.2024, 19:28
Скорее всего, вероятность успеха около 1% что получится. Тут надо знать библиотеки по работе с xls\x, знать как с ними работать для результата. А для этого надо открыть хотя бы документацию по ним. А не надеяться что вызвав какую то функцию, у вас всё получится.

Добавлено через 35 секунд
На VBA вы скорее работали через com напрямую с экселем, тут такой фокус не пройдёт.
1
0 / 0 / 0
Регистрация: 24.01.2020
Сообщений: 201
12.02.2024, 21:35  [ТС]
Цитата Сообщение от Именч Посмотреть сообщение
через com напрямую с экселем, тут такой фокус не пройдёт.
Все верно вы поняли. Не могу переключится, а спросить нет у кого)
Читаем, пробуем...
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,348
13.02.2024, 10:29
Скачиваешь себе вот этот файл
https://github.com/dtjohnson/x... ate.min.js

Я заодно, для теста скачал саму таблицу
https://github.com/dtjohnson/x... c/out.xlsx

И сделал такой пример
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
        <label>Existing Local Workbook: <input id="file" type="file"></label><br><br>
        <button id="read">Read xlsx"</button><br><br>
        <button id="ga1">Get A1</button><br><br>
        <label>A1: <output id="output" style="border:1px solid black"></output></label>
        
<script src="xlsx-populate.min.js"></script>
<script>
const file = document.getElementById("file");
const read = document.getElementById("read");
const ga1 = document.getElementById("ga1");
const output = document.getElementById("output");
 
let workbook;
 
function readXlsx (file) {
        return XlsxPopulate.fromDataAsync(file);
}
 
read.addEventListener('click', async () => {
        workbook = await readXlsx(file.files[0])     
        console.log ('xlsx readen');
})
 
ga1.addEventListener('click', () => {
        const a1 = workbook.sheet(0).cell("A1").value();  
        console.log (a1);
        output.value = a1;
})
</script>
        
    </body>
</html>
Все вроде работает. Ячейку A1 показывает.

Добавлено через 1 час 1 минуту
Ваш пример так можно сделать
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xlsx</title>
    <link rel="stylesheet" type="text/css" href="StyleBO.css">
    <script src="xlsx-populate.min.js"></script>
</head>
 
<body>
    <input type="file" id="fileInput" onchange="handleFile()">
    <div id="output"></div>
    <div class="img">
        <img src="Image/ST1.png" width=200px alt="1й" title="">
        <figcaption class="FG">"этаж" №1</figcaption>      
    </div>
    <div class="img">
        <img src="Image/ST2.png" width=200px alt="1й" title="">
        <figcaption class="FG">"этаж" №1</figcaption>      
    </div>
    <div class="img">
        <img src="Image/ST3.png" width=200px alt="1й" title="">
        <figcaption class="FG">"этаж" №1</figcaption>      
    </div>
    <div class="img">
        <img src="Image/ST4.png" width=200px alt="1й" title="">
        <figcaption class="FG">"этаж" №1</figcaption>      
    </div>
<script>
    async function handleFile () {
        const input = document.getElementById('fileInput');
        const images = document.querySelectorAll('.img>img');
        const file = input.files[0];
        const workbook = await XlsxPopulate.fromDataAsync(file);
        const sheet = workbook.sheet(0);
        images.forEach((img, i) => {
            img.title = sheet.cell(`A${i+1}`).value();
        })
    }
</script>
</body>
</html>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.02.2024, 10:29
Помогаю со студенческими работами здесь

Как сделать массив значений title ссылок?
$(document).ready(function(){ var ancors=$('a'); var titles=new Array(ancors.length); ...

JQuery .autocomplete во ввода выбора показывает полное значение (title), а при выборе обрезает до id
Доброго дня! Есть функция .autocomplete. &lt;script&gt; $(function() { $( &quot;#skills&quot;...

Title в ссылках
как сделать так, чтобы подсказка выплывала моментально при наведении? и как сделать так чтоб...

Доступ к тексту <TITLE>
Делаю такую вещь - указания пути(иерархии) страницы, собственно которая распространена везде: между...

title отображение
можно ли написать код чтобы все титлы по другому выглядели ? или нужно на каждой ссылке или...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
YAFU@home — распределённые вычисления для математики. На CPU
Programma_Boinc 20.01.2026
YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru