Printable View
Ehilà ciao a tutti,
vorrei far comparire un oggetto dinamicamente ed ho trovato questo script ma poi vedendo i JS ho notato che è troppo e non posso permettermi di avere tutto quel codice nel sito, c'è un qualche modo di avere lo stesso effetto ma con minor codice?
Bè, almeno dicci cosa devi fare in particolare.
Cioè, cosa devi far apparire di diverso da quello script?
Ciao!
Di diverso nulla, cioè deve sempre apparire un div con quell'effetto ma vorrei (se possibile) ridurre il codice JS.
Di che effetto stai parlando?
Non avevo visto il link, comunque, non ho guardato quel codice ma prova ad implementare scriptaculous; c'è una funzione che riproduce lo stesso effetto con una sola riga di codice.
Non ricordo il nome dell'effetto ma l'ho usato pure io e ho utilizzato una sola riga di codice...
Se ti ricordi potresti postarmi il codice?
Ciò che voglio è riprodurre quell'effetto con il minor codice possibile...
Non vorrei smontare le aspettative di miki92, e non vorrei dire fesserie, ma anche scriptacolous ha bisogno delle sue librerie per fare qualsiasi cosa.
Forse quello che ha visto soulcanada è il richiamo all'effetto e non l'inizializzazione dello stesso nel file js esterno...
ciao!
Io, "con poche righe" sono riuscito ad elaborare questo:
Codice HTML:<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
var cpu_occupata=false; // So che può sembrare strano, ma nel tempo ho imparato che è molto utile tenere salvato in una vaiabile cosa si sta eseguendo.
function closeDiv(id) {
if(cpu_occupata==false || cpu_occupata=='closeDiv'){
var actual_height=parseInt(document.getElementById(id).style.height);
if(actual_height <= 0){
document.getElementById(id).style.display='none';
cpu_occupata=false;
}else{
actual_height-=5; // Specifica qui quanto togliere al div ogni 10 millisecondi.
document.getElementById(id).style.height=actual_height+"px";
cpu_occupata='closeDiv';
setTimeout("closeDiv('"+id+"');", 10);
}
}
}
function openDiv(id, size) { // Purtroppo non ho trovato una soluzione, devi dargli come imput l'altezza che vuoi dare al div.
if(cpu_occupata==false || cpu_occupata=='openDiv'){
var actual_height=parseInt(document.getElementById(id).style.height);
if(actual_height < size){
document.getElementById(id).style.display='';
actual_height+=5; // Specifica qui quanto aggiungere al div ogni 10 millisecondi.
document.getElementById(id).style.height=actual_height+"px";
cpu_occupata='openDiv';
setTimeout("openDiv('"+id+"', "+size+");", 10);
}else{
cpu_occupata=false;
}
}
}
function switchDiv(id, size){
if(document.getElementById(id).style.display==''){
closeDiv(id);
}else{
openDiv(id,size);
}
}
</script>
</head>
<body>
<a href="#" onclick="switchDiv('il_div', 800);">Apri/chiudi</a>
<div id="il_div" style="height:800px; width:200px; background-color:#FFFF00;">
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
aaaaaaaaaaa<br/>
</div>
</body>
</html>
Ciao mat93 ti ringrazio del tuo script mi è molto utile ma simulare quello stesso effetto non è possibile?