codigo para ocultar un div

S0NIC · 5 Jun 2022

alguien sabe un codigo para ocultar un div adentro de php el codigo que tengo es el siguiente:

Insertar CODE, HTML o PHP:

<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"><?php echo $wp; ?></a>

pero no encuentro como ocultarlo si no tiene informacion se oculte, y si tiene informacion aparezca

si alguien sabe y me pueda dar un codigo se lo agradeceria mucho

YeltsinReyes · 5 Jun 2022

Con css bro, si no tiene contenido se ocultara.

.contact-btn:empty {
display:none;
}

S0NIC · 5 Jun 2022

YeltsinReyes dijo:
Con css bro, si no tiene contenido se ocultara.

.contact-btn:empty {
display:none;
}

si coloco ese codigo me oculta otras cosas , no puede ser nada mas con el codigo que tengo puesto que no tenga que modificar otros elementos de .contact-btn

quimbox · 5 Jun 2022

S0NIC dijo:
si coloco ese codigo me oculta otras cosas , no puede ser nada mas con el codigo que tengo puesto que no tenga que modificar otros elementos de .contact-btn

Y creando una clase como lo sugirieron arriba, pero especificamente para ese div de manera que no afecte otros elementos que tengan esa clase.

CSS:

.mi-clase:empty {
display:none;
}

Otra forma es usando JavaScript.

JavaScript:

const contactBtn = document.getElementsByClassName("contact-btn")

if (contactBtn.childNodes.length === 0) {
  console.log('✅ El elemento está vacío');
} else {
  console.log('⛔️ El elemento no está vacío');
}

Vincenso Paul · 5 Jun 2022

Y preguntando a $wp si esta vacio con la costante NULL o con la funcion isset, creas dos lineas una para si esta vacio y otra: else. Para si esta asignada

Miguel Sanches · 5 Jun 2022

Hazlo con selectores padres, hijos, nth-child, etc, aveces con eso es suficiente, de lo contrario por js agrégale una clase o ID

zerocool91 · 6 Jun 2022

Ya solucionaste? No está complejo, si no has solucionado me avisas y hoy te ayudo y te dejo el código, que ahora estoy viendo desde el cel.

Alfredo Ramos · 6 Jun 2022

Más que ocultarlo simplemente evitaría que se generara el HTML.

Algo como:

PHP:

<?php if !empty($wp): ?>
<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"><?php echo $wp; ?></a>
<?php endif; ?>

O si quieres que genere el HTML pero no lo muestre:

PHP:

<a href="https://wa.me/<?php echo str_replace(' ', '', $wp); ?>" class="contact-btn wp-btn"<?php echo (empty($wp) ? ' style="display: none"' : ''); ?>><?php echo $wp; ?></a>

codigo para ocultar un div

S0NIC

YeltsinReyes

S0NIC

quimbox

Vincenso Paul

Miguel Sanches

zerocool91

Alfredo Ramos

Temas similares