Problemas para crear botón de añadir a marcadores

neck · #1 (**permalink**) 06/04/2016, 02:14

Hola amigos

Estoy creando un botón para añadir productos a una lista de favoritos. La acción del botón seria: Al hacer click en un objeto con las clase "tal" obtengo el id del objeto que es el mismo que el id del producto, conecto por post a un php que recoje el identificador obtenido y lo guarda en una ase de datos. A la vez recoje el numero total de marcadores en la base de datos que esta impreso en un 'span' y le suma 1 y, y aquí viene mi problema cambia el texto del objeto donde hice click y lo cambia a 'Marcado'. Bueno pues este ultimo paso no funciona y después de probar varias cosas no se como solucionar.

Código:

    $(".marked").click(function(){

        var marked = $(this).attr('id');
        var count_marked = $("span#count_marked").text();

            $.post("controllers/process_marked.php", {id_vehicle: marked}, function(htmlexterno){

    if (htmlexterno==1) {

    $("span#50399").text("HOLA BUENOS DIAS");
    $("span#count_marked").text(parseInt(count_marked)+parseInt(1));

    
    }

            });
    });

Y este el codigo html

Código HTML:

<span class="marked" id="50399">Marcar</span>
<span class="marked" id="50400">Marcar</span><span class="marked" id="50401">Marcar</span>

<a href="?section=10&vehicle[]=50399,50382,50356&estados[]=1,5,1">Marcadores <span id="count_marked">3</span></a>

Haber si podeis dar con el error ya que no veo que puede estar pasando.

Saludos foreros

sintel_1 · #2 (**permalink**) 06/04/2016, 05:01

Hola.

No puedes usar un selector asi: $("span#count_marked").text();

count_marked es una variable, debes concatenarla:

$( "#" + count_marked ).text();

revisalo, tienes varios asi.

saludos

neck · #3 (**permalink**) 07/04/2016, 01:25

Buenas Sintel_1

Tu respuesta me ayudó bastante. Y tu me has ayudado bastantes veces por eso te lo agradezco sinceramente.

La cuestión por la que estoy en este tema, que ya solucioné, era una pausa en el camino donde me quedé estancado. Mi intención final es la de hacer una especie de botón on off donde al hacer click en on me grave el marcador, a través de POST y php, y al pulsar de nuevo en off borre el marcador.

He intentado trabajar con toggle() pero la confusión que me crean algunos tutoriales que he visto y la advertencia de que esta función esta obsoleta me hacen dudar.

¿Habéis trabajado con esta función antes? o ¿Cual es la logica y funciones que podría usar?

sintel_1 · #4 (**permalink**) 07/04/2016, 04:43

Hola.

Vaya, no sabia que esa funcion estuviera depreciated.
se puede solucionar facilmente con un simple if o case
la cuestion es ver el valor del elemento y en funcion de esto aplicar los cambios que quieras y cambiar el valor de nuevo.
algo asi:

Código HTML:

Ver original<!DOCTYPE html>
    <html>
    <head>
        <title>alternativa a toggle</title>
        <meta charset="UTF-8" />
        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        $("#boton").click(function () {
    if($(this).text() == "enciende") {
        $(this).text("apaga");
        $('#muestra').html('<h2>Encendido</h2>');
    } else {
        $(this).text("enciende");
        $('#muestra').html('<h2>Apagado</h2>');
    }
});
        });
        </script>
        
    </head>
    <body>
    <div id="boton">enciende</div>
    <div id="muestra"></div>
    </body>
    </html>

saludos.