Test fetching child to a parent with display:none

Скрыть div по id в php

Но вот в чем беда, если пользователь решил пройти по какой-то категории, то этот «фильтр» сбрасывается (т.е. ему надо еще раз нажать на кнопку чтобы скрыть ненужные ему категории). Я хотел бы чтобы либо это запоминалось как-то в JS (хотя не могу до этого пока дойти), либо чтобы при нажатии на кнопку пользователю выдавались div’ы с определенным (заранее мною определенным) id.

Задача вроде не трудная, но т.к. знаний у меня — не очень, прошу помощи. МОжет на JS и быстрее, но как сделать чтобы результат запоминался?!(

Скрыть блок div методом PHP
Доброго времени суток, как сделать так что бы при нажатии <input type="button"> скрывался блок <div.

Скрыть div и заменить class
Подскажите пожалуйста как правильно реализовать следующее: Есть такой кусок верстки: <div.

Скрыть div после успешной авторизации
Все привет! В общем имеется код(смотрите ниже). Так вот, как сделать так, чтобы после.

скрыть div, а на его место поставить другой
Помогите пожалуйста. Есть 2 блока #active и #activeout Нужно без помощи javascript сделать так.

1. Использовать куки
либо
2. использовать сесии в PHP
либо
3. использовать БД, записывать в нее то что пользователь скрыл/не скрыл

На php будет быстрее! Он срабатывает быстрее чем js, с js скрываться элементы будут только после загрузки страницы.
Установка кук
http://php.net/manual/ru/function.setcookie.php
В вашем случае всего скорее лучше содержимое куки приготовить примерно в таком виде

// Если найдено вхождение по id if($poisk_v_ctroke) { $close = 'style="display:none'; } else { $close = ''; }

Источник

Скрытие 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 на странице позже, в то время как пользователь находится на самой странице.

Источник

PHP Simple HTML DOM Parser display none

The only available way is to test if there both equals to that mean two things element is on or element is empty but you don’t really know if you fill this element after it will keep their offset equals to 0. Solution 1: There is actually no way to know if an element is visible or not, if you are only testing this element.

PHP Simple HTML DOM Parser display none

Use set setAttribute method http://php.net/manual/en/domelement.setattribute.php

$button->setAttribute("style", "display:none"); 

I don’t know which parser you’re using, but if you want to hide some HTML element, you need to set the style attribute to display:none .

So access the style attribute of that button and set it / extend it with display:none .

According to the reference given at http://simplehtmldom.sourceforge.net/ (if that is the component you’re using), this should do it:

$dom->find("button[id=save]",0)->style = 'display:none'; 

$html->find('div[style=display:none]') 

Javascript — Display:none and DOM, if display: none removes element from the DOM. It doesn’t. It causes it to render as if it were not in the DOM. From MDN: Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display …

Change an element from display none to display block simple html dom

include('simple_html_dom.php'); $html = file_get_html('index.html'); $phoneArray = $html->find('div[class=phone]'); $phoneArray[0]->style="display:block"; 

Html — Lots of DOM. Hidden vs display none, Add a comment. 2. Because display: none actually removes the elements from the DOM. visibility: hidden merely makes them invisible, but they’re still there. You can notice the difference because form input fields that have display: none will simply not be included in the form when you submit it; input …

Stop fetching the DOM element when display:none

There is actually no way to know if an element is visible or not, if you are only testing this element.

The only available way is to test offsetWidth offsetHeight if there both equals to 0 that mean two things element is on display:none or element is empty but you don’t really know if you fill this element after it will keep their offset equals to 0. Moreover if your element is on visibility:hidden element’s offset will not be equals to 0. So this solution is not the best.

The only way to do this nicely (without framework) is to test display and visibility of this element and all his parents.

function fetchChildToNone()< var _ele = document.getElementsByName('test_fetch'); console.log(isVisible(_ele[0])); >function isVisible(elem)

       
 
Hello World 
  

If you can use jQuery, then the solution is this:

Otherwise, you have to resort to this:

if(_ele.offsetWidth > 0 || _ele.offsetHeight > 0) < //element is visible, put your logic here. >

Source of the solution above is here.

display: none will not prevent the browser from loading that markup and associated resources but it will prevent the browser from applying css to the the hidden div or the elements inside it. Until its display value changes, it is not rendered as part of the page flow . Basically, display: none and visibility: hidden have no impact on page load time. You need to selectively choose when to display it since that triggers a rerender of page content, and even that is usually a negligible difference in all.

I would suggest that if you want to wait to load the content until it’s needed, don’t include it at all or include empty divs as placeholders and then use AJAX to fetch the content from the server once it’s needed after page load and add it to the page with JS. Try to use jQuery if you can as it has inbuild AJAX init.

From jQuery you can do something like this :-

Change element display none back to default style value JS, 6 Answers. Sorted by: 41. You need just assign it to empty value: document.getElementById (id).style.display = «»; Or using removeProperty method: document.getElementById (id).style.removeProperty ( ‘display’ ); But note that removeProperty will not work on IE

Setting display to none remove the svg element from DOM

pressing a submit button in a form is the problem. even though the form element has none of the usual attributes for a form attribute, pressing a submit button will reload the page

option 1: don’t use unless you are submitting data

option 2: return false in the submit buttons onclick

go with option 1 every time :p

Javascript — How to make element that has changed from, I always was under the impression that elements with display:none were not visible to the DOM. What a bugger! But I do remember having such an issue previously. I guess there was something else going on and I have misunderstood the cause of the problem. –

Источник

PHP with Style=»Display:None»?

i’m about to embark on my very first PHP code journey (i’ve been saying that for a while. so sometime soon i hope. anyway).

before i begin my exciting new journey into PHP land, i would like to know if PHP will send hidden HTML form elements or not.

for example: if a user makes a selection in my HTML form that triggers my wonderfully dynamic HTML to set a DIV to STYLE=»DISPLAY:NONE», is it possible to tell PHP not to send the DIV’s data if it’s hidden (even-though there will be a »

for me, setting STYLE=»DISPLAY:NONE» or STYLE=»DISPLAY:BLOCK» is as easy as pie. but removing and appending children, well. that’s a little confusing.

i’m about to embark on my very first PHP code journey (i’ve been saying that for a while. so sometime soon i hope. anyway).

before i begin my exciting new journey into PHP land, i would like to know if PHP will send hidden HTML form elements or not.

for example: if a user makes a selection in my HTML form that triggers my wonderfully dynamic HTML to set a DIV to STYLE=»DISPLAY:NONE», is it possible to tell PHP not to send the DIV’s data if it’s hidden (even-though there will be a »

for me, setting STYLE=»DISPLAY:NONE» or STYLE=»DISPLAY:BLOCK» is as easy as pie. but removing and appending children, well. that’s a little confusing.

Display:none is effects the rendering of the page. PHP gets executed before the page ever existed. If you know that a section of the page will never be there, you can just not send it. But, after the page has been sent to the browser, you cannot modify it with php (at least not without the help of ajax). DOM would be your best bet here, as gruesome as that is.

Display:none is effects the rendering of the page. PHP gets executed before the page ever existed. If you know that a section of the page will never be there, you can just not send it. But, after the page has been sent to the browser, you cannot modify it with php (at least not without the help of ajax). DOM would be your best bet here, as gruesome as that is.

humm. ok. what about if the field/dropmenu contains no data (is blank) or value («options[0].selected=true»). will PHP still display these blank fields, regardless if they’re hidden or not?

humm. ok. what about if the field/dropmenu contains no data (is blank) or value («options[0].selected=true»). will PHP still display these blank fields, regardless if they’re hidden or not?

i’m clearly getting ahead of myself as i don’t really understand. ok. so the code below is a perfect example of what i mean exactly.

so even if the html isn’t displaying the name field, will PHP still print/echo it with the PHP output. or is there a way to write the PHP tag a certain way to tell it that if the HTML field is hidden, don’t echo. maybe something like this:

Источник