Javascript som skjuler en div?

[Torjus]

Usikker på om denne skulle her eller i en annen kategori, men det jeg leter etter er det javascript som kan åpne/flytte en div horisontalt med fanct flyt på en måte?

 

 

I venstre boks så ser man at diven ligger skjult, men man ser litt av den. Hvis man trykker på diven så kommer den ut slik som til høyre.

 

Finne det et script som kan gjøre dette?

[Zeph]

Denne tråden var feilpostet og er blitt flyttet til riktig kategori.

[magicgunnar]

Mulig du kan gjøre noe slikt for å flytte på en div: (utestet)

for(var i = 0; i < 1000; i++){
setTimeout("div.style.left = parseInt(i) + 'px';",i);
}

Da vil den forhåpentligvis flytte diven med 1 pixel i mikrosekundet, dette er kanskje litt fort, så om man setter inn i * 5 i den siste linjen blir det kanskje bedre?

 

Aner ikke om dette er en spesielt god løsning....

 

Alternativt kan man bruke dette biblioteket: http://script.aculo.us/

[ingeva]

Mulig du kan gjøre noe slikt for å flytte på en div: (utestet)

for(var i = 0; i < 1000; i++){
setTimeout("div.style.left = parseInt(i) + 'px';",i);
}

Da vil den forhåpentligvis flytte diven med 1 pixel i mikrosekundet, dette er kanskje litt fort, så om man setter inn i * 5 i den siste linjen blir det kanskje bedre?

 

Aner ikke om dette er en spesielt god løsning....

 

Alternativt kan man bruke dette biblioteket: http://script.aculo.us/

9036974[/snapback]

 

Dette blir litt for enkelt. Jeg lurer på hva "i" er når parseInt utføres?

Og hva er hensikten med å starte med en timeout på 0? Å gange 0 med 5 eller mer vil neppe gi noe bedre resultat....

 

Her er min løsning på å flytte en div (eller egentlig det meste med en ID).

Bruk dette som utgangspunkt og legg til den nødvendige timeout samt riktig stopp av prosessen (clearTimeout):

 

function moveimg (id, left, arat)
{ if (document.getElementById(id))
  {  document.getElementById(id).style.left = left + "px";
     document.getElementById(id).style.top = P/arat + "px";
  }
}

 

"arat" er i dette tilfellet forholdet left/top, mens "left" er avst. fra venstre side.

Her kan du altså også flytte objektet på skrå.

 

Jeg er ikke altfor begeistret for objekter som flytter på seg. Som regel er det mer elegant at de bare dukker opp når de trengs, og forsvinner igjen når de skal.

Det gjøres med å sette ....style.visibility = "hidden"/"visible".

 

Forøvrig kan det godt være at det finnes bra script hos http://script.aculo.us/, men den siden er altfor treg for utålmodige meg!

Endret 10. juli 2007 av ingeva

[Richard87]

Det du må endre er bredden på elementet,

 

function endreElemenet(id) {

if (document.getElementById(id).style.width = 100 + "px") { document.getElementById(id).style.width = 10 + "px";

} else {

document.getElementById(id).style.width = 100 + "px";

}

}

 

legg den koden under enn knapp/link og endre id'en til id'en til elementet ditt;)