Agregar Clase

raysn22 dijo:

Saludos, Tengo un Div que se genera automatico con custom field repeater, cada vez que deseo agregar un reproductor el siguiente div se le agrega un numero ejemplo
el Primer
div class="player1"
cuando agrego otro reproductor automaticamente se crea el segundo llamado div class="player2"
sucede que quiero agregarle al player1 la clase active, Pero si se lo pongo al codigo php la clase Active se le colocara a todos los player hay alguna forma de ponerle esta clase al player1 solamente?

Hacer clic para expandir...

<script>
(function() {
  var x = document.getElementsByClassName("player1");
  x[0].classList.add("active");
}());
</script>

Stron dijo:

Deberias poner tu php aqui para ver como ayudarte, por ejemplo tal vez en tu código existe un for, con el cual podremos condicionar que en 1 agregue active.

Con javascript lo puedes hacer asi:

HTML:

<script>
(function() {
  var x = document.getElementsByClassName("player1");
  x[0].classList.add("active");
}());
</script>

Hacer clic para expandir...

   <?php if( have_rows('reproductor_x') ): ?>

<div class="player2">



<div class="navplayer2" id="tab_container_66">

<span class="tiplayer">    </span>

<ul class="player2ul idTabs">

<li class="mainer">

<ul class="wpsm_nav wpsm_nav-tabs" role="tablist" id="myTab_66">

<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>

<li role="presentation" class="currentplay<?php echo $numerado; ?>">

<a href="#player2<?php echo $numerado; ?>" aria-controls="tabs_desc_66_1" role="tab" data-toggle="tab"><?php  the_sub_field('idioma_x'); ?></a></li>

<?php $numerado++; ?> 

<?php endwhile; } ?>

</ul>

</li>

</ul>

</div>

</div>

<div class="tab-content">

<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>

<div id="player2<?php echo $numerado; ?>" class="tab-pane currenpl<?php echo $numerado; ?>" role="tabpanel">



<?php if($dato = get_sub_field('embed_x')) {  ?>

<?php echo do_shortcode($dato); ?>

<?php } ?>

</div>

<?php $numerado++; ?> 

<?php endwhile; } ?>

</div>

<?php else : ?>

<div class="nodata"><?php _e('NO HAY REPRODUCTORES DISPONIBLES','mundothemes'); ?></div>

<?php endif; ?>

</div>

raysn22 dijo:

Este es el codigo del reproductor al que le quiero agregar el active es al <li > que contiene el role="presentation" y al div id="player2"

PHP:

   <?php if( have_rows('reproductor_x') ): ?>

<div class="player2">



<div class="navplayer2" id="tab_container_66">

<span class="tiplayer">    </span>

<ul class="player2ul idTabs">

<li class="mainer">

<ul class="wpsm_nav wpsm_nav-tabs" role="tablist" id="myTab_66">

<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>

<li role="presentation" class="currentplay<?php echo $numerado; ?>">

<a href="#player2<?php echo $numerado; ?>" aria-controls="tabs_desc_66_1" role="tab" data-toggle="tab"><?php  the_sub_field('idioma_x'); ?></a></li>

<?php $numerado++; ?>

<?php endwhile; } ?>

</ul>

</li>

</ul>

</div>

</div>

<div class="tab-content">

<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>

<div id="player2<?php echo $numerado; ?>" class="tab-pane currenpl<?php echo $numerado; ?>" role="tabpanel">



<?php if($dato = get_sub_field('embed_x')) {  ?>

<?php echo do_shortcode($dato); ?>

<?php } ?>

</div>

<?php $numerado++; ?>

<?php endwhile; } ?>

</div>

<?php else : ?>

<div class="nodata"><?php _e('NO HAY REPRODUCTORES DISPONIBLES','mundothemes'); ?></div>

<?php endif; ?>

</div>

Hacer clic para expandir...

<?php
if($numerado == 1) {
  $numerado = $numerado . " active";
}
?>

Stron dijo:

Podrías agregar un if y concatenar un active cuando sea 1; Eso podria funcionar,
Agregalo arriba del <li>

edito: escribi mal la variable!

PHP:

<?php
if($numerado == 1) {
  $numerado = $numerado . " active";
}
?>

Hacer clic para expandir...

<ul class="wpsm_nav wpsm_nav-tabs" role="tablist" id="myTab_66">
<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>
<?php

if($numerando == 1) {
  $numerando = $numerando . "active";
}
?>
<li role="presentation" class="currentplay<?php echo $numerado; ?>">
 <a href="#player2<?php echo $numerado; ?>" aria-controls="tabs_desc_66_1" role="tab" data-toggle="tab"><?php  the_sub_field('idioma_x'); ?></a></li>
<?php $numerado++; ?>   
<?php endwhile; } ?>
</ul>

raysn22 dijo:

Lo agregue de la siguiente manera pero no agrega el active

PHP:

<ul class="wpsm_nav wpsm_nav-tabs" role="tablist" id="myTab_66">
<?php $numerado = 1; { while( have_rows('reproductor_x') ): the_row(); ?>
<?php

if($numerando == 1) {
  $numerando = $numerando . "active";
}
?>
<li role="presentation" class="currentplay<?php echo $numerado; ?>">
<a href="#player2<?php echo $numerado; ?>" aria-controls="tabs_desc_66_1" role="tab" data-toggle="tab"><?php  the_sub_field('idioma_x'); ?></a></li>
<?php $numerado++; ?>  
<?php endwhile; } ?>
</ul>

Hacer clic para expandir...

<?php
if($numerado == 1) {
  $numerado = $numerado . " active";
}
?>

Stron dijo:

revisa mi comentario, edite por que agregue mal la variable! este está corregido!

PHP:

<?php
if($numerado == 1) {
  $numerado = $numerado . " active";
}
?>

Hacer clic para expandir...

Stron dijo:

Entonces intentalo asi: creamos una nueva clase y la concatenamos directamente a echo;

Insertar CODE, HTML o PHP:

<?php
if($numerado == 1) {
  $active = " active";
} else {
  $active = "";
}
?>
<li role="presentation" class="currentplay<?php echo $numerado . $active; ?>">

Hacer clic para expandir...

raysn22 dijo:

Ahora si funciono a la perfecion, no se repite el active, agregue lo mismo al div donde se muestra el embed y funciona perfecto muchas gracias amigo

Hacer clic para expandir...