Tema para preguntas random a Chatgpt 🤖

BotBeta dijo:

Para realizar una sub-búsqueda con todas las menciones en tu llamada Ajax, puedes modificar la forma en que se construye el objeto de datos que envías con la solicitud. Debes recopilar todas las menciones que hayas encontrado y luego enviarlas como un parámetro adicional.

Aquí tienes cómo puedes hacerlo:

1. Reuniendo Todas las Menciones: Reúne todas las menciones en un array y luego envíalo en tu solicitud Ajax.

2. Modificar la Lógica de la Llamada Ajax: En lugar de enviar solo la última mención, también incluye el array de menciones.

Aquí te dejo el código actualizado para lograr esto:

### Código Modificado

JavaScript:

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });
});

### Cambios Realizados:

1. Reunir Todas las Menciones: Estamos usando el array matches que ya contiene todas las menciones encontradas en el texto del input. Lo pasamos directamente como el valor del parámetro prosear.

2. Envío de Datos en la Llamada Ajax: La llamada a $.get ahora incluye tanto searpro (la última mención) como prosear (todas las menciones).

### Notas Adicionales:

• Asegúrate de que el servidor esté preparado para manejar el nuevo parámetro prosear en la llamada PHP, donde puedes realizar la lógica adicional que necesites en función de todas las menciones obtenidas.
• Dependiendo de la lógica de tu aplicación, podrías querer convertir el array de menciones a una cadena (por ejemplo, unirse con comas) si es necesario para el procesamiento del lado del servidor.

Si necesitas más ayuda o alguna modificación específica, ¡házmelo saber!

Hacer clic para expandir...

blankito1998 dijo:

como veo en el console todas las menciones de prosear?

Hacer clic para expandir...

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }

            // Ver en la consola todas las menciones (prosear)
            console.log("Menciones (prosear):", matches); // Mostrar todas las menciones en la consola

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });
});

BotBeta dijo:

Para ver en la consola todas las menciones que estás enviando en el parámetro prosear, puedes agregar un console.log() justo antes de realizar la llamada Ajax. De esta forma, podrás verificar el contenido del array matches que contiene todas las menciones.

Aquí tienes el código modificado para implementar eso:

### Código Modificado

JavaScript:

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }

            // Ver en la consola todas las menciones (prosear)
            console.log("Menciones (prosear):", matches); // Mostrar todas las menciones en la consola

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });
});

### Explicación del Cambio:

- Se agregó console.log("Menciones (prosear):", matches); justo antes de la llamada Ajax. Esto imprimirá en la consola del navegador el array matches, donde podrás ver todas las menciones que se capturaron en el input.

### Para Ver el Log:

1. Abre tu navegador (Chrome, Firefox, etc.).
2. Haz clic derecho y selecciona "Inspeccionar" o presiona F12.
3. Ve a la pestaña "Consola".
4. Al escribir menciones en el campo de texto, deberías ver las menciones impresas cada vez que se dispara el evento input.

Si necesitas más asistencia, ¡hazmelo saber!

Hacer clic para expandir...

blankito1998 dijo:

oks ahora aqui, como hago para que busque todas las menciones de prosear por separado?
$chopops = mysqli_query($conexion,"SELECT * FROM profileuser where username like '%".str_replace('@', '', $_GET['prosear'])."%' ORDER BY id DESC limit 0,50");

Hacer clic para expandir...

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%'";
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final
$query = "SELECT * FROM profileuser WHERE ($whereClause) ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

• Este enfoque puede traer resultados más relevantes, ya que busca usuarios que contengan cualquiera de las menciones especificadas.
• Asegúrate de que el array de menciones sea pasado correctamente desde el JavaScript al PHP.

BotBeta dijo:

Para buscar todas las menciones de prosear por separado en tu consulta SQL, debes iterar sobre el array de menciones y realizar una búsqueda para cada uno. Una forma de hacerlo es construir una cláusula WHERE que tenga múltiples condiciones, o puedes realizar varias consultas, dependiendo de cómo quieras manejarlo.

Aquí te doy un ejemplo de cómo construir una consulta usando IN para buscar todos los usuarios que coincidan con cada mención.

### Ejemplo de Código en PHP

PHP:

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%'";
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final
$query = "SELECT * FROM profileuser WHERE ($whereClause) ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

### Explicación del Código:

1. Escapar Valores: Usamos mysqli_real_escape_string para prevenir inyecciones SQL. Cada mención está limpia antes de ser usada en la consulta.

2. Condiciones: Creamos un array $conditions para almacenar cada condición de búsqueda.

3. Construir la Cláusula WHERE: Unimos todas las condiciones con OR para que busque cualquier coincidencia.

4. Consulta SQL: Finalmente, se construye la consulta que hará la búsqueda en la base de datos.

5. Ejecutar la Consulta: Ejecutas la consulta como antes.

### Notas Adicionales:

• Este enfoque puede traer resultados más relevantes, ya que busca usuarios que contengan cualquiera de las menciones especificadas.
• Asegúrate de que el array de menciones sea pasado correctamente desde el JavaScript al PHP.

Si tienes más preguntas o necesitas otros ajustes, ¡no dudes en decirlo!

Hacer clic para expandir...

blankito1998 dijo:

oks pero ahora haz que los usuarios que se encuentren iguales no se muestren

Hacer clic para expandir...

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%'";
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final con GROUP BY
$query = "SELECT * FROM profileuser WHERE ($whereClause) GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

• Asegúrate de que el campo username sea único o que al menos tenga un sentido de unicidad lógico en tu aplicación.
• En algunos casos, puedes usar DISTINCT en lugar de GROUP BY si simplemente deseas eliminarlos duplicados. Sin embargo, si deseas otras columnas en la selección que no sean agrupadas, GROUP BY sería lo más adecuado.

BotBeta dijo:

Para asegurarte de que los usuarios que se encuentren iguales no se muestren en los resultados, puedes usar la cláusula GROUP BY en tu consulta SQL. Esto agrupará los resultados por el nombre de usuario, evitando duplicados.

Aquí hay un ejemplo de cómo modificar el código:

### Ejemplo de Código en PHP

PHP:

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%'";
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final con GROUP BY
$query = "SELECT * FROM profileuser WHERE ($whereClause) GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

### Explicación del Cambio:

1. Uso de GROUP BY:: Al agregar GROUP BY username, estás indicándole a MySQL que agrupe los resultados por el campo username. Esto significa que, si hay varias filas con el mismo nombre de usuario, solo se mostrará una.

2. Organización de Resultados:: El orden ORDER BY id DESC sigue garantizando que los resultados se ordenen correctamente según el ID (o la fecha de creación, si esa es la relación).

### Notas Adicionales:

• Asegúrate de que el campo username sea único o que al menos tenga un sentido de unicidad lógico en tu aplicación.
• En algunos casos, puedes usar DISTINCT en lugar de GROUP BY si simplemente deseas eliminarlos duplicados. Sin embargo, si deseas otras columnas en la selección que no sean agrupadas, GROUP BY sería lo más adecuado.

Si necesitas más ayuda o tienes más preguntas, ¡estoy aquí para ayudar!

Hacer clic para expandir...

blankito1998 dijo:

me refiero que el usuario encontrado igual a la mencion no se vea

Hacer clic para expandir...

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

// Obtén todas las menciones y crea condiciones para la consulta
foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%' AND username != '$username'"; // Excluir el usuario
            
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final con GROUP BY
$query = "SELECT * FROM profileuser WHERE ($whereClause) GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

• Comparaciones Sensibles: Asegúrate de que la comparación de nombres de usuario sea sensible al caso si es relevante para tu aplicación.
• Eficiencia: Dependiendo de la cantidad de menciones y los usuarios en tu base de datos, esto podría impactar el rendimiento; prueba y optimiza según sea necesario.

BotBeta dijo:

Para asegurarte de que los usuarios encontrados no se muestren si son iguales a la mención que se está buscando, puedes modificar la cláusula WHERE para excluir esos nombres de usuario.

Aquí tienes cómo hacerlo:

### Ejemplo de Código en PHP

PHP:

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

