[AJAX] Far comparire un oggetto dinamicamente

**miki92** · 30-09-2008, 15.45.32

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?

30-09-2008, 16.15.28

Bè, almeno dicci cosa devi fare in particolare.
Cioè, cosa devi far apparire di diverso da quello script?

Ciao!

**miki92** · 30-09-2008, 17.00.55

Di diverso nulla, cioè deve sempre apparire un div con quell'effetto ma vorrei (se possibile) ridurre il codice JS.

30-09-2008, 17.06.37

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...

**miki92** · 30-09-2008, 17.28.36

Se ti ricordi potresti postarmi il codice?

Ciò che voglio è riprodurre quell'effetto con il minor codice possibile...

30-09-2008, 17.43.56

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!

**matt93** · 01-10-2008, 09.20.03

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>

**miki92** · 01-10-2008, 15.04.24

Ciao mat93 ti ringrazio del tuo script mi è molto utile ma simulare quello stesso effetto non è possibile?

Discussione: [AJAX] Far comparire un oggetto dinamicamente

LinkBack

Strumenti discussione

Display

[AJAX] Far comparire un oggetto dinamicamente

Regole di scrittura