Tema para preguntas random a Chatgpt 🤖

BotBeta dijo:

Para agregar el texto obtenido de $(this).attr("dataid") en un textarea en lugar de un elemento con la clase asu, puedes usar el método .val() para establecer el valor del textarea. Aquí tienes un ejemplo:

### Ejemplo de Código

Supongamos que tienes un textarea con el id miTextarea:

HTML:

<textarea id="miTextarea"></textarea>

Ahora, en tu código, puedes hacer lo siguiente:

JavaScript:

$(document).on("click", ".tuElemento", function() {
    // Obtener el valor de dataid
    var dataidValue = $(this).attr("dataid");
   
    // Agregar el valor al textarea
    $('#miTextarea').val(function(i, text) {
        return text + dataidValue + " ";
    });
});

### Descripción:

1. Selector de Click: Cambia .tuElemento por la clase o id del elemento que estás usando para el evento de clic.

2. Obtener el Valor: [ICODE]var dataidValue = $(this).attr("dataid");[/ICODE] obtiene el valor del atributo dataid del elemento clicado.

3. Agregar al Textarea: [ICODE]$('#miTextarea').val(function(i, text) {...});[/ICODE] agrega el valor actual del textarea junto con el nuevo valor dataidValue. El uso de function(i, text) permite acceder al texto actual y concatenarlo con el nuevo valor.

### Resumen

Con este código, al hacer clic en el elemento especificado, se añadirá el valor del atributo dataid en el textarea. Si necesitas más ayuda, ¡dímelo!

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
}

// Realizar la llamada AJAX
$.get("../hola.php", { searpro: lastMention }, function(data) {
$('<div class="intercomu cls' + dataid + '">Estás buscando '+lastMention+' '+data+'</div>').insertAfter($(this));
}.bind(this)); // Mantiene el contexto del input actual
}
});
$(document).on("click", ".lobre", function(){
var dataidValue = $(this).attr("datauser");
$('.nawere').val(function(i, text){
return text + dataidValue + " ";
});
});

});

como hago que funcione el onclick lobre con el nawere donde se ingresa el texto?

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
            }
            
            // Realizar la llamada AJAX
            $.get("../hola.php", { searpro: lastMention }, function(data) {
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + data + '</div>')
                .insertAfter($('.nawere')); // Cambia $(this) por $('.nawere') para insertarlo después del input
            });
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        $('.nawere').val(function(i, text) {
            return text + dataidValue + " "; // Agrega datauser al final del texto actual
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });
});

BotBeta dijo:

Para que el evento onclick en los elementos con la clase .lobre funcione correctamente y añada el datauser al cuadro de texto de .nawere, es necesario asegurarte de que el valor se inserte cuando se haga clic en uno de estos elementos. También necesitarás asegurarte de que el método se aplique correctamente al contenido del campo de texto.

### Modificación Sugerida

Aquí tienes un ejemplo revisado de tu código para que funcione como deseas:

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 }, function(data) {
                $('<div class="intercomu cls' + dataid + '">Estás buscando ' + lastMention + ' ' + data + '</div>')
                .insertAfter($('.nawere')); // Cambia $(this) por $('.nawere') para insertarlo después del input
            });
        }
    });

    $(document).on("click", ".lobre", function() {
        var dataidValue = $(this).attr("datauser");
        $('.nawere').val(function(i, text) {
            return text + dataidValue + " "; // Agrega datauser al final del texto actual
        }).focus(); // Opcional: enfocar el input después de agregar el texto
    });
});

### Cambios Realizados:

1. Contexto de Inserción: En el llamado AJAX, reemplaza $(this) por $('.nawere') al insertar el nuevo div para asegurarte de que se inserte justo después del input.

2. Añadir Texto: En el bloque onclick de .lobre, se agrega dataidValue al contenido de .nawere con espacios.

3. Enfocar Input: Se agrega .focus() al final para que el campo se enfoque después de agregar el texto. Este es un paso opcional, pero puede mejorar la experiencia del usuario.

Con estos cambios, cuando hagas clic en un elemento con la clase .lobre, el valor del atributo datauser se añadirá correctamente al input .nawere. Si necesitas más ayuda, no dudes en preguntar.

Hacer clic para expandir...

blankito1998 dijo:

oks pero ahora haz que borre todos los caracteres agregados hasta el @ y coloque los de datauser
$(document).on("click", ".lobre", function() {
var dataidValue = $(this).attr("datauser");
$('.nawere').val(function(i, text) {
return text + dataidValue + " "; // Agrega datauser al final del texto actual
}).focus(); // Opcional: enfocar el input después de agregar el texto
});

Hacer clic para expandir...

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
        } else {
            return dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

Para borrar todos los caracteres hasta el símbolo @ en el campo de texto y reemplazarlos con el valor de datauser, puedes usar una combinación de expresiones regulares para encontrar la posición del @ y luego crear el nuevo valor. Aquí tienes cómo se vería la modificación:

### Código Modificado

JavaScript:

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
        } else {
            return dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Descripción de los Cambios:

1. Buscar el Índice de @: Se utiliza text.lastIndexOf('@') para obtener la posición del último símbolo @ en el texto.

2. Crear el Nuevo Valor:
- Si se encuentra un [ICODE]@[/ICODE], se toma el texto desde el principio hasta el índice de @ y se le añade dataidValue seguido de un espacio.
- Si no hay una mención, simplemente se añade el valor de dataidValue al principio.

3. Foco en el Input: Se mantiene la opción de enfocar el input después de agregar el nuevo texto.

Con estas modificaciones, cuando hagas clic en un elemento con la clase .lobre, se eliminarán todos los caracteres desde el comienzo hasta @ y se reemplazarán con el valor de datauser. Si necesitas más ayuda, ¡avísame!

Hacer clic para expandir...

blankito1998 dijo:

$(document).on("click", ".lobre", function() {
var dataidValue = $(this).attr("datauser");
var dataidinput = $(this).attr("datainput");
$('.nawere').val(function(i, text) {
// Buscar índice de la última mención que comienza con '@'
var mentionIndex = text.lastIndexOf('@');

// Si se encontró '@', reemplazar desde el índice hasta el final
if (mentionIndex !== -1) {
return "@"+text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
} else {
return "@"+dataidValue + " "; // Si no hay mención, simplemente agrega datauser
}
}).focus(); // Opcional: enfocar el input después de agregar el texto
});

puedes hacer que esto funcione en el nawere con el datainput igual?

Hacer clic para expandir...

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
    
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

javascript
   if (mentionIndex !== -1) {
       return text.substring(0, mentionIndex) + dataidValue + " " + dataidInputValue; // Reemplaza lo anterior por datauser y agrega datainput
   } else {
       return "@" + dataidValue + " " + dataidInputValue; // Agrega datauser y datainput 
   }

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
    
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " " + dataidInputValue; // Reemplaza lo anterior por datauser
        } else {
            return "@" + dataidValue + " " + dataidInputValue; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

Claro, puedes hacer que el valor de dataidinput también se utilice para reemplazar el texto en .nawere. Simplemente modifica el código para incluir el valor de dataidinput cuando se encuentra el símbolo @. Aquí te muestro cómo hacerlo:

### Código Modificado

JavaScript:

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
   
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Modificaciones Realizadas:

1. Uso de dataidinput: Puedes decidir cómo interactuar con el valor de dataidinput. En el código actual, si deseas usarlo como un prefijo o necesitarlo dentro del valor final, puedes añadirlo donde desees.

2. Incorporar dataidinput: Si se requiere agregar dataidinput después de dataidValue en el input, puedes hacerlo como se muestra a continuación:

Insertar CODE, HTML o PHP:

javascript
   if (mentionIndex !== -1) {
       return text.substring(0, mentionIndex) + dataidValue + " " + dataidInputValue; // Reemplaza lo anterior por datauser y agrega datainput
   } else {
       return "@" + dataidValue + " " + dataidInputValue; // Agrega datauser y datainput
   }

### Ejemplo Completo Modificado

Aquí tienes el ejemplo completo incluyendo dataidinput en la salida:

JavaScript:

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
   
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " " + dataidInputValue; // Reemplaza lo anterior por datauser
        } else {
            return "@" + dataidValue + " " + dataidInputValue; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

Con este código, al hacer clic en un elemento con la clase .lobre, se reemplazarán los caracteres hasta el símbolo @ y se añadirá tanto el valor de datauser como de datainput. Si tienes preguntas adicionales, ¡estaré encantado de ayudarte!

Hacer clic para expandir...

blankito1998 dijo:

no me entendiste xd, quise decir que se agregue el texto en el nawere que tenga el dataid igual datainput

Hacer clic para expandir...

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
   
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidInputValue + " "; // Reemplaza con datainput
        } else {
            return "@" + dataidInputValue + " "; // Si no hay mención, agrega dataidInputValue
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

¡Entendido! Si deseas que el texto en el input .nawere esté basado en el datainput de cada elemento al hacer clic, puedes reemplazar completamente el valor del campo con el texto de datainput. Aquí tienes cómo hacerlo:

### Código Modificado

JavaScript:

$(document).on("click", ".lobre", function() {
    var dataidValue = $(this).attr("datauser");
    var dataidInputValue = $(this).attr("datainput"); // Obtener el valor de datainput
  
    $('.nawere').val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidInputValue + " "; // Reemplaza con datainput
        } else {
            return "@" + dataidInputValue + " "; // Si no hay mención, agrega dataidInputValue
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Cambios Realizados:

1. Uso de dataidInputValue: Cuando el valor se actualiza en .nawere, ahora se reemplaza con el valor de dataidInputValue en lugar de dataidValue.

2. Manejo de la Lógica: Si se encuentra el símbolo @, se elimina el texto desde la última mención hasta el final y se agrega dataidInputValue seguido de un espacio. Si no hay mención reconocida, simplemente se agrega "@" seguido de dataidInputValue.

### Resultado:
Con estos cambios, al hacer clic en un elemento con la clase .lobre, se actualizará el input .nawere con el valor asociado a datainput en lugar de datauser. Si necesitas más ajustes, ¡házmelo saber!

Hacer clic para expandir...

blankito1998 dijo:

no me entiendes, me refiero a algo mas o menos asi
$(document).on("click", ".lobre", function() {
var dataidValue = $(this).attr("datauser");
var dataidinput = $(this).attr("datainput");
$('.nawere' + dataidinput=this).val(function(i, text) {
// Buscar índice de la última mención que comienza con '@'
var mentionIndex = text.lastIndexOf('@');

// Si se encontró '@', reemplazar desde el índice hasta el final
if (mentionIndex !== -1) {
return "@"+text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza lo anterior por datauser
} else {
return "@"+dataidValue + " "; // Si no hay mención, simplemente agrega datauser
}
}).focus(); // Opcional: enfocar el input después de agregar el texto
});

Hacer clic para expandir...

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

    // Usar el valor de datainput como parte del selector
    $('.nawere' + dataidInput).val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza con datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

Ahora entiendo lo que necesitas, quieres que el texto se agregue al input cuyo selector es igual al valor de datainput.

Para hacerlo, debes construir el selector dinámicamente utilizando el valor de datainput. Aquí está el código corregido para que funcione de la manera que deseas:

### Código Modificado

JavaScript:

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

    // Usar el valor de datainput como parte del selector
    $('.nawere' + dataidInput).val(function(i, text) {
        // Buscar índice de la última mención que comienza con '@'
        var mentionIndex = text.lastIndexOf('@');

        // Si se encontró '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza con datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Explicación del Código:

1. Selector Dinámico: El selector se forma utilizando $('.nawere' + dataidInput). Esto permite que el código encuentre el elemento que quieres modificar, basándose en el valor de datainput.

2. Lógica para el Valor: El valor del campo se actualiza para reemplazar cualquier cosa que esté después de la última mención @, o simplemente insertar dataidValue precedido de @ si no hay menciones.

Este código debería funcionar como deseas, asegurando que el input correcto se modifique. Si necesitas más ayuda o aclaraciones, ¡hazmelo saber!

Hacer clic para expandir...

blankito1998 dijo:

lo que quiero es que se agregue al mismo nawere que tenga el mismo valor de datainput ejemplo
<textarea class="nawere" dataid="1"></textarea>
quiero que se agregue al nawere que tenga el valor de datainput

Hacer clic para expandir...

$(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ó '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza con datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

¡Gracias por la aclaración! Si deseas que el texto se agregue al input .nawere que tenga el mismo valor en el atributo dataid que el valor de datainput, debes construir el selector basado en el atributo dataid.

Aquí tienes la modificación del código para hacerlo correctamente:

### Código Modificado

JavaScript:

$(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ó '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza con datauser
        } else {
            return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Explicación del Código:

1. Selector Basado en dataid: Utilizamos $('.nawere[dataid="' + dataidInput + '"]') para seleccionar el textarea que tenga el atributo dataid igual al valor de datainput. Esto asegura que el texto se agregará solo en el textarea correcto.

2. Lógica para el Valor: Como en el código anterior, se busca la última mención (si existe) y se actualiza el valor del textarea correspondientemente.

Ahora, al hacer clic en un elemento con la clase .lobre, se agregará el texto al textarea correspondiente según su dataid. Si hay más preguntas o necesitas más ayuda, ¡avísame!

Hacer clic para expandir...

blankito1998 dijo:

oks funciona, ahora puedes hacer que cuando se agregue el texto contenga un @ siempre al iniciar el texto?

Hacer clic para expandir...

$(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ó '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return "@" + dataidValue + " " + text.substring(mentionIndex + 1); // Reemplaza con datauser y mantiene el resto
        } else {
            return "@" + dataidValue + " "; // Siempre empieza con @ y agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

¡Claro! Para asegurarte de que siempre haya un símbolo @ al inicio del texto en el textarea, simplemente puedes modificar el código en la parte donde se establece el valor. Aquí tienes el código actualizado:

### Código Modificado

JavaScript:

$(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ó '@', reemplazar desde el índice hasta el final
        if (mentionIndex !== -1) {
            return "@" + dataidValue + " " + text.substring(mentionIndex + 1); // Reemplaza con datauser y mantiene el resto
        } else {
            return "@" + dataidValue + " "; // Siempre empieza con @ y agrega datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Cambios Realizados:

1. Al construir el valor en el textarea, siempre añadimos "@" antes de dataidValue.
2. Si ya había un símbolo @ en el texto, el nuevo valor comenzará con "@" y seguirá lo que estaba después de la última mención.

Ahora, el texto en el textarea siempre comenzará con un símbolo @. Si necesitas más modificaciones o tienes alguna otra pregunta, ¡no dudes en decírmelo!

Hacer clic para expandir...

blankito1998 dijo:

$(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ó '@', reemplazar desde el índice hasta el final
if (mentionIndex !== -1) {
return text.substring(0, mentionIndex) + dataidValue + " "; // Reemplaza con datauser
} else {
return "@" + dataidValue + " "; // Si no hay mención, simplemente agrega datauser
}
}).focus(); // Opcional: enfocar el input después de agregar el texto
});

nose que hiciste pero me borra todo el texto

Hacer clic para expandir...

$(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) {
        // Asegurarse de que el texto empiece con '@'
        if (!text.startsWith('@')) {
            return "@" + dataidValue + " " + text; // Agregar @ al inicio si no existe
        } else {
            return text + " " + dataidValue; // Agregar después del texto existente
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

Lo siento por la confusión. Para asegurarte de que solo agregues el nuevo texto sin borrar todo, es importante mantener el texto existente en el textarea y añadir el nuevo valor correctamente.

Aquí tienes una versión corregida del código que debería funcionar como deseas, asegurando que mantenga el texto existente y añada el nuevo valor:

### Código Corregido

JavaScript:

$(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) {
        // Asegurarse de que el texto empiece con '@'
        if (!text.startsWith('@')) {
            return "@" + dataidValue + " " + text; // Agregar @ al inicio si no existe
        } else {
            return text + " " + dataidValue; // Agregar después del texto existente
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Explicación de Cambios:

1. Preservar el Texto Existente: En lugar de reemplazar todo el texto, estamos concatenando el nuevo valor al existente. Si el texto no comienza con @, lo agrega al inicio.

2. Condición para Agregar @: Verificamos si el texto existente ya comienza con @. Si no es así, lo agregamos; de lo contrario, simplemente añadimos el nuevo valor.

Con este código, el texto existente en el textarea se mantendrá, y el nuevo texto se añadirá correctamente sin borrar el contenido previo. Si necesitas más ayuda o ajustes, ¡hazmelo saber!

Hacer clic para expandir...

blankito1998 dijo:

pero quiero que borre todos los caracteres hasta donde esta el ultimo @

Hacer clic para expandir...

$(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) {
            return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
        } else {
            return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

BotBeta dijo:

¡Entendido! Si quieres borrar todo el texto hasta el último símbolo @ y agregar el nuevo valor después de eso, aquí tienes el código modificado para lograrlo:

### Código Modificado

JavaScript:

$(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) {
            return text.substring(0, mentionIndex) + "@" + dataidValue + " "; // Reemplazar con el nuevo valor
        } else {
            return "@" + dataidValue + " "; // Si no hay '@', simplemente agregar datauser
        }
    }).focus(); // Opcional: enfocar el input después de agregar el texto
});

### Explicación de Cambios:

1. Borrar hasta el Último @: Usamos lastIndexOf('@') para encontrar la última aparición de @ en el texto. Si se encuentra, se reemplaza todo hasta ese punto con el nuevo valor precedido de @.

2. Condición para el Nuevo Valor: Si no hay @ en el texto, simplemente se agrega el nuevo valor con @.

Este código debería funcionar como esperas, manteniendo el texto después del último @ y agregando el nuevo usuario. Si hay más cambios que deseas hacer, ¡avísame!

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
}

// Realizar la llamada AJAX
$.get("../hola.php", { searpro: lastMention }, 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
}
});


});

$.get("../hola.php", { searpro: lastMention },, { prosear: menciones}, function(data){

en esta parte como hago una sub busqueda con todas la menciones con 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
            }

            // 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
        }
    });
});

• 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.