// Obtén todas las menciones y crea condiciones para la consulta
foreach ($prosear as $username) {
    $username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$username%' AND username != '$username'"; // Excluir el usuario
           
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Construir la consulta final con GROUP BY
$query = "SELECT * FROM profileuser WHERE ($whereClause) GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

### Explicación del Cambio:

1. Excluir el Usuario de la Búsqueda: En la línea donde se establece la condición, se añadió AND username != '$username'. Esto asegura que si el usuario encontrado es igual a la mención que se está buscando, no se incluirá en los resultados.

2. Uso Seguido de AND: Así, la consulta sigue buscando usuarios que coincidan con la mención, pero al mismo tiempo evita incluir el mismo usuario que realiza la búsqueda.

### Notas Adicionales:

• Comparaciones Sensibles: Asegúrate de que la comparación de nombres de usuario sea sensible al caso si es relevante para tu aplicación.
• Eficiencia: Dependiendo de la cantidad de menciones y los usuarios en tu base de datos, esto podría impactar el rendimiento; prueba y optimiza según sea necesario.

Si necesitas más detalles o ajustes, estaré encantado de ayudarte.

Hacer clic para expandir...

blankito1998 dijo:

no funciona, me sigue mostrando los usuarios

Hacer clic para expandir...

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

// Convierte todas las menciones a un array de nombres de usuario limpios
foreach ($prosear as $username) {
    $cleaned_username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$cleaned_username%'"; // Condición para las menciones
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Añadir condición para excluir los propios usuarios mencionados
$excludeUsers = implode("','", array_map(function($u) use ($conexion) {
    return mysqli_real_escape_string($conexion, str_replace('@', '', $u));
}, $prosear));

// Construir la consulta final
$query = "SELECT * FROM profileuser WHERE ($whereClause) AND username NOT IN ('$excludeUsers') GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

• Asegúrate de que las menciones se están pasando correctamente desde el JavaScript al PHP.
• Prueba la consulta en tu base de datos manualmente para verificar que está funcionando como se espera.

BotBeta dijo:

Para asegurarte de que los usuarios que coincidan con las menciones no se muestren en los resultados, necesitas ajustar la lógica de la consulta. En lugar de usar un AND para excluir, podrías agregar una condición adicional a tu cláusula WHERE para filtrar esos usuarios específicos.

Aquí hay un enfoque alternativo:

### Modificación del Código en PHP

PHP:

// Seguridad: Escapa los datos para evitar inyecciones SQL
$prosear = $_GET['prosear'];
$conditions = [];

// Convierte todas las menciones a un array de nombres de usuario limpios
foreach ($prosear as $username) {
    $cleaned_username = mysqli_real_escape_string($conexion, str_replace('@', '', $username));
    $conditions[] = "username LIKE '%$cleaned_username%'"; // Condición para las menciones
}

// Unir las condiciones con el operador OR
$whereClause = implode(' OR ', $conditions);

// Añadir condición para excluir los propios usuarios mencionados
$excludeUsers = implode("','", array_map(function($u) use ($conexion) {
    return mysqli_real_escape_string($conexion, str_replace('@', '', $u));
}, $prosear));

// Construir la consulta final
$query = "SELECT * FROM profileuser WHERE ($whereClause) AND username NOT IN ('$excludeUsers') GROUP BY username ORDER BY id DESC LIMIT 0,50";

// Ejecutar la consulta
$chopops = mysqli_query($conexion, $query);

### Explicación del Cambio:

1. Condiciones de Búsqueda: Mantuvimos la lógica para agregar la búsqueda por menciones usando LIKE.

2. Exclusión de Usuarios: Creamos un nuevo array $excludeUsers que contiene todos los nombres de usuario a excluir. Utilizamos NOT IN para asegurarnos de que ningún usuario mencionado se incluya en los resultados.

3. Conexión Segura: Con mysqli_real_escape_string se asegura la eliminación de cualquier riesgo de inyección SQL.

### Notas Finales:

• Asegúrate de que las menciones se están pasando correctamente desde el JavaScript al PHP.
• Prueba la consulta en tu base de datos manualmente para verificar que está funcionando como se espera.

Si sigue sin funcionar, sería útil que revisaras el contenido de las menciones que se están enviando y cómo se están procesando en PHP. Avísame si necesitas más ayuda.

Hacer clic para expandir...

blankito1998 dijo:

$(document).ready(function() {
$('.nawere').on('input', function() {
var inputValue = $(this).val();
var dataid = $(this).attr('dataid');

// Eliminar el intercomu existente
$(".intercomu").remove();

// Buscar coincidencias de menciones que comiencen con '@'
var matches = inputValue.match(/@(\w+)/g);

// Si hay coincidencias
if (matches) {
var lastMention = matches[matches.length - 1]; // obtener la última mención

// Verifica si hay texto después de la última mención
var lastMentionIndex = inputValue.lastIndexOf(lastMention);
if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
}
console.log("Menciones (prosear):", matches);

// Realizar la llamada AJAX
$.get("../hola.php", {
searpro: lastMention,
prosear: matches // Enviar todas las menciones
}, function(data) {
const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
$('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
}.bind(this)); // Mantiene el contexto del input actual
}
});
$(document).on("click", ".lobre", function() {
var dataidValue = $(this).attr("datauser");
var dataidInput = $(this).attr("datainput"); // Obtener el valor de datainput

// Seleccionar el textarea que tiene el mismo value que dataidInput
$('.nawere[dataid="' + dataidInput + '"]').val(function(i, text) {
// Buscar índice de la última mención que comienza con '@'
var mentionIndex = text.lastIndexOf('@');

// Si se encontró '@', borrar hasta ese punto y agregar nuevo texto
if (mentionIndex !== -1) {
$(".intercomu").remove();
return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
} else {
$(".intercomu").remove();
return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
}
}).focus(); // Opcional: enfocar el input después de agregar el texto
});
});

como puedo hacer que al perder el foco se quite el intercomu?

Hacer clic para expandir...

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }
            console.log("Menciones (prosear):", matches);

            // Realizar la llamada AJAX
            $.get("../hola.php", { 
                searpro: lastMention, 
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        var dataidInput = $(this).attr("datainput"); // Obtener el valor de datainput

        // Seleccionar el textarea que tiene el mismo value que dataidInput
        $('.nawere[dataid="' + dataidInput + '"]').val(function(i, text) {
            // Buscar índice de la última mención que comienza con '@'
            var mentionIndex = text.lastIndexOf('@');

            // Si se encontró '@', borrar hasta ese punto y agregar nuevo texto
            if (mentionIndex !== -1) {
                $(".intercomu").remove();
                return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
            } else {
                $(".intercomu").remove();
                return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
            }
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });

    // Evento blur para eliminar el intercomu al perder el foco
    $('.nawere').on('blur', function() {
        $(".intercomu").remove(); // Elimina el intercomu al perder el foco
    });
});

BotBeta dijo:

Para hacer que el elemento intercomu se elimine al perder el foco del campo de entrada, puedes agregar un evento blur al elemento que tiene la clase nawere.

Aquí te muestro cómo hacerlo:

### Modificación del Código

Agrega un evento blur para eliminar el elemento intercomu cuando el campo de texto pierde el foco.

JavaScript:

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }
            console.log("Menciones (prosear):", matches);

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        var dataidInput = $(this).attr("datainput"); // Obtener el valor de datainput

        // Seleccionar el textarea que tiene el mismo value que dataidInput
        $('.nawere[dataid="' + dataidInput + '"]').val(function(i, text) {
            // Buscar índice de la última mención que comienza con '@'
            var mentionIndex = text.lastIndexOf('@');

            // Si se encontró '@', borrar hasta ese punto y agregar nuevo texto
            if (mentionIndex !== -1) {
                $(".intercomu").remove();
                return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
            } else {
                $(".intercomu").remove();
                return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
            }
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });

    // Evento blur para eliminar el intercomu al perder el foco
    $('.nawere').on('blur', function() {
        $(".intercomu").remove(); // Elimina el intercomu al perder el foco
    });
});

