Visualizzazione dei risultati da 1 a 5 su 5

Discussione: effetto tendina

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    4

    effetto tendina

    Salve,

    ho visto con moltissimo interesse lo script ajax tendina su div

    http://javascript.html.it/script/ve...tendina-su-div/

    l'esempio in effetti mi è stato molto utile ma non sono riuscito a capire una cosa:

    se volessi applicare l'effetto in automatico all'apertura della pagina senza dover cliccare su "click" come devo modificare lo script??

    grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Posta il codice, il link da pagina non trovata.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    4

    ecco il codice grazie mille

    <head>

    <title>Effetto "tendina" su div - Esempio JavaScript scaricato da HTML.it</title>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="it" />
    <meta name="Robots" content="All" />
    <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
    <meta name="Keywords" content="Lo script, grazie ad Ajax, permette di aprire un DIV con effetto tendina." />
    <meta name="Owner" content="HTML.it srl" />
    <meta name="Author" content="HTML.it srl" />
    <meta name="Copyright" content="HTML.it srl" />

    <script type="text/javascript" src="prototype.lite.js"></script>
    <script type="text/javascript" src="moo.fx.js"></script>
    <script type="text/javascript" src="moo.fx.pack.js"></script>

    <script type="text/javascript">
    window.onload = function() {
    myHeight = new fx.Height('container', {duration: 400});

    }
    </script>

    <style>
    #container{
    margin: 10px;
    background: #555;
    color: #fff;
    width: 400px;
    height:0px;
    font-size: 1.1em;
    }
    </style>

    </head>
    <body >



    <div align="center">


    Clicca


    <DIV id="container">[img]C:\Programmi\EasyPHP 2.0b1\www\images\sanmarino\faronotte.jpg[/img]
    </DIV>



    </body>
    </html>

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    <script type="text/javascript">
    window.onload = function() {
    myHeight = new fx.Height('container', {duration: 400}); 
    myHeight.toggle();
    }
    e togli il link che punta alla funzione.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    4
    GRANDEEEE

    grazie mille

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.