Скрытие Div с помощью php
В настоящее время я скрываю div, основанный на выражении if. Метод, который я использую, использует echo out a css стиль display: none Вот что я делаю конкретно:
Мой вопрос: это хороший метод для скрытия div? Возможно ли, что браузер кэширует стиль и поэтому игнорирует стиль echo -ed out css ?
Вы можете просто не включать div вообще. но я не понимаю, что вы имеете в виду в отношении кешируемого стиля.
Встроенные стили кэшируются вместе со страницей, а не в одиночку. Если это хорошо или нет, это зависит от вашего вопроса, и в нем недостаточно информации, чтобы правильно судить об уровне хорошего, который я бы сказал.
. или вы можете дать div только имя класса, которое применяет display: none если вы хотите его скрыть. Или даже встроенный стиль.
@Dagon хорошо вы знаете, как браузер хранит фрагменты html, такие как стиль изображений и т. Д., Чтобы загружать страницу быстрее, если пользователь снова возвращается.
Вот хороший вопрос о динамически генерируемых CSS с плюсами и минусами stackoverflow.com/questions/11853063/…
@VidhuShresthBhatnagar — Браузеры кэшируют изображения и т. Д., Но я никогда не знал, чтобы браузер кэшировал HTML так, как вы, кажется, думаете. Первоначальный комментарий Dagons — это обычный метод, он также чище при просмотре кода, а также быстрее, если в этом div может быть много контента.
6 ответов
Использование Php в CSS (Cascade Style Sheet) не является «правильным»,
Кроме того, вы можете использовать Php в своем HTML:
С помощью этого кода блок div не отображается (и вы не используете его с JavaScript), вы можете использовать это для просто скрытого div:
Мне также нравится первое решение, но я не знаю, как его реализовать . какой будет полный код, который я могу вставить в файл .php, чтобы увидеть его в действии? Это часть (условия), с которой у меня проблема
Почему бы не создать класс:
И чем применить его с PHP:
Как еще вы могли бы скрыть это, кроме использования встроенного стиля? И я тоже считаю, что это не «семантический» класс. Я предположил, что ОП хотел, чтобы div был скрыт и не был удален со страницы, потому что он использовал display:none в вопросе уже display:none . 🙂
Это не лучший способ скрыть div. Поскольку PHP разбирается на стороне сервера, вы можете также включить оператор if или исключить div вместо эхо-значения класса CSS. Единственный раз, когда было бы полезно использовать класс CSS, — если вы планируете использовать JavaScript для отображения div на странице позже, в то время как пользователь находится на самой странице.
Как скрыть элемент на странице
Добрый вечер!
Реально ли скриптом или ещё каким то методом по условию скрыть блок страницы?
Например на сайте есть кнопка или чекбокс, по нажатию будет срабатывать включение/отключения элемента страницы.
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
var snowsrc="../images/snow.png"; var no = 20; var log = 0; var hidesnowtime = 0; var snowdistance = "windowheight"; var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("../images/")!= 1)? "../images/snow.png" : snowsrc for (i = 0; i no; ++ i) dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ie4up else { document.write("\"dot"+ i +"\" style=\"POSITION: fixed; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">\"0\">\/div>"); } } } function snowIE_NS6() { doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow(){ if (window.snowtimer) clearTimeout(snowtimer) for (i=0; ino; i++) document.getElementById("dot"+i).style.visibility="hidden"; } if (ie4up||ns6up){ snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000); } function stopsnow(){ if (log==0){ for (i=0; ino; i++) document.getElementById("dot"+i).style.visibility="hidden"; no = 0; log = 1; document.getElementById('snow-start').innerHTML ='Вкл. снег'; } else { log = 0; no = 20; for (i=0; ino; i++) document.getElementById("dot"+i).style.visibility="visible"; document.getElementById('snow-start').innerHTML ='Выкл. снег'; } }
Скрываем контент от гостей
От автора: На форумах и всевозможных сайтах Вы могли не раз видеть некий скрытый контент — ссылку, картинку и пр. — для просмотра которого необходимо авторизоваться. Гости вместо скрытого содержимого видят что-то типа «Авторизуйтесь для просмотра скрытого содержимого». Авторизованные же пользователи без проблем видят скрытый контент.
Сегодня я поделюсь с Вами способом, как организовать подобную вещь на сайте. В качестве исходников к данному уроку я воспользуюсь исходниками из урока Установка визуального редактора с файловым менеджером и исходниками из урока Создание простой системы авторизации. Также Вы можете написать собственное решение для управления контентом страницы и разграничения гостей и авторизованных пользователей.
Внимание. В связи со спецификой публикации (при публикации используются BB-теги, которые пересекаются с публикуемыми BB-тегами) рекомендуется просмотреть текстовую версию.
Детали учебника
Тема: PHP, регулярные выражения
Сложность: Средняя
Онлайн курс «PHP-разработчик»
Изучите курс и создайте полноценный проект — облачное хранилище файлов
С нуля освоите язык программирования PHP, структурируете имеющиеся знания, а эксперты помогут разобраться с трудными для понимания темами, попрактикуетесь на реальных задачах. Напишете первый проект для портфолио.
Урок: Видео версия (.mp4)
Время: 00:30:06
Размер архива: 67 Mb
Итак, соединив исходники из обоих указанных уроков, я получил примерно такую картину:
Здесь форма авторизации нам нужна как раз для того, чтобы отличать авторизованного пользователя от гостя. Если пользователь успешно авторизован, то в сессии создается переменная $_SESSION[‘admin’]. Конечно же, если на сайте будет множественная регистрация/авторизация, то переменную логичнее назвать $_SESSION[‘user’], но у нас предусмотрен 1 пользователь. Создание же системы регистрации не есть темой данного урока.
Теперь о том, как бы мы хотели публиковать скрытое содержимое. Как правило, для этого используются BB-теги HIDE. Не будем оригинальными и воспользуемся традиционным названием. Таким образом, публикация скрытой ссылки будет иметь следующий вид:
Как скрыть элемент на странице
Добрый вечер!
Реально ли скриптом или ещё каким то методом по условию скрыть блок страницы?
Например на сайте есть кнопка или чекбокс, по нажатию будет срабатывать включение/отключения элемента страницы.
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
var snowsrc="../images/snow.png"; var no = 20; var log = 0; var hidesnowtime = 0; var snowdistance = "windowheight"; var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("../images/")!= 1)? "../images/snow.png" : snowsrc for (i = 0; i no; ++ i) else { document.write("\"dot"+ i +"\" style=\"POSITION: fixed; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">
A PHP Tip for Site Developers;
This tip is intended to make things a bit easier for you, a bit faster, and a lot less stressful. It’s really handy.
An entire section of a web page, of any size, can be hidden from the browser (and from source code viewers).
Of course, being a PHP tip, it can be applied only to PHP web pages.
PHP code on a web page runs before the browser receives the page. (Unlike JavaScript, which runs after the browser receives the page.) Therefore, the effect of this tip occurs before the browser ever sees the content.
Use this tip instead of commenting out a section of the web page with an HTML comment tag. Here are 3 reasons:
- HTML comments can be seen when the web page source code is viewed.
- Sections of a web page removed with an HTML comment tag that itself contains HTML comments can be become a confused mess. HTML comments don’t nest within HTML comments, so the inner comment tags need to be disabled.
- Using PHP to hide a web page section removes the section before it’s sent to the browser. The section isn’t there when the browser is used to view the source code.
Immediately before the section to be hidden, insert this PHP code:
Immediately after the section to be hidden, insert this PHP code:
An entire section of a web page, of any size, can be hidden from the browser .
The entire section between the two PHP items will be removed from the page. (The colon character [«:»] in the first PHP item and the semi-colon character [«;»] in the second PHP item are supposed to be that way.)
To temporarily (or permanently) display the content between the two PHP items, change if(false) to if(true) in the first PHP item.
You see how easy it is to switch back and forth, hiding and displaying a web page section, during development and testing.
I hope this tip is useful for you. We use it a lot. Not only for development, but also to hide comments within web pages so we don’t need to keep a separate file of notes.
Was this article helpful to you?
(anonymous form)