Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Aprire div con click

  1. #1

    Aprire div con click

    Salve a tutti, volevo chiedervi un favore.
    Sto cercando di realizzare un sito in html (e css) e vorrei che cliccando su una determinata immagine si apra un div e cliccandoci una seconda volta si chiuda.

    Al momento uso questo codice:
    <a href="#null" onclick="document.getElementById('search').style.d isplay='none'; return false;"> <img src="img/search.png" /> </a></td>

    <div id="search" align="right">
    <form method="post" enctype="text/plain"> <input type="text" name="search" size="30" value="ricerca" id="ricerca" style="color:#808080"/> </form>
    </div>

    e funziona, infatti quando clicco sull'immagine poi il div scompare.

    Però quando uso questo:
    <a href="#null" onclick="document.getElementById('search').style.d isplay='block'; return false;"> <img src="img/search.png" /> </a></td>

    <div id="search" align="right">
    <form method="post" enctype="text/plain"> <input type="text" name="search" size="30" value="ricerca" id="ricerca" style="color:#808080"/> </form>
    </div>
    Non funziona neanche se lo pago. Clicco e non succede niente, il div non si apre nemmeno se lo minaccio.

    Non capisco il perché... qualcuno di voi saprebbe aiutarmi?

    (premetto che so a malapena le basi e sto usando dei codici che non conosco, dal momento che so muovermi solo in html e css e questo dovrebbe essere un linguaggio di java credo, anche se mi sembra comprensibile)

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    questo per chiuderlo
    codice:
    <a href="javascript:;" onclick="document.getElementById('search').style.display='none';">chiudi</a>
    questo per aprirlo
    codice:
    <a href="javascript:;" onclick="document.getElementById('search').style.display='block';">apri</a>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    vorrei che cliccando su una determinata immagine si apra un div e cliccandoci una seconda volta si chiuda
    Ciao e benvenuto, io ti consiglierei l'uso di un checkbox.
    Una cosa del genere:
    codice:
    <label>
      <img src="img/search.png"/>
      <input type="checkbox" style="display:none;" checked="checked" onclick="document.getElementById('search').style.display=this.checked?'block':'none';">
    </label>
    
    <div id="search" align="right">
      <form method="post" enctype="text/plain">
        <input type="text" name="search" size="30" value="ricerca" id="ricerca" style="color:#808080"/>
      </form>
    </div>
    questo dovrebbe essere un linguaggio di java credo
    Credi male, è JavaScript.
    JavaScript non è Java


    PS: quando posti del codice sul forum è consigliabile l'uso degli appositi tag di formattazione. Vedi regolamento di sezione.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.