Visualizzazione risultati 1 fino 4 di 4

Discussione: Codice per far aprire un <div> al click di un immagine?

  1. #1
    Guest

    Unhappy Codice per far aprire un <div> al click di un immagine?

    Ciao ragazzi.
    Oggi volevo chiedervi il codice che permette:
    Quando clicco su un immagine mi si apre l'altro div,si puo' fare?
    Vi lascio un esempio:
    Gyazo - 28041f46a908ee5d8f47a6d920e48d4e.gif
    ovviamente esempio a scopo dimostrativo tratto da un gioco.
    Importante ed urgente
    grazie!

  2. #2
    Guest

    Predefinito

    Mmm qui il messaggio l'hai incollato male

    Comunque, si dovresti specificare cosa intendi per "aprire un div"

    Es. Crei un nuovo elemento

    L'elemento é invisibile e devi renderlo visibile


    Ecc
    Ultima modifica di FormularioDiDrakensang : 06-08-2014 alle ore 22.13.15

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da FormularioDiDrakensang Visualizza messaggio
    Mmm qui il messaggio l'hai incollato male

    Comunque, si dovresti specificare cosa intendi per "aprire un div"

    Es. Crei un nuovo elemento

    L'elemento é invisibile e devi renderlo visibile


    Ecc
    Tieni l'immagine che ha cercato di postare, sono riuscito a recuperarla :

    http://i.gyazo.com/28041f46a908ee5d8f47a6d920e48d4e.gif

  4. #4
    Guest

    Predefinito

    <style>
    .aprireundiv
    {
    border: 2px dotted red;
    width: 400px;
    height: 300px;
    display: none;
    padding: 5px;
    box-shadow: 0px 0px 0px 3px gray;
    border-radius: 10px;
    background: #feccb1;
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e));
    background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
    background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
    background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
    background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
    }
    </style>

    <img onClick = "magia()" id = "cliccareunimmagine" src =

    "http://i.gyazo.com/28041f46a908ee5d8f47a6d920e48d4e.gif">
    <br> <br>
    <div id = "aprireundiv" class = "aprireundiv"></div>

    <script>
    function magia()
    {
    div = document.getElementById("aprireundiv");
    div.style.display = "block";
    div.innerHTML = "Sono un Div...";
    }
    </script>
    Ultima modifica di FormularioDiDrakensang : 07-08-2014 alle ore 08.37.01

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •