Spostamento finestra

**semolino** · 21-04-2006, 01:57

Chiedo scusa perchè non so se òa stanza è giusta, ma come si realizza questa cosa?
guarda qui .

Se guardate il link cliccate sul triangolino nero con la punta verso il basso, come si realizza il fatto che la pagina scorre e si vede la parte nascosta? Di che cosa si tratta?

Grazie

**nuky** · 21-04-2006, 09:35

La pagina scorre perché viene visualizzato/nascosto un elemento in testa alla pagina agendo sull'attributo di stile display.
Esempio:

codice:

<html>
  <head>
    <script type="text/javascript">
      function Vai() {
        var objProva = document.getElementById("prova");
        objProva.style.display = (objProva.style.display == "block") ? "none" : "block"; 
      }
    </script>
  </head>
  <body>
    <div id="prova" style="display:block;">testo da nascondere</div>
    <input type="button" value="clicca" onclick="Vai()" />
    <div style="height:1000px; border:1px solid red;">bla bla</div>
  </body>
</html>

Trovo lo scorrimento fastidioso, io avrei agito sulla proprietà visibility impostandola a hidden/visible.

**semolino** · 21-04-2006, 09:47

bello, ma in questo modo al primo ingresso è visibile. Per renderlo invisibile?
Inoltre come aggiungo lo scorrimento?
Ultma cosa, nell'esempio il pulsante cambia in base se devo nascondere o visualizzare, posso mostrare ad esempio un pulsante su/giù?

Grazie mille

**nuky** · 21-04-2006, 09:57

Originariamente inviato da semolino
bello, ma in questo modo al primo ingresso è visibile. Per renderlo invisibile?

Originariamente inviato da semolino
Inoltre come aggiungo lo scorrimento?

Lo scorrimento c'è, l'effetto è uguale a quello del sito da te postato.

Originariamente inviato da semolino
Ultma cosa, nell'esempio il pulsante cambia in base se devo nascondere o visualizzare, posso mostrare ad esempio un pulsante su/giù?
Grazie mille

Così dovrebbe andare:

codice:

<html>
  <head>
    <script type="text/javascript">
      function Vai() {
        var objProva   = document.getElementById("prova");
        var objFreccia = document.getElementById("freccia");
        
        if (objProva.style.display == "block") {
          objProva.style.display = "none";
          objFreccia.src = "freccia_su.jpg";
        }
        else {
          objProva.style.display = "block";
          objFreccia.src = "freccia_giu.jpg";
        }
      }
    </script>
  </head>
  <body>
    <div id="prova" style="display:none;">testo da nascondere</div>
    [img]freccia_su.jpg[/img]
    <div style="height:1000px; border:1px solid red;">bla bla</div>
  </body>
</html>

Originariamente inviato da semolino
Grazie mille

Prego mille

**semolino** · 21-04-2006, 10:44

Fantastico, questo mondo di effetti è proprio nuovo per me

**semolino** · 22-04-2006, 13:39

Mi chiedevo come mai l'effetto dello spostamento quando compare la div non è come quello dell'esempio?
Nel senso che compare senza scorrere verso il basso (v. esempio).

**semolino** · 14-07-2006, 18:04

Rileggendo un mio vecchio post, mi chiedevo in che modo è possibile far uscire una div ma con effetto scorrimento.
Come da link al primo post.

**serialkiller** · 14-09-2006, 14:55

guardando il codice si evince l'uso della libreria scriptaculous

http://script.aculo.us/

Discussione: Spostamento finestra

Strumenti discussione

Ricerca discussione

Visualizza

Spostamento finestra

Permessi di invio