Ciao Ragazzi ho un piccolo problema... usando questo script Effetto "tendina" su div http://javascript.html.it/script/ved...endina-su-div/ vorrei farlo funzionare al contrario, cioè quando carica la pagina la tendina dovrebbe essere chiusa e quando clicco la tendina si dovrebbe aprire e cliccando nuovamente richiudere.
Grazie per il vostro aiuto.
Non conosco lo script in questione, ma provare non costa nulla, imposta il display di default su none tramite stile.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Non ho capito dove devo intervenire.
Questo è il codice della pagina:
<!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" lang="it">
<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: 00px;
background: ;
color: #fff;
width: 100%;
font-size: 1.1em;
}
</style>
</head>
<body >
<div align="center">
<table width="70%" height="58%" border="0" cellpadding="0" cellspacing="10" bgcolor="#00FF99">
<tr>
<td><div align="center">
Clicca
<div id="container" class="fx_Height">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dictum velit eget risus. Fusce ligula. Maecenas vitae velit eget odio pulvinar aliquet. Quisque ultricies mollis lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent dapibus odio. Nullam sodales erat vel pede. Morbi ut turpis. Sed sed metus. Donec ut dui.
Duis gravida risus non nibh. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam dolor urna, tincidunt eget, posuere nec, suscipit quis, arcu. Proin pede risus, placerat id, tincidunt eu, consequat in, sem.
</div>
</div></td>
</tr>
</table>
</body>
</html>
Prova a cercare in questa fx_Height classe se c'è una voce display e impostala su none altrimenti prova ad aggiungerla, ti ricordo che un minimo di conoscenza per apportare modifiche ci vuole, se ti limiti al copia/incola la vedo dura.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Permessi di invio
Rispondi quotando