### Explicación del Cambio:

1. Agregado del evento blur: Dentro de $(document).ready(), se agrega un evento blur a los elementos con la clase nawere. Este evento desencadena una función que elimina cualquier elemento con la clase intercomu.

Con estos cambios, el elemento intercomu se eliminará automáticamente una vez que el campo de entrada pierda el foco. Si necesitas más ayuda, ¡avísame!

Hacer clic para expandir...

blankito1998 dijo:

cuando intento hacer click sobre el .lobre se quita y no me deja

Hacer clic para expandir...

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }
            console.log("Menciones (prosear):", matches);

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        var dataidInput = $(this).attr("datainput"); // Obtener el valor de datainput

        // Seleccionar el textarea que tiene el mismo value que dataidInput
        $('.nawere[dataid="' + dataidInput + '"]').val(function(i, text) {
            // Buscar índice de la última mención que comienza con '@'
            var mentionIndex = text.lastIndexOf('@');

            // Si se encontró '@', borrar hasta ese punto y agregar nuevo texto
            if (mentionIndex !== -1) {
                $(".intercomu").remove();
                return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
            } else {
                $(".intercomu").remove();
                return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
            }
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });

    // Evento blur con retraso para eliminar el intercomu al perder el foco
    $('.nawere').on('blur', function() {
        setTimeout(function() {
            $(".intercomu").remove(); // Elimina el intercomu al perder el foco
        }, 100); // Ajusta el tiempo si es necesario
    });
});

BotBeta dijo:

Parece que el elemento intercomu se está eliminando antes de que puedas hacer clic en el elemento .lobre. Esto puede ocurrir si el evento [ICODE]blur se activa antes de que se complete el clic.

