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

    java che scambia visibilità div

    salve ragazzi ho un piccolo problema

    avrei bisogno di un javascript che al passaggio del mouse su un link fa vedere una div nascosta, sfruttando vari esempi sul web sono o giunto a questa conclusione:


    codice:
    <script type="text/javascript">
    function Vedi(){
    document.getElementById("scrollimmaginepiccolo").style.display = 'nome';
    document.getElementById("01").style.display = 'block';
    }
    function Nascondi(){
    document.getElementById("01").style.display = 'none';
    document.getElementById("scrollimmaginepiccolo").style.display = 'block';	
    }
    </script>
    nel div id 01 c'e un testo

    nel div scroll immaginepiccolo c'e un altra funzione java che scrolla delle img al refresh delle pagina eccola qua:
    codice:
    <script language="JavaScript">
      
    <!--
    img = new Array()
    ran = Math.floor(2 * Math.random());
    img[0] = 'img/img7.jpg';
    img[1] = 'img/img8.jpg';
    
    document.write("<img src=\""+img[ran]+"\">");
    // -->
    </script>

    il problema è che quando passo col mouse sul link la div nascosta mi si vede ma continua a vedersi spaginata anche l'immagine del div scrollimmaginepiccolo che invece dovrebbe stare su visibilità none e non capisco dove sta il problema potete aiutarmi??
    michele farinelli

    ingegneria informatica e dell'automazione

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Manca il listato/layout della pagina
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    non ho capito scusami!
    michele farinelli

    ingegneria informatica e dell'automazione

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    La vedo dura mancano gli oggetti tag (elementi della pagina) con i relativi stili che scatenano le funzioni
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    hai rgione aggiungo tutto


    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>22: agenzia di comunicazione in italia con studio in ancona milano e roma</title>
    <link href="fogliodistile.css" rel="stylesheet" type="text/css" />
    <body bgcolor="#00638f">
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/mobilyslider.js" type="text/javascript"></script>
    <script src="js/init.js" type="text/javascript"></script>
    <script type="text/javascript">
    function Vedi(){
    document.getElementById("scrollimmaginepiccolo").style.display = 'nome'
    document.getElementById("01").style.display = 'block';
    }
    function Nascondi(){
    document.getElementById("01").style.display = 'none'
    document.getElementById("scrollimmaginepiccolo").style.display = 'block';	
    }
    </script>
    
     <link rel="stylesheet" href="scripts/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
     <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({directionNavHide:false});
        });
        </script>
        
        
        
        
        
        
        
                        <script>
    	var numimg = random(7,15);
    	/* chiama la funzione random specificando gli estremi 7 e 15 e mette il valore di ritorno in numimg */
    	document.writeln("<img src=img\"img"+numimg+".jpg\">");
    </script>
    
    </head>
    
    
    
    
    
    
    
    
    <body>
    
    <div id="contenitore">
     <div id="header">
       [img]logo22.png[/img]
       <div id="frasetestata">  
         <p align="center"> Sono Ventidue, il partner ideale per la tua comunicazione. </p>
        <p align="center">Sviluppo progetti di comunicazione integrata e campagne crossmediali </p>
        <p align="center">utilizzando tutti gli strumenti e i driver di comunicazione disponibili.</p>
      </div>
      
        <div id="nav"><div id="menu">
    <ul>[*]CLASSIC[/list]
    <ul>[*] WEB & SEO[/list]
    <ul>[*]DIGITAL[/list][/list]
    </div></div>
     
      
     </div>
      
      <div id="servizi">
      Advertising
    
      </div>
        
          
           
        
    
      <div id="scrollimmaginepiccolo">
    <div id="01" style="display:none">CIAO SONO UN DIV NASCOSTOoooooo</div> 
    <script language="JavaScript">
      
    <!--
    img = new Array()
    ran = Math.floor(8 * Math.random());
    img[0] = 'img/img7.jpg';
    img[1] = 'img/img8.jpg';
    img[2] = 'img/img12.jpg';
    img[3] = 'img/img13.jpg';
    img[4] = 'img/img14.jpg';
    img[5] = 'img/img15.jpg';
    img[6] = 'img/img16.jpg';
    img[7] = 'img/img17.jpg';
    
    document.write("<img src=\""+img[ran]+"\">");
    // -->
    </script> 
    
      
            
    
      
      </div>
    
      
      
      
      <div id="scrolltesto">
       
    
    
    
        <script>
    var foto = new Array;
    var secondi = 20;
    
    foto[foto.length]= "img/img9.jpg";
    foto[foto.length]= "img/img10.jpg";
    foto[foto.length]= "img/img11.jpg";
    
    
    
    var numft = 1;
    document.writeln("<img name=\"imgmain\" src=\""+foto[numft-1]+"\" onload=\"setTimeout('slideshow()',"+secondi+"000)\">");
    
    function slideshow() {
    if(numft==foto.length) numft=0;
    numft++;
    document.imgmain.src = foto[numft-1];
    }
    </script>
      </div>
    
      <div id="scrollnews">Inserire qui il contenuto per  id "scrollnews"</div>
      
      
      
      
      
      <div id="scrollprincipale">
    
    		<div id="content">
    		<div class="slider">
    			<div class="sliderContent">
    				<div class="item">
    					[img]img/img1.jpg[/img]
    				</div>
    				<div class="item"></div>
    				<div class="item"></div>
    				<div class="item"></div>
    				<div class="item"></div>
    				<div class="item"></div>
    			</div>
    		</div>
    		
    	</div>
    
      
      
     </div>
    
      <div id="presentazione">
       
                <blockquote>
                  <blockquote>
                    <blockquote>
                      <blockquote>
    
    Comunicare, relazionarsi é qualcosa di insito nell'uomo, un bisogno primario.
                          Sono il tuo partner ideale, sono la soluzione giusta ai tuoi bisogni perché credo che la comunicazione sia semplicità, sia creatività, sia incontro.</p>
                        
    
     La comunicazione che creo per i miei clienti è fatta di valori, semplici, di impegno e, soprattutto, di ascolto: dei bisogni e dei desideri.
                          Comunicare significa diffondere, divulgare, far sapere al mondo ciò che si è sviluppato, ideato. Daresti in mano il tuo progetto a persone che non sanno come svilupparlo?</p>
                        
    
     No.
                          E quindi, daresti in mano il successo del tuo stesso progetto a persone che non sanno come comunicarlo al mondo? Beh, non penso.
                          Attenzione però comunicare non è persuadere, bensì convincere, vincere insieme, crescere insieme,  perché ciò che non sarà condiviso non sarà mai apprezzato e acquistato. </p>
                        
    
    Ed ora… Fermati un secondo, pensa a ciò  che ti ho detto. Se le mie parole ti hanno colpito, ti hanno stimolato, vuol dire che nel mondo c'e ancora spazio per la comunicazione. </p>
                        
    
    Ti aspetto. </p>
                      </blockquote>
                    </blockquote>
                  </blockquote>
                </blockquote>
      </div>
      
    <div id="introclassic">
      <p align="center">CLASSIC</p>
      <blockquote>
        <p align="left">&ldquo;in principio fu il verbo&rdquo;…
    
          Bhè, sembrerebbe proprio che la comunicazione nasca ancor prima dell&rsquo;uomo.
    
          Di sicuro l&rsquo;uomo non può fare a meno di comunicare: parlare, dialogare, raccontare, spiegare sono da sempre il nostro principale istinto.</p>
      </blockquote>
    </div>
      <div id="introwebseo">
        <blockquote>
          <p align="center">DIGITAL</p>
          <p align="left">Negli ultimi anni il modo di comunicare e gli strumenti per farlo sono cambiati totalmente. Siamo passati da una dimensione esclusivamente cartacea al mondo digitale – computers, internet e altro ancora che presto arriverà - e a tutte le possibilità che questi strumenti offrono.
    
          </p>
        </blockquote>
      </div>
      <div id="introdigital">
        <p align="center">DIGITAL</p>
        <blockquote>
          
    
    Negli ultimi anni il modo di comunicare e gli strumenti per farlo sono cambiati totalmente. Siamo passati da una dimensione esclusivamente cartacea al mondo digitale – computers, internet e altro ancora che presto arriverà - e a tutte le possibilità che questi strumenti offrono.
    
            
    
          </p>
        </blockquote>
      </div>
    
      <div id="footer">Inserire qui il contenuto per  id "footer"</div>
      
      
      
      
      
    </div>
    
    
    </body>
    </html>



    e questo è il foglio di stile


    codice:
    #contenitore {
    	height: 2000px;
    	width: 900px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    }
    #presentazione {
    	float: left;
    	height: 330px;
    	width: 900px;
    	font-family: "Times New Roman", Times, serif;
    	font-size: 16px;
    	background-color: #f9fbfc;
    	color: #6db4d4;
    	text-align: justify;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #6db4d4;
    }
    #introclassic {
    	float: left;
    	height: 300px;
    	width: 300px;
    	border-right-style: none;
    	border-right-color: #363;
    	font-family: "Avenir LT Std 35 Light";
    	background-color: #FFFFFF;
    	color: #4194bb;
    }
    #introwebseo {
    	float: left;
    	height: 300px;
    	width: 300px;
    }
    #introdigital {
    	height: 300px;
    	width: 300px;
    	float: left;
    	font-family: "Avenir LT Std 35 Light";
    	color: #4194bb;
    	background-color: #FFFFFF;
    }
    #footer {
    	float: left;
    	height: 70px;
    	width: 900px;
    	background-color: #4194bb;
    }
    #header {
    	font-family: "Times New Roman", Times, serif;
    	font-size: 16px;
    	font-style: normal;
    	color: #FFF;
    	background-color: #4194bb;
    	height: 170px;
    	width: 900px;
    	text-align: right;
    }
    #servizi {
    	font-family: "Times New Roman", Times, serif;
    	height: 179px;
    	width: 148px;
    	float: left;
    	background-color: #f9fbfc;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;
    	border-right-color: #4194bb;
    	border-bottom-color: #4194bb;
    	border-left-color: #4194bb;
    }
    #scrollimmaginepiccolo {
    	height: 179px;
    	width: 198px;
    	float: left;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-right-color: #4194bb;
    	border-bottom-color: #4194bb;
    	background-color: #FFF;
    	position: relative;
    	z-index: 1;
    }
    #scrollnews {
    	height: 179px;
    	width: 150px;
    	float: left;
    	background-color: #f9fbfc;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #4194bb;
    }
    #scrollprincipale {
    	background-color: #f9fbfc;
    	float: left;
    	height: 420px;
    	width: 900px;
    }
    #scrolltesto {
    	float: left;
    	height: 179px;
    	width: 400px;
    	background-color: #f9fbfc;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-right-color: #4194bb;
    	border-bottom-color: #4194bb;
    	position: relative;
    	z-index: 1;
    }
    #nav {
    	font-family: "Avenir LT Std 35 Light", "Avenir LT Std 35 Light Oblique", "Avenir LT Std 45 Book", "Avenir LT Std 55 Oblique", "Avenir LT Std 55 Roman", "Avenir LT Std 65 Medium", "Avenir LT Std 85 Heavy", "Avenir LT Std 65 Medium Oblique", "Avenir LT Std 85 Heavy Oblique", "Avenir LT S";
    	float: right;
    	height: 36px;
    	width: 552px;
    	background-color: #00638f;
    	text-align: right;
    }
    #logo {
    	margin-top: 10px;
    	margin-left: 30px;
    	float: left;
    }
    #01 {
    	background-color: #FFF;
    	width: 198px;
    	height: 179px;
    	border: 1px inset #C06;
    	font-family: "Times New Roman", Times, serif;
    	float: none;
    	position: relative;
    	z-index: 2;
    }
    #menu2 {
    }
    
    #frasetestata {
    	height: 134px;
    	width: 549px;
    	font-family: "Avenir LT Std 35 Light";
    	float: right;
    	position: relative;
    }
    #menu{
    padding:0;
    margin:0;
    height:36px;
    }
    #menu ul{
    padding:0;
    margin:0;
    }
    #menu li{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    height:36px;
    
    } 
    
    #menu li a{
    width:184px;
    height: 36px;
    display: block;
    text-decoration:none;
    text-align: center;
    line-height: 36px;
    
    color: white;
    } 
    
    
    
    
    #menu li a:hover{
    background-color: #4194bb;
    }
    michele farinelli

    ingegneria informatica e dell'automazione

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova a cambiare la posizione dei due div in assoluta.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    funziona!

    ti ringrazio veramente tanto per la precisione e la tempestivita!
    michele farinelli

    ingegneria informatica e dell'automazione

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.