Problemino html

AFK99

Nuovo Utente
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
4,363
1,465
Hardware Utente
CPU
AMD Ryzen 7 2700X | INTEL i5-6600k | INTEL i5-4460... altri
Dissipatore
wraith MAX | Arctic Freezer 11LP | stock
Scheda Madre
Asrock Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
Hard Disk
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
Scheda Video
RadeonPro WX3100 4G | KFA2 GTX 970 4G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | Acer 24" FHD | Benq 19" FHD
Sistema Operativo
Windows10-pro64/OpenSUSE-QL42.3/Manjaro-17.0.2-KDE
Button, no bottom: visibility:hidden ??

Inviato dal mio Nexus 5 utilizzando Tapatalk
 

AFK99

Nuovo Utente
scusami è stato un errore di battitura

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

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

rctimelines

Utente Èlite
4,363
1,465
Hardware Utente
CPU
AMD Ryzen 7 2700X | INTEL i5-6600k | INTEL i5-4460... altri
Dissipatore
wraith MAX | Arctic Freezer 11LP | stock
Scheda Madre
Asrock Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
Hard Disk
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
Scheda Video
RadeonPro WX3100 4G | KFA2 GTX 970 4G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | Acer 24" FHD | Benq 19" FHD
Sistema Operativo
Windows10-pro64/OpenSUSE-QL42.3/Manjaro-17.0.2-KDE
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
Reactions: Dawking

AFK99

Nuovo Utente
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
4,363
1,465
Hardware Utente
CPU
AMD Ryzen 7 2700X | INTEL i5-6600k | INTEL i5-4460... altri
Dissipatore
wraith MAX | Arctic Freezer 11LP | stock
Scheda Madre
Asrock Fatal1ty 4K | Asus Prime Z270P | Acer Veriton
Hard Disk
Samsung 970evo m.2 | vari | Samsung 860 evo
RAM
16GB G.Skill TridentZ 3000 | 16GB CORSAIR 2133 | 8GB DDR3 1600
Scheda Video
RadeonPro WX3100 4G | KFA2 GTX 970 4G | Quadro k620 2G
Monitor
DELL 2419P 2K + Benq 17" | Acer 24" FHD | Benq 19" FHD
Sistema Operativo
Windows10-pro64/OpenSUSE-QL42.3/Manjaro-17.0.2-KDE
Quindi? .. non compare perché lo nascondi!

Inviato dal mio Nexus 5 utilizzando Tapatalk
 

Mursey

Moderatore
Staff Forum
3,152
1,404
Hardware Utente
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
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

Moderatore
Staff Forum
3,152
1,404
Hardware Utente
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
Reactions: rctimelines

Ibernato

Utente Èlite
3,923
1,763
Hardware Utente
Sistema Operativo
Windows 10 Pro
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