Problemino html

AFK99

Nuovo Utente
78
9
Non riesco a capire come mai non mi funziona "bottom" non mi appare nemmeno.
HTML:
<!DOCTYPE html>

<html>
<head>
    <title>Dispacci</title>
    <body style= "margin: 0px;">
        <h1 align="center">Clicca il pulsante</h1>
     
        <menu type="context" id="ciao">
            <menuitem label= "vai su google" onclick="window.location='[URL]https://www.google.com/[/URL][URL='https://www.instagram.com/?hl=it';']';[/URL]"> </menuitem>
         
            <button type="button"  onclick="getElementById('paragrafo1').setAttribute('style','visibility:hidden');"> Cliccami</button>
      
         
         
        </menu>
       <p   id="paragrafo1"
           contextmenu= "ciao"
          
          
             style= "margin-top: 190px;
              font-size: 20px;
              text-align: center;
              text-decoration: underline ;
              color: #009900;
              " >
 
Ultima modifica da un moderatore:

rctimelines

Utente Èlite
5,144
2,023
CPU
Ryzen 7 2700X | i7-6700k@4.5 | i5-4460... altri
Dissipatore
wraith MAX | Scythe Katana2|Arctic Freezer 11LP
Scheda Madre
Asrock B450 Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
HDD
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
GPU
RadeonPro WX3100 4G | ZOTAC GTX 1070 8G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | LG Ultrawide 27''
Net
fibra 1000
OS
Windows10-pro64/OpenSUSE-QL15.1/Debian 10.3
Button, no bottom: visibility:hidden ??

Inviato dal mio Nexus 5 utilizzando Tapatalk
 

AFK99

Nuovo Utente
78
9
scusami è stato un errore di battitura

per quanto riguarda visibility:hidden mi è stato suggerito così dici che è sbagliato?
Post unito automaticamente:

ho provato anche con .setAttribute('hidden', '');" ma nulla.
 

rctimelines

Utente Èlite
5,144
2,023
CPU
Ryzen 7 2700X | i7-6700k@4.5 | i5-4460... altri
Dissipatore
wraith MAX | Scythe Katana2|Arctic Freezer 11LP
Scheda Madre
Asrock B450 Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
HDD
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
GPU
RadeonPro WX3100 4G | ZOTAC GTX 1070 8G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | LG Ultrawide 27''
Net
fibra 1000
OS
Windows10-pro64/OpenSUSE-QL15.1/Debian 10.3
Scusa, ma ti è stato suggerito cosa significa? Sai quello che fai oppure scrivi copi e incolli in base a quanto ti viene detto??

Cosa significa, secondo te: "visibility" che è una proprietà e "hidden" che è il valore che gli assegni?

Inviato dal mio Nexus 5 utilizzando Tapatalk
 
  • Mi piace
Reazioni: Dawking

AFK99

Nuovo Utente
78
9
utilizzando la funzione getElementById prendo l'id del paragrafo e vi aggiungo l'attributo 'hidden'
visibility è una proprietà, hidden è un attributo
 
Ultima modifica:

rctimelines

Utente Èlite
5,144
2,023
CPU
Ryzen 7 2700X | i7-6700k@4.5 | i5-4460... altri
Dissipatore
wraith MAX | Scythe Katana2|Arctic Freezer 11LP
Scheda Madre
Asrock B450 Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
HDD
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
GPU
RadeonPro WX3100 4G | ZOTAC GTX 1070 8G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | LG Ultrawide 27''
Net
fibra 1000
OS
Windows10-pro64/OpenSUSE-QL15.1/Debian 10.3
Quindi? .. non compare perché lo nascondi!

Inviato dal mio Nexus 5 utilizzando Tapatalk
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Scusate un secondo...

@AFK99 cosa è che non appare ?
Il pulsante si vede, quando lo clicchi il paragrafo viene nascosto.
Provato su Chrome.

Se poi intendi la struttura a menu che hai fatto allora il discorso è un'altro, al monento non si vede e non serve.
 

AFK99

Nuovo Utente
78
9
alle fine ho risolto, ho copiato semplicemente il tag button sotto il paragrafo, ho lascito l'attributo hidden e il relatativo id per il paragrafo alla funzione getelementbyid, ma è prorpio questo che non capisco.. tramite quest'ultima funzione io attacco tutto al paragrafo perché c'è necessita di metterlo dopo?
guardate:
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>Dispacci</title>
    <body style= "margin: 0px;">
        <h1 align="center">Clicca il pulsante</h1>
        <menu type="context" id="ciao">
            <menuitem label= "condividi su instagram" onclick="window.location='[URL]https://www.instagram.com/?hl=it';[/URL]"> </menuitem>
        </menu>
       <p   id="para"
           contextmenu= "ciao"
              style= "margin-top: 190px;
              font-size: 20px;
              text-align: center;
              text-decoration: underline ;
              color: #009900;
              " >
     Si era fatto tatuare il nome Marlene nella parte superiore del braccio
     <br />
     e nel suo elmetto c'era scritto "Judy" e disse: judy non sa nulla di MARLENE
       </p>
       <button style="color: #009900; margin-left: 40px; "  type="button"  onclick="getElementById('para').setAttribute('hidden','');"> Cliccami</button>      
    </body>
</head>
 
Ultima modifica da un moderatore:

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Forse non hai visto il mio avviso, adesso lo scrivo pubblico: usa il tag CODE.
Edito di nuovo io il tuo messaggio ma la prossima volta chiudo la discussione.

Comunque continuo a non capire dove stava il problema, pulsante prima o dopo funziona uguale :boh:
Nel tuo ultimo codice cambia solo la resa estetica, col pulsante che si sposta in alto, ovviamente.
 
Ultima modifica:
  • Mi piace
Reazioni: rctimelines

Ibernato

Utente Èlite
4,328
2,047
OS
Windows 10 Pro / Ubuntu 22.04
alle fine ho risolto, ho copiato semplicemente il tag button sotto il paragrafo, ho lascito l'attributo hidden e il relatativo id per il paragrafo alla funzione getelementbyid, ma è prorpio questo che non capisco.. tramite quest'ultima funzione io attacco tutto al paragrafo perché c'è necessita di metterlo dopo?
guardate:
HTML:
<!DOCTYPE html>
<html>
<head>
    <title>Dispacci</title>
    <body style= "margin: 0px;">
        <h1 align="center">Clicca il pulsante</h1>
        <menu type="context" id="ciao">
            <menuitem label= "condividi su instagram" onclick="window.location='[URL]https://www.instagram.com/?hl=it';[/URL]"> </menuitem>
        </menu>
       <p   id="para"
           contextmenu= "ciao"
              style= "margin-top: 190px;
              font-size: 20px;
              text-align: center;
              text-decoration: underline ;
              color: #009900;
              " >
     Si era fatto tatuare il nome Marlene nella parte superiore del braccio
     <br />
     e nel suo elmetto c'era scritto "Judy" e disse: judy non sa nulla di MARLENE
       </p>
       <button style="color: #009900; margin-left: 40px; "  type="button"  onclick="getElementById('para').setAttribute('hidden','');"> Cliccami</button>    
    </body>
</head>
Ma non sarebbe èiù utile specificare cosa devi fare in modo chiaro e conciso?
Non si vede non vuol dire niente.
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili