Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Nascondere immagine con javascript

    Salve, ho un piccolo problema.
    Ho una pagina html al cui interno carico una immagine con il seguente comando:
    <div id="mappa" class="toggle">
    [img]download/iconamappa.jpg[/img]</div>
    Mi piacerebbe che al caricamento della pagina l'immagine risulti invisibile.
    Quando clicco sul tasto ok di una form viene passato il controllo ad una funzione javascript che controlla che i dati inseriti siano giusti.
    In questa funzione dovrei mettere poi il comando per rendere visibile l'immagine.
    Ho cercato su internet ma non ho trovato nulla che mi potesse aiutare.
    Mi sapete dire qualocosa?
    Grazie mille

  2. #2
    marò.
    Vabbuò dai un id alla immagine che so
    id="pippo"

    e uno style che dice
    style="display:none;"

    [img]download/iconamappa.jpg[/img]

    poi nel pulsante o quello che è metti un onclick e nell onclick

    document.getElementById('pippo').style.display='in line';

    cioè

    onclick="document.getElementById('pippo').style.di splay='inline';"

    oppure se hai già un onclick che lancia una funzione, metti nella funzione la riga
    document.getElementById('pippo').style.display='in line';

  3. #3

    Funziona!!

    Ti ringrazio per quello che mi hai mandato, l'ho subito adattato al mio caso e ho risolto il problema.
    Colgo l'occasione per chiederti un ultima cosa, così finisco finalmente il mio sito internet.
    Ho una pagina php che chiamerò pagina1 con il il codice che mi hai mandato modificato in base alle mie necessità come segue:

    <div class="toggle" id="mappa" style="display:none;">
    [img]download/iconamappa.jpg[/img]

    <font color="red">*Il tasto stampa verrà abilitato dopo aver aperto la cartina stradale.
    Cliccate sulla cartina a destra per avviare il download.</font></div>

    quando ci clicco sopra mi chiama la seguente funzione javascript:

    function mappa()
    {
    mappa=window.open('','mappa');
    mappa.location.href="download/mappa.pdf";
    }

    che non fa altro che scaricarmi ed aprirmi il file pdf in una nuova finestra che chiamerò pagina2.
    Il tutto funziona correttamente, ho la finestra principale pagina1 con l'immagine da cliccare ed una nuova finestra pagina2 con il file pdf aperto.
    Se chiudo la finestra pagina2 con il pdf e clicco nuovamente sull'immagine nella finestra pagina1, mi aspettavo che si aprisse di nuovo la pagina2 con il pdf ma, invece, il codice non funziona più.
    Mi esce il seguente errore:

    Messaggio: Il chiamato (server [applicazione non server]) non è disponibile ed è scomparso. Tutte le connessioni non sono valide. La chiamata non è stata effettuata.

    Se aggiorno la pagina1 torna tutto a funzionare.
    Mi sai dire se c'è una soluzione senza aggiornare la pagina1?
    Grazie mille.

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <A HREF="download/mappa.pdf" onclick="mappa();return false;">

    function mappa()
    {
    window.open('download/mappa.pdf','mappa');
    }
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Favoloso....
    Mille grazie.

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.