Toon posts:

[FLASH / JS] Div 10 pixels onder Flash-animatie plaatsen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een pagina waar een flash bestand in zit. In dit flash bestand zit een tekstveld wat gevuld word door een php variabele. De tekst kan 1 regel zijn, maar ook meerdere, de hoogte varieert dus. Dit gaat allemaal prima.

Onder het flash bestand zit een DIV. Ik wil nu dat die DIV 10 pixels (bijvoorbeeld) onder de bodem van de tekst komt. Het flash bestand is iets van 500 pixels hoog om zeer lange teksten te kunnen opvangen, en de DIV komt er dus overheen. Dus:

[flash (tekst)]
-10 pixels-
[div]

Ik geef in mijn php pagina zo de variabele door aan mijn flash bestand:
code:
1
<param name="movie" value="quote.swf?quote=<? echo $quotext; ?>" />


En zo leest mijn flash bestand het uit:
code:
1
2
3
4
5
6
quotefield.multiline = true;
quotefield.wordWrap = true;
quotefield.autoSize = true;
quotefield.text = quote;
var fieldheight = quotefield._height;
getURL ("javascript:goheight(fieldheight);");


En zo ziet mijn javascript eruit:
code:
1
2
3
4
5
<script language="javascript">
function goheight(divheight) {
    document.all.quote_reacties.style.top=document.all.quote_reacties.style.top+divheight;
}
</script>

Ik ben niet echt thuis in javascript en flash, dus van de code zal waarschijnlijk niet veel kloppen. Ik ben er al de hele middag mee bezig, maar wil nu wel graag weten hoe ik dit werkende kan krijgen.

Kan iemand mij op weg helpen?

  • nxt
  • Registratie: November 2001
  • Laatst online: 04-02 09:36

nxt

Volgens mij maak je een fout bij de getURL aanroep vanuit flash.

Flash ActionScript:
1
getURL ("javascript:goheight(fieldheight);");

Flash weet niet dat je met de tekst 'fieldheight' refereerd aan de variabele, en denkt dat je dat gewoon als tekst aan de browser wilt doorgeven, dit kun je oplossen door de string in meerdere stukken te knippen.
Flash ActionScript:
1
getURL ("javascript:goheight("+fieldheight+");");


Verder zou ik in je javascript geen document.all gebruiken, maar elementen opzoeken aan de hand van het id. Dus ipv
JavaScript:
1
 document.all.quote_reacties.style....

gebruik je
JavaScript:
1
 document.getElementById('quote_reacties').style...

Verwijderd

Topicstarter
Ik heb nu alles aangepast, mijn javascript ziet er zo uit:
code:
1
2
3
function goheight(divheight) {
     document.getElementById('quote_reacties').style.top= document.getElementById('quote_reacties').style.top+divheight;
}


Maar het werkt nog steeds niet. :(

  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Staat de div absoluut gepositioneerd? (Zo dus:)
Cascading Stylesheet:
1
2
3
#quote_reacties {
  position: absolute;
}

  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Doe dan eens overal alerts in prakken, bijvoorbeeld om te kijken of de var wel doorkomt in de js functie :P

  • moozzuzz
  • Registratie: Januari 2005
  • Niet online
Is het een vraag over css (plaatsing van die div) of over flash? Moet die div 10px onder flash-object of 10px onder tekst in de flashfile?
Pagina: 1