Rozwijany div Opcje

[tmk]

Witam,

na tej stronce jak się kliknie na 'Search'(tuż pod formularzem logowania) to pojawia się DIV - ale on się tak ładnie rowija, a nie tylko zmiania: visible/hidden.
Wiecie może jak coś takiego zrobić?szukałem w necie, ale nie widziałem takich przykładów
Ogrom kodu w JSie na MamboServer skutecznie utrudnia wyciągnięcie tylko tego rowijania diva

z góry dzięki za sugestie

[Cysiaczek]

Musisz ustawić poczatkowe wartośći width i height.
Nastepnie napisać funkcje, które odczytają aktualne wymiary bloku i powiekszą o ileś tam pikseli. Użyj funkcji setTimeout() do ustalenia czasu powtórzenia aby osiagnąć efekt animacji 100 ms powinno być ok.

[tmk]

Zrobiłem coś takiego:

[HTML] pobierz, plaintext 
var pop;    
function rozwin() {
  var obj = document.getElementById("divek");
  if(parseInt(obj.style.height)<100){
     obj.style.width = parseInt(obj.style.width) + 4 + 'px';
     obj.style.height = parseInt(obj.style.height) + 1 + 'px';
  }
}
function zwin() {
  var obj = document.getElementById("divek");
  if(parseInt(obj.style.height)>10){
     obj.style.width = parseInt(obj.style.width) - 4 + 'px';
     obj.style.height = parseInt(obj.style.height) - 1 + 'px';
  }
}
function wywolaj() {
    if(pop!="marked"){
	   var obj = document.getElementById("divek");
       obj.style.display = "block";
       setInterval("rozwin()", 10);
	   pop = "marked";	   
	}else{
	   var obj = document.getElementById("divek");
       obj.style.display = "block";
       setInterval("zwin()", 10);
	   pop = " ";	 
	}
}
[HTML] pobierz, plaintext 

i rozwija się elegancko, ale chciałbym, żeby po ponownym kliknięciu 'Klik' się zwijało - no i cos się zacina jak tylko zacznie zwijac :/

---update
jak sobie dodałem alert('xx'); w za zamknięciem IF'a

[HTML] pobierz, plaintext 
if(parseInt(obj.style.height)<100){...}alert('xx');
[HTML] pobierz, plaintext 

to mi go wywala nawet gdy juz przestało rozciągać DIVa..jak zabić ten proces gdy zostanie osiągnięty rozmiar określony IFem? bo to to zapewne jest przyczyną..

Ten post edytował tmk 12.07.2006, 14:17:18

[shpyo]

http://script.aculo.us/visual-effects - widziałeś to? Może tutaj coś ciekawego znajdziesz (może lepszego).

[tmk]

zaraz popatrzę na inne rozwiązania, dzięki za link
ale swoją drogą to chciałbym znaleźć rozwiązanie do tych funkcji które napisałem powyżej - z czystej ciekawości
więc jak ktoś ma pomysł, to będę wdzięczny


---udpate

nie znalazłem rozwiązania dla mojego kodu - może ktoś ma pomysł jak w łatwy sposób napisać coś takiego?
idea jest prosta ...

Ten post edytował tmk 14.07.2006, 14:49:28