[SOLUCIONADO] id autoincrement

[danny_]

Buenas gente!!

Me he trabado en una tontería muy grande que no consigo forma de solucionarla. Os explico...

Tengo una función que hace peticiones json a un fichero php, no obstante quiero que dichas peticiones empiecen a contar con el valor del id_seleccionado de una galería de imágenes en adelante.
Os dejo un fragmento de código resumindo...

Código Javascript:

var id=Number(document.getElementById('id_subcat').innerHTML);
 
function getJson(){
   
    id=++id;
    
    return id;
}
 

Al intentar que la variable "id" coja el valor con el selector getElementById(); no lo coge ya que está fuera de la función y por lo tanto me da directamente un "undefined". He probado incluirlo en la misma función pero solo me incrementa al número siguiente y lo que necesito es que vaya incrementándose 4, 5, 6.... etc.

¿Alguien se le ocurre o se ha topado alguna vez con el mismo problema de un autoincrement y alguna solución o idea??

[alberto510a]

Código Javascript:

var id= parseInt(document.getElementById('id_subcat').value);
 
function x(){
id++;
return id;
}
 

OJO! el valor de los select se toma con value no con innerHTML si es un selector de lo que tomas la id ese puede ser tu fallo.


Saludos!

[quimfv]

Código Javascript:

function getJson(id){
   
    id++;
    
    return id;
}
 

Al llamar la función debes mandar el valor inicial...

Muestra un poco más de lo que estas haciendo...

como llamas la función inicial?
como llamas la siguiente imagen?

[danny_]

Gracias por vuestra respuesta!

El valor lo cojo de un span con visibility:hidden, aunque lo ponga como un input de un formulario me seguiría ocurriendo lo mismo. El fallo que me da es que esa variable que está fuera de la función no la coge sea un span o sea un input de formulario, necesito su valor para que el autoincrement de la función getjson(); se incremente en cada evento.

Código Javascript:

window.onload=function(){
    
    window.onclick=finalScroll; 
    
}
var id=document.getElementById('id_sub').value;
 
function finalScroll(){
    
   id++; //éste debería incrementarse en cada onclick, si el id global que tengo encima de la función tiene su value a 4, pues en cada click incremente a 5, al             //siguiente click a 6, al siguiente click a 7 y así consecutivamente...
    
}
 

Es un ejemplo resumido de lo que necesito hacer que funcione, pero "var id" me devuelve un valor a "NULL". Se os ocurre algo o veis dónde estoy cometiendo el fallo??

[danny_]

ya está! sabía que era una tontería muy grande, pero me ha quitado mucho tiempo...

he declarado la variable dentro del window.onload así:

Código Javascript:

window.onload=function(){
 
 var id=document.getElementById('id_subcat').innerHTML;
       
 
finalScroll();
 
 
}
 

y solucionado!! Gracias!