show/hide

[priedzha]

Kā ar javascript palīdzību var uztaisīt funkciju show/hide uz html formām?

Piem. ir links un, kad uzspiežu uz linka, tad parādās/pazūd attiecīgās formas

[Delfins]

<div id="f1"><form> ...

 

 

var div_f1 = docuement.getelementById('f1');

div_f1.display = 'none'; // block

[hackerman]

A kā tad viņu var mainīt? Neredzu tur nevienu pogu :)

[Exzo]

function toggle(id) {

var elem = document.getElementById(id);

if (elem.style.display == '') {
	elem.style.display = 'none';
} else {
	elem.style.display = '';
}
}

 

un uzliec onclick="toggle('kaukaads_id')" jebkuram elementam

[Kaklz]

Iesaku paskatīties jQuery virzienā. Līdz ar šāda veida izstrādes metodēm JavaScript izstrāde iegūst pavisam citu jēgu kā līdz šim.

http://docs.jquery.com/Effects

[hackerman]

A kā var dabūt vispirms "show" un tad, ja grib "hide" ? Man tagad sanāca, ka forma parādās un es viņu varu palsēpt, bet gribas lai parādās tikai pēc klika =]

[Exzo]

#kaukaads_id {

display: none;

}

[hackerman]

Kautkā nesanāca apvienot ar to skriptu... =/

[Exzo]

Blah, tā taču ir CSS definīcija iekš stailšīta...

[hackerman]

<style type="text/css">
#f1 {
display: none;
}
</style>

<script>
function toggle(id) {

var elem = document.getElementById(id);
display: 'none';


if (elem.style.display == '') {
	elem.style.display = 'none';
} else {
	elem.style.display = '';
}
}


</script>

 

Paslēpa, bet nezkapē vairs nedabojas tas javascript? ;D

[Exzo]

kas tas par "display: 'none';" JS funkcijā?

[hackerman]

Ops...mans stulbums tur ir :) Stulbumu izņēmu ārā, bet nešancē vienalga.

[Exzo]

pārliecinies vai ID ir pareizi sarakstīti.

[hackerman]

ID ir pareizi, jo pirmstam javascript strādāja un style arī strādā pašlaik jo pazuda jau tās formas ar to id :)

Un tikko patestēju, nodzēsu nost to style un javascript gāja :)

[priedzha]

Nu kā tad tur īsti ir?