1

Tengo las siguientes lineas de código:

<?php
if(is_null($row['VideoS_user']) and $row['Coach_user']==0){
                    echo '<a href="#"onclick="populateData("ColabIni");" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
                }
                else{
                    echo '<a href="#"onclick="populateData("Colab");" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
                }
?>

<script>
            var targetDiv = document.getElementById('content');
            var htmlContent = '';
            
            function populateData(idTipe){
           
              switch(idTipe){
                    case 'ColabIni':{
                 htmlContent = '<p style="text-align:center">Texto de prueba</p> <img src="../img/prueba.png" alt="">';
    
                  break;
                }
                      case 'Colab':{
                 htmlContent = '<p style="text-align:center">Texto de prueba</p> <img src="../img/prueba.png" alt="">';
    
                  break;
                }
                default:
    console.log('Lo lamentamos, por el momento no disponemos de ' + idTipe + '.');
            break;

              }
              targetDiv.innerHTML = htmlContent;
            }
    </script>

El probelma esta en que al presionar en los hipervinculos VideoS o VideoIni el contenido no aparece, ni cambia, al principio la pagina colapsaba, pero al poner " " en el parametro de populatedata() se ha solucionado, aun asi no me muestra el contenido.

1 respuesta 1

3

Aparentemente estas haciendo uso incorrecto de las comillas y no estas dejando el espacio requerido entre las propiedades de HTML en este código:

if(is_null($row['VideoS_user']) and $row['Coach_user']==0){
    echo '<a href="#"onclick="populateData("ColabIni");" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
}else{
    echo '<a href="#"onclick="populateData("Colab");" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
}

Debes agregare estos cambios:

echo '<a href="#" onclick="populateData(\'ColabIni\')" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
echo '<a href="#" onclick="populateData(\'Colab\')" class="list-group-item list-group-item-action bg-light">Colaboraciones</a>';
  • He agregado el espacio entre las propiedades href y onclick.
  • Y además he cambiado las comillas dobles por comillas simples escapadas para que no interfieran con las comillas simples de PHP.
  • Tampoco veo necesario el ; en el llamado a las funciones.

Eso problablemente solvente tu error, si hay algo más o tienes más errores dejamelos saber en los comentarios.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.