Hacer invisibles a los botones?

[milomondo]

Holas, buenos dias.


Tengo una duda (la del titulo xD)
Quiero lograr hacer que unos botones, que tengo actualmente deshailitados en un programita que tengo, sean invisibles hasta el momento en que se habiliten.

Es decir, los mismos no realizan ninguna funcion en el programita hasta que el usuario ingresa datos, asi que estaba necesitando que ni aparescan hasta que el usuario ingrese datos primero, y que recien allí los botones (ya funcionels) se hagan visisbles.


Agrdesco cualquier ayuda al respecto que se me pueda dar al respecto, suplico compasion. xD

[Panino5001]

Hola, milomondo, para ponerlos invisibles podés usar la propiedad css visibility:

Código PHP:

  document.getElementById("valorDelAtributoIdDelElementoHtml").style.visibility="hidden"; 
   

Eso hace que no se vean pero sigan ocupando el espacio que ocupaban. Si necesitás que desaparezcan y ya no ocupen espacio, podés optar por la propiedad css display:

Código PHP:

  document.getElementById("valorDelAtributoIdDelElementoHtml").style.display="none"; 
   

Lo mejor sería que postees tu código para orientarte mejor porque estas instrucciones hay que revertirlas con algún evento para que aparezcan los objetos nuevamente (en realidad, en principio quizá te convendría usar sólo css -css sólo, sin javascript- para invisibilizar tus elementos, pero no es fácil saberlo si no aportás más información)

[milomondo]

Muchas gracias por la ayuda :), estos son los botones:
(los tengo en un html, son sobre un codigo de un jueguito inventado)

<P align="left"><button type="button" style="border: 0px" class="BTN_TRANS" , name="mover" id="aceptar1" onClick="mover()"><img src="aceptar.png"></button></p><br><br>

<P align="left"><button type="button" style="border: 0px" class="BTN_TRANS" , name="mover2" id="aceptar2" onClick="mover2()"><img src="aceptar.png"></button></p><br><br>


Y funcionan con esta funcion que llamo desde un ".js":

Código Javascript:

function principal() {
    var nombre = $("#Inombre").val();
    var apellido = $("#Iapellido").val();
    var escuderia = $("#Iescuderia").val();
    var numero = $("#Inumero").val();
    var carga = $("#Icarga").val();
    var recarga = $("#Irecarga").val();
    var suerte =parseInt(Math.random()*4)+1;
    var destreza= parseInt(Math.random()*4)+1;
       
       if (nombre=="" || apellido=="" || escuderia=="" || numero=="" || carga=="" || recarga=="" ){
        alert ("Por favor, ingrese todos los datos");
            ("nombre").val("")
            ("apellido").val("")
            ("escuderia").val("")
            ("numero").val("")
            ("carga").val("")
            ("recarga").val("")
            
    } 
       
       if (isNaN(numero)  || isNaN(carga)  || isNaN(recarga)   ) {
           alert("Los campos: numero, carga y recarga solo permiten valores numericos")
           ("nombre").val("")
            ("apellido").val("")
            ("escuderia").val("")
            ("numero").val("")
            ("carga").val("")
            ("recarga").val("")
           
           }
           
                  if (!isNaN(nombre)  || !isNaN(apellido)  || !isNaN(escuderia)   ) {
           alert("Los campos: nombre,apellido y escuderia solo permiten texto")
           ("nombre").val("")
            ("apellido").val("")
            ("escuderia").val("")
            ("numero").val("")
            ("carga").val("")
            ("recarga").val("")
          
           }
           
                if (carga<5) {
           alert ("Minimo 5 litros");}
           
        
        else {
             
            {movimiento('jugadores1')}
            
            nombres [nombres.length] = nombre;
            $("#Inombre").val ("");
            apellidos [apellidos.length] = apellido;
            $("#Iapellido").val ("");
            escuderias [escuderias.length] = escuderia;
            $("#Iescuderia").val ("");
            numeros [numeros.length] = numero;
            $("#Inumero").val ("");
            cargas[ cargas.length] = carga;
            $("#Icarga").val ("");
            recargas[ recargas.length] = recarga;
            $("#Irecarga").val ("")
            suertes[ suertes.length] = suerte;
            destreza[ destreza.length] = destreza;
            
            
            
    }
    
}
 

Clickeando otro boton que ya tengo, se activa la funcion principal, lo que necesito es que recien al activarse esta funcion por primera vez , aparesca el primer boton, y al volver a hacerlo que aparesca el segundo.

[milomondo]

( de CSS la verdad no conosco, si conoces algun metodo similar con Javascript porfavor hazmelo saber, pero si CSS es el unico metodo que asi sea: agradesco de verdad tu respuesta :D )