Проблема с типами данных

@Инженер_3 · Регистрация: 10.06.2016

Студворк — интернет-сервис помощи студентам

Хочу сделать ширину таблицы чкть большую от ширины надписи:

PHP
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
<!DOCTYPE html>
<html><head>
<title>Пример</title>
<meta charset="utf-8">
<style>
.a1{font:bold 24px 'Verdana'; position:absolute; visibility:hidden;}
.h1{font:bold 24px 'Verdana'; color:#f00;}
</style></head>
<div class="a1" id="b1">В лесу родилась ёлочка</div>
 
<?php
//Длина надписи
$wB1 = "<script>document.write(document.getElementById('b1').clientWidth);</script>";
//Вывод длины (для справок)
echo "<br>wB1 = ".$wB1."<br>"; //здесь $wB1 = 332 
 
//Ширина таблицы
$wTable=$wB1+20; //а здесь $wB1 = 0. ПОЧЕМУ ?
//Вывод ширины (для справок)
echo "<br>wTable = ".$wTable."<br>";
?>
 
<body>
<table border=1 align=center width=<?php echo $wTable; ?>>
<tr><td><span class="h1">В лесу родилась ёлочка</span></td></tr>
</table></body></html>

Почему-то $wB1 сначала выводит нормальное значение (видимо тип строчный), а где надо численный $wB1=0.
Принудительное изменение типа

PHP
1
$wTable=(int)$wB1+20;

ничем не помогло. В чём здесь причина?

@Para bellum · 10.12.2021, 11:23

Сообщение от Инженер_3

здесь $wB1 = 332

Потому что на тот момент PHP-сценарий уже умер и отдал код браузеру, который выполнил полученный JS и вывел результат.

Сообщение от Инженер_3

а здесь $wB1 = 0. ПОЧЕМУ ?

Потому что для PHP тот JS-код -- просто строка. Вы строку HTML/JS-кода пытаетесь суммировать с числом.

@Инженер_3 · 10.12.2021, 13:49 **[ТС]**

Сообщение от Para bellum

Потому что на тот момент PHP-сценарий уже умер и отдал код браузеру, который выполнил полученный JS и вывел результат.

А в какой строке PHP-сценарий родился и в какой строке умер?

@Para bellum · 10.12.2021, 13:58

Вы через echo выводите, то, что содержится в $wB1. Затем выведенное выполняется уже в браузере.
Тут дело в строках.
Почитайте это: http://phpfaq.ru/newbie/na_tanke

@ft4l · 10.12.2021, 14:18

Сообщение от Инженер_3

родился и в какой строке умер

from JS то PHP издревле данные при следующих обращениях за страницами передавали
JS пишутся данные в document.cookie и при новых запросах из $_COOKIE доступны в PHP.

ещё можно JS-ом (jquery.ajax/XHR/fetch) что-то получать с сервера или передавать на сервер.

Но для конкретно этого width=<?php echo $wTable; ?> PHP не нужен совсем
Просто на JS можно всё сделать , не меняя html-разметку

KingdaKa · 10.12.2021, 15:23

Сообщение от Инженер_3

А в какой строке PHP-сценарий родился и в какой строке умер?

PHP
1
2
3
$wB1 = "<script>document.write(document.getElementById('b1').clientWidth);</script>";
//Вывод длины (для справок)
echo "<br>wB1 = ".$wB1."<br>"; //здесь $wB1 = 332

НЕТ! Тут равно строке, которую вы присвоили выше!

PHP
1
2
//Ширина таблицы
$wTable=$wB1+20; //а здесь $wB1 = 0. А тут вдруг ноль?

Здесь не 0, а ничего не поменялось, в $wB1 всё так же строка <script.... .
Вы путаете вывод в бразузере и переменные PHP. Браузер выполняется на компе пользователя, а PHP на сервере.
Чтобы передавать данные между ними нужно использовать fetch.

@Инженер_3 · 10.12.2021, 19:16 **[ТС]**

Сообщение от ft4l

Просто на JS можно всё сделать , не меняя html-разметку

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html><head><title>Пример</title>
<meta charset="utf-8">
<style>
.a1{font:bold 24px 'Verdana'; position:absolute; visibility:hidden;}
.h1{font:bold 24px 'Verdana'; color:#f00;}
</style></head>
<div class="a1" id="b1">В лесу родилась ёлочка</div>
<script type='text/javascript'>
wB1=document.getElementById('b1').clientWidth + 20;
s="<body><table border=1 align=center width=";
s+=wB1;
s+="><tr><td><span class=\"h1\">В лесу родилась ёлочка</span></td></tr></table></body></html>";
document.write(s);
</script>

Сделать так? Да, работает. В браузере всё чётко, но, если просматривать сам код в браузере, то не очень - не видно значения ширины таблицы.

Но сразу возникает вопрос, а если у пользователя отключена в браузере обработка скриптов, то ...
через PHP можно узнать?

KingdaKa · 10.12.2021, 19:22

Инженер_3, в консоли всё видно

HTML5
1
2
3
4
5
6
7
8
<body><div class="a1" id="b1">В лесу родилась ёлочка</div>
<script type="text/javascript">
wB1=document.getElementById('b1').clientWidth + 20;
s="<body><table border=1 align=center width=";
s+=wB1;
s+="><tr><td><span class=\"h1\">В лесу родилась ёлочка</span></td></tr></table></body></html>";
document.write(s);
</script><table border="1" align="center" width="354"><tbody><tr><td><span class="h1">В лесу родилась ёлочка</span></td></tr></tbody></table></body>

@ft4l · 10.12.2021, 19:55

Сообщение от Инженер_3

если у пользователя отключена в браузере обработка скриптов, то ...
через PHP можно узнать?

Можно только изначально всё сделать так, чтобы JS по таким мелочам не нужен был совсем ))
Универсально или адаптивно... Проценты в CSS возможно заданные в нескольких вариантах,
для нескольких разных размеров экрана.

Не по теме:

Но я сам не очень в JS как и в CSS :)
т.к. с тех времён, когда я всё пробовал на штук пяти разных браузеров,
до последних многих лет, когда из браузеров пользуюсь только одним, не популярным )
, технологии куда-то ломанулись как стадо ужаленных гну :)

@Инженер_3 · 10.12.2021, 20:57 **[ТС]**

Сообщение от ft4l

Можно только изначально всё сделать так, чтобы JS по таким мелочам не нужен был совсем ))
Универсально или адаптивно... Проценты в CSS возможно заданные в нескольких вариантах,
для нескольких разных размеров экрана.

С контролем отключения JS разобрался - через <noscript> и перенаправление, но по-моему, сейчас нет пользователей, которые бы отключали в браузерах JS, иначе страницы сайта будут отображаться не верно.

Добавлено через 1 минуту

Сообщение от KingdaKa

в консоли всё видно

Что видно в консоли? Значение ширины таблицы?

KingdaKa · 11.12.2021, 13:02

Сообщение от Инженер_3

Что видно в консоли? Значение ширины таблицы?

Да, разве не это вы имеете ввиуду?

HTML5
1
<table border="1" align="center" width="354">

@Инженер_3 · 13.12.2021, 18:19 **[ТС]**

Сообщение от KingdaKa

Да, разве не это вы имеете ввиуду?
<table border="1" align="center" width="354">

Это. Но web-страницы просматриваются не в консоли, а в браузере. Или я что-то недопонимаю?

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	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 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты 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 из. . .

@Para bellum 5755 / 4134 / 1508 Регистрация: 06.01.2011 Сообщений: 11,276
	10.12.2021, 13:58
	Вы через echo выводите, то, что содержится в $wB1. Затем выведенное выполняется уже в браузере. Тут дело в строках. Почитайте это: http://phpfaq.ru/newbie/na_tanke 1