Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229

    problema display div onclik

    Ciao ragazzi,

    non riesco a far sparire un div, al click su un altro div.

    Al posto che il classico fade (che mi va in conflitto con i div in assoluto scrollabili al suo interno) vorrei farlo con un evento cmq java, ma semplicemente così:
    codice:
    $('#tinta').click(function () {
    		document.getElementById('fade_3').style.display=='none';
    });
    negli stili, .fade_3 ha display:block

    Avete idee?Grazie!!


  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, java e' una cosa e javascript tutt'altro
    La sintassi puoi scriverla tutta in jquery anzi che a metà così:

    $('#tinta').click(function () {
    $('#fade_3').hide();
    });

    Non vedendo il resto do per scontato che questo sta all'interno del $(document).ready(....
    o non funzionerebbe.

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229
    ho trovato questa funzione
    codice:
    function setElementVisibility(elementToSet, showItSwitch, keepPlacementSwitch){
     if (showItSwitch) {
       elementToSet.style.display = "block";
     }
     else{
       if (keepPlacementSwitch) {
         elementToSet.style.display = "none";
       }
       else{
         elementToSet.style.display = "none";
       }
     }
    }
    
    $('#tinta').click(function () {
    		if (document.getElementById('fade_4').style.display=='block')
    			setElementVisibility(document.getElementById("fade_3"), false, true);
    		else{
    			setElementVisibility(document.getElementById("fade_3"), true);
    		}
    
    });
    parto con fade_3 display:none. Al primo click me lo mostra correttamente (display:block) ma poi sul secondo click non me lo fa sparire. Cosa sbaglio?

    Graziee

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2011
    Messaggi
    229
    AHAHAHAHAHA fade_4 da dove arriva mo?

    Occhei modificato con fade_3 funziona,


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.