Para solucionar esto, puedes usar un pequeño retraso antes de eliminar el elemento intercomu al perder el foco. Aquí hay una forma de hacerlo:

### Modificación del Código

Puedes usar setTimeout para darle un pequeño retraso antes de eliminar el elemento intercomu.

JavaScript:

$(document).ready(function() {
    $('.nawere').on('input', function() {
        var inputValue = $(this).val();
        var dataid = $(this).attr('dataid');

        // Eliminar el intercomu existente
        $(".intercomu").remove();

        // Buscar coincidencias de menciones que comiencen con '@'
        var matches = inputValue.match(/@(\w+)/g);

        // Si hay coincidencias
        if (matches) {
            var lastMention = matches[matches.length - 1]; // obtener la última mención

            // Verifica si hay texto después de la última mención
            var lastMentionIndex = inputValue.lastIndexOf(lastMention);
            if (lastMentionIndex + lastMention.length < inputValue.length && !inputValue[lastMentionIndex + lastMention.length].trim()) {
                return; // Si el carácter después de la mención es un espacio, no mostramos el intercomu
            }
            console.log("Menciones (prosear):", matches);

            // Realizar la llamada AJAX
            $.get("../hola.php", {
                searpro: lastMention,
                prosear: matches // Enviar todas las menciones
            }, function(data) {
                const modifiedData = data.replace(/<cite class="lobre" /g, '<cite class="lobre" datainput="'+dataid+'" ');
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + modifiedData + '</div>').insertAfter($(this));
            }.bind(this)); // Mantiene el contexto del input actual
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        var dataidInput = $(this).attr("datainput"); // Obtener el valor de datainput

        // Seleccionar el textarea que tiene el mismo value que dataidInput
        $('.nawere[dataid="' + dataidInput + '"]').val(function(i, text) {
            // Buscar índice de la última mención que comienza con '@'
            var mentionIndex = text.lastIndexOf('@');

            // Si se encontró '@', borrar hasta ese punto y agregar nuevo texto
            if (mentionIndex !== -1) {
                $(".intercomu").remove();
                return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
            } else {
                $(".intercomu").remove();
                return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
            }
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });

    // Evento blur con retraso para eliminar el intercomu al perder el foco
    $('.nawere').on('blur', function() {
        setTimeout(function() {
            $(".intercomu").remove(); // Elimina el intercomu al perder el foco
        }, 100); // Ajusta el tiempo si es necesario
    });
});

### Explicación del Cambio:

1. Uso de setTimeout: Se ha envuelto la eliminación del elemento intercomu en una función setTimeout, que espera 100 milisegundos (ajustable) antes de ejecutar la eliminación. Este pequeño retraso da tiempo para que se complete el clic en el elemento .lobre.

Con este ajuste, deberías poder hacer clic en el elemento [ICODE]lobre sin que el elemento intercomu se elimine inmediatamente. Si aún tienes problemas, ¡me avisas!

Hacer clic para expandir...

blankito1998 dijo:

$mitips = mysqli_query($conexion,"SELECT * FROM posters where username='".$_GET['u']."' and (category='post' or category='livs') and (photo !='' or photo2 !='' or photo3 !='' or photo4 !='' or photo5 !='' or photo6 !='' or photo7 !='' or photo8 !='' or photo9 !='' or photo10 !='' or photo11 !='' or photo12 !='' or photo13 !='' or photo14 !='' or photo15 !='' or photo16 !='' or photo17 !='' or photo18 !='' or photo19 !='' or photo20 !='') group by hora,descripts,email,nombre,apellido ORDER BY id DESC $lt");
while($filo = mysqli_fetch_assoc($mitips)){
echo '<span class="photoby">';
if($filo['photo'] == true and strpos($filo['photo'], '.mp4')){
echo '<span style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;"><img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" /><img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $filo['photo'])).'" class="tenph02 cora" /></span>';
}else{
echo '<img loading="lazy" src="'.$filo['photo'].'" class="tenph01 cora" style="position:absolute;margin-left:0px;width:100%;height:100%;" />';
}

echo '</span>';
}

como hago para que se muestren todas las fotos de photo2, photo3 y asi?

Hacer clic para expandir...

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Arreglo de nombres de campos de fotos
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            // Verifica si es un archivo .mp4
            if (strpos($photo, '.mp4') !== false) {
                echo '<span style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">';
                echo '<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />';
                echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />';
                echo '</span>';
            } else {
                echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="position:absolute;margin-left:0px;width:100%;height:100%;" />';
            }
        }
    }

    echo '</span>';
}

BotBeta dijo:

Para mostrar todas las fotos que están almacenadas en las columnas photo, photo2, photo3, etc., puedes realizar una iteración sobre esos campos dentro del ciclo while que obtienes de tu consulta SQL. Aquí hay un ejemplo de cómo hacerlo:

### Modificación del Código

A continuación se muestra un código aclarado que itera sobre las diferentes columnas de fotos y las muestra:

PHP:

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Arreglo de nombres de campos de fotos
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            // Verifica si es un archivo .mp4
            if (strpos($photo, '.mp4') !== false) {
                echo '<span style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">';
                echo '<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />';
                echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />';
                echo '</span>';
            } else {
                echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="position:absolute;margin-left:0px;width:100%;height:100%;" />';
            }
        }
    }

    echo '</span>';
}

### Explicación del Código:

1. Arreglo de Fotos: Se crea un arreglo $photos que contiene todas las fotos desde photo hasta photo20. Esto facilita la iteración sobre cada uno de ellos.

2. Iteración con foreach: Utilizamos un bucle foreach para recorrer cada elemento del arreglo $photos.

3. Verificación de Vacío: Dentro del bucle, verificamos si cada foto no está vacía antes de intentar mostrarla.

4. Verificación de Tipo de Archivo: Se verifica si la foto es un archivo .mp4, y en base a eso se renderiza de manera diferente.

Con estas modificaciones, todas las fotos deberían mostrarse correctamente en tu aplicación. Si tienes más preguntas o necesitas más ayuda, no dudes en comentarlo.

Hacer clic para expandir...

blankito1998 dijo:

solo me muestra la photo las otras no

Hacer clic para expandir...

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Arreglo de nombres de campos de fotos
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            // Si es un archivo .mp4
            if (strpos($photo, '.mp4') !== false) {
                echo '<div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">';
                echo '<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />';
                echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />';
                echo '</div>';
            } else {
                echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="margin-left:0px;width:100%;height:auto;" />';
            }
        }
    }

    echo '</span>';
}

BotBeta dijo:

Para asegurarte de que se muestren todas las fotos photo2, photo3, etc., debes verificar que los nombres de las columnas estén correctamente asignados y que contengan datos. A continuación, vamos a asegurarnos de que tu código revise las fotos y las muestre adecuadamente.

Aquí te dejo un ejemplo actualizado donde se realiza una comprobación para cada columna de foto:

### Código Modificado

PHP:

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Arreglo de nombres de campos de fotos
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            // Si es un archivo .mp4
            if (strpos($photo, '.mp4') !== false) {
                echo '<div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">';
                echo '<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />';
                echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />';
                echo '</div>';
            } else {
                echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="margin-left:0px;width:100%;height:auto;" />';
            }
        }
    }

    echo '</span>';
}

### Notas Importantes:

1. Comprobación de Fotos Vacías: El código ahora incluye una comprobación explícita usando !empty($photo). Asegúrate de que las columnas en la base de datos tengan datos.

2. Verificación de Formatos: Asegúrate de que los formatos de las fotos que estás guardando en las diversas columnas sean correctos y que efectivamente existan archivos.

3. Estilo Visual: Cambié el contenedor de las imágenes a div para facilitar el manejo de estilos para cada .mp4.

4. Depuración: Para verificar que están llegando las fotos, puedes agregar un var_dump($photos) dentro del bucle while para ver qué valores están siendo extraídos de la base de datos.

Prueba estos cambios y verifica si ahora aparecen todas las fotos. Si aún no ves las demás fotos, revisa la base de datos para asegurarte de que las columnas photo2, photo3, etc., contienen imágenes válidas.

Hacer clic para expandir...

blankito1998 dijo:

me sigue mostrando solo la primera foto, quiero que me muestre cada una de las fotos encontradas en diferentes

Hacer clic para expandir...

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Arreglo de nombres de campos de fotos
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            echo '<div class="photo-container" style="position: relative; width: 100%; height: auto; margin-bottom: 10px;">';

            // Si es un archivo .mp4
            if (strpos($photo, '.mp4') !== false) {
                echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000;" class="cora" src="../wpp/img/btn9.png" />';
                echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" style="width: 100%; height: auto;"/>';
            } else {
                echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="width: 100%; height: auto;" />';
            }

            echo '</div>'; // Cierre del contenedor de la foto
        }
    }

    echo '</span>'; // Cierre del span principal
}