Ciao a tutti!
Allora, praticamente ho un div a cui ho dato una altezza fissa a 150 pixel e nel css un overflow: scroll; per mostrare il contenuto eccedente!
Ora vorrei dare anche la possibilità invece di eliminare, tramite un click da qualche parte, l' altezza da me impostata e quindi lasciare espandere il contenitore per tutto lo spazio necessario al suo contenuto!
E' possibile?
Grazie mille!!
h
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Grazie mille, il codice funziona!
Però adesso accade una cosa strana...quando vado a cliccare sul link e lascio aprire il div, mi si apre la consol javascript di firefox e mi riporta questo errore:
proprietà sconosciuta 'filter' dichiarazione tralasciata
rimandandomi al mio css alla riga contenente questo codice:
div#miniature a:hover img {
opacity : 0.30;
-moz-opacity: 0.30;
filter: alpha(opacity = 30);
}
ho fatto delle prove, e ho notato che ciò accade solo con FF, il bello è che anche se elimino dal css la parte che nella console javascript mi vien considerata errata, quando vado ad espandere il div FF mi apre comunque la console javascript, senza però riportare nessun errore!!
Ah poi volevo aggiungere, a me servirebbe però un codice che permettesse anche di far tornare, con un secondo clik, il div alla sua altezza originaria stabilita nel css!
Grazie ancora della pazienza!!
<SCRIPT LANGUAGE="JavaScript">Originariamente inviato da matteo01
ho fatto delle prove, e ho notato che ciò accade solo con FF, il bello è che anche se elimino dal css la parte che nella console javascript mi vien considerata errata, quando vado ad espandere il div FF mi apre comunque la console javascript, senza però riportare nessun errore!!
Ah poi volevo aggiungere, a me servirebbe però un codice che permettesse anche di far tornare, con un secondo clik, il div alla sua altezza originaria stabilita nel css!
Grazie ancora della pazienza!!
<!--
var rid=true,dimMin=100,dimMax=200;
function ridimensiona(){
if(rid)
document.getElementById('IlTuoDiv').style.height=d imMin
else
document.getElementById('IlTuoDiv').style.height=d imMax
rid=!rid;
}
//-->
</SCRIPT>
e metti l'evento onclick="ridimensiona()" nel tuo div
controlal se è giusto, magari ho fatto degli errori
non mi funziona, non so se perchè c'è qualche errore nello script, o se sbaglio io il modo in cui dò al div l' evento onclick! Devo darlo direttamente al div, cosi?
<div id="miniature" onclick="ridimensiona()">
Grazie per l' aiuto e la pazienza!
a me va...Originariamente inviato da matteo01
non mi funziona, non so se perchè c'è qualche errore nello script, o se sbaglio io il modo in cui dò al div l' evento onclick! Devo darlo direttamente al div, cosi?
<div id="miniature" onclick="ridimensiona()">
Grazie per l' aiuto e la pazienza!
pagina html:
stile.css :codice:<HTML> <HEAD> <TITLE> prova </TITLE> <style type="text/css"> @import url("stile.css"); </style> <SCRIPT LANGUAGE="JavaScript"> <!-- var rid=true,dimMin=100,dimMax=200; function ridimensiona(){ alert(rid+" ciao"); if(rid) document.getElementById('IlTuoDiv').style.height=dimMin else document.getElementById('IlTuoDiv').style.height=dimMax rid=!rid; } //--> </SCRIPT> </HEAD> <BODY> <div id="IlTuoDiv" class="ciao" onclick="ridimensiona()"> bla bla bla </p> </div> </BODY> </HTML>
codice:.ciao{ color: blue; border-color: #ff00cc; border-width: 10px; border-style: dotted; }
Ho riprovato...eh si, mi va con Internet explorer, non mi va con FF.
if(rid)
document.getElementById('IlTuoDiv').style.height=d imMin+'px'
else
document.getElementById('IlTuoDiv').style.height=d imMax+'px'
Funziona perfettamente, grazie!!
Permessi di invio
Rispondi